省略号 前端ellipsis页面
vue3--h5页面中判断在支付宝环境还是微信环境
支付宝： navigator.userAgent.indexOf('AliApp') > -1 环境变量： navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
90%的面试问题（前端）
1.什么是MVVM，MVC模型 MVC框架（Model-View-Controller，模型-视图-控制器）： Model（模型）：代表数据和业务逻辑，负责数据的存储和处理。 View（视图）：是用户界面的表示，通常是UI元素，例如网页、图形用户界面等。 Controller（控制器）：是Model ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
uniapp返回上一个页面
在 UniApp 中返回上一个页面，你可以使用 uni.navigateBack() 方法来实现。 uni.navigateBack() 方法用于导航返回上一页，你可以传递一个可选的参数来指定返回的步数。如果不传递参数，则默认返回上一页。 下面是一个示例代码，演示如何在 UniApp 中返回上一个页 ......
前端导出export2Excel-多级表头
1，export2Excel.js /* eslint-disable */ // import { saveAs } from "file-saver"; const saveAs = require("file-saver"); // import XLSX from "xlsx"; impor ......
页面保活实现思路
1. 页面保活应用场景 列表页面跳转到详情页面，要保留列表页面分页后的页码，搜索到的数据，搜索键值，高亮状态，甚至是页面上其他表单的内容等。 2. 页面保活实现思路 2.1 不跳转 用抽屉或模态框编辑详情，不离开列表页，最佳 2.2 vue单页面 可以使用 <KeepAlive> 组件缓存页面。配合 ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......
鸿蒙开发之初页面UIAbility
UIAbility 类似于一个整体的应用声明入口， 比如小程序的app.js ， 比如安卓端的activity 正常页面开发 使用的是一个UIAbility即可， 然后在一个UIAbility 里面 通过路由的形式进行跳转 关于路由 导入 import router from '@ohos.rout ......
Vue项目 移动端禁止页面放大缩小
Vue项目 移动端禁止页面放大缩小（在安卓上可以实现禁止放大缩小，但是ios就不行） // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
前端广度和深度拓展方式之多看博文
记录一些阅读的比较好的博文汇总 1.框架类相关的 前端框架自欺欺人，TypeScript全无必要？(自述了对于目前前端框架越来越复杂，学习成本越来越高的背景和见解) ......
前端常用登录方式
前端常见登录方式 总结下前端几种常见的登录方式： Session Token Oauth 第三方登录 SSO 单点登录 多因素认证 1、 基于会话（Session）的认证 特点：服务端存储 SessionId 1.1 实现流程 用户提交登录表单，包含用户名和密码。 服务器验证凭证，如果凭证正确，则创 ......
PDF文件打开时，总是定位到某个特定页面
PDF文件正常打开时，会默认显示第一页，或者默认显示上次关闭时停留的页面。 但是某个PDF特别奇怪，打开它时，总是显示在某个特定页面。 当我把这个页移动到开头时，打开文档就定位到开头； 当我把这个页移动到结尾时，打开文档就定位到结尾； 当我把它移动到第3页，打开文档就定位到第3页。 但是我查看文档事 ......
vue详情页面可以打开多个
main.vue文件 <keep-alive :include="cachedViews"> <router-view :key="key" /> </keep-alive> computed: { key () { return this.$route.fullPath//this.$route. ......
【前端VUE】VUE通信组件学习（附源代码）
props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......
前端面试八股文汇总
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
前端标签
前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类： 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如： <!DOCTYPE html>：声明文档的类型 <html>：定义文档的根元素 <head>：定义文档的头部 <body>：定义文档的主体 <title>：定 ......
前端体验优化（4）——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据，而数据分析是体验优化的最后一环。 通过数据来量化当前的工作，从而证明工作是否高效，优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系，包括 SLA、慢响应、前端错误、白屏和首 ......
微信小程序开发设计之页面原型设计
// pages/myAddr/myAddr.js const app = getApp(); Page({ /** * 页面的初始数据 */ data: { addrs:[ { addr: "广东省 广州市 白云区 什么街道", name: "用户填写", phone: "1881111111", ......
前端json转excel 到zip下载
问题描述：后端返回数据原先返回是多个json文件的压缩包二进制文件流，前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案：前端拿到表格的json数据转换成对应table的html字符串，使用插件js-xlsx。 给个链接， import * as XLSX from 'xlsx ......
页面缓存
页面缓存根据需求分为以下3类 类小程序：根据用户的跳转方法来决定如何操作页面缓存堆栈 历史记录：根据用户访问的历史记录缓存一定数量的页面，超过限定数量时采用新进先出 面包屑：根据面包屑结构，缓存当前页面的祖先页面 类小程序 需要解决的问题 实现以下常用跳转方法 navigateTo 保留当前页面，跳 ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题
问题 部分的组件库（例如antd）使用到了window.innerWidth和window.innerHeight属性，可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用，导致后续不管主应用如何变化，子应用的这两个属性无法跟随变化，也就导致子应用使用的这些组 ......
【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端
Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想：使用一个固定窗口在图像上进行任意方向的滑动，对比滑动前后的窗口中的像素灰度变化程度，如果存在任意方向上的滑动，都有较大灰度变化，则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
做一个wiki页面是体验HTML语义的好方法
HTML语义：如何运用语义类标签来呈现Wiki网页 在上一篇文章中，我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么，哪些场景适合用到语义类标签呢，又如何运用语义类标签呢？ 不知道你还记不记得在大学时代，你被导师逼着改毕业论文格式的情景，如果你回想一下，你在论文中使用的那些格式，你 ......
第二章：SpringMVC的配置文件（web.xml）及访问页面
一、开发环境 二、创建maven工程 三、默认方式配置web.xml 四、扩展方式配置web.xml 五、创建控制器 六、配置springMVC配置文件 七、访问首页 八、访问指定页面 九、总结 ......
前端开发者
当涉及到前端领域的成功人士，有许多杰出的开发者可以作为学习榜样。以下是一些在前端领域有所成就的人士，他们在社区中广受尊敬并有着丰富的经验和知识： Dan Abramov：React 的核心开发者之一，他的技术博客和社交媒体上的分享非常受欢迎。 Sarah Drasner：她是 Vue.js 的倡导者 ......
如何实现前端跨域，配置代理
// 在vue.config.js中配置代理 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......