前端
文章平均质量分 71
夢的点滴
这个作者很懒,什么都没留下…
展开
-
防抖(Debouncing)和节流(throttling)解析
针对高频度触发事件问题(例如页面 scroll ,屏幕 resize,监听用户输入等),介绍两种常用的解决方法,防抖和节流。原创 2024-03-29 19:38:59 · 608 阅读 · 0 评论 -
Antd Vue3 使用 Anchor 锚点组件记录
Antd Vue3 Anchor 锚点组件踩坑记录:锚点定位失效,没有随着页面滚动高亮变化原创 2024-03-29 19:25:44 · 1401 阅读 · 0 评论 -
JavaScript 中 Object.assign() 的用法
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。用法:Object.assign(target, ...sources) 【target:目标对象】,【souce:源对象(可多个)】举个栗子:原创 2022-10-22 08:00:00 · 3027 阅读 · 9 评论 -
猿创征文|Vue前端性能优化方案
从vue-router优化、打包优化、压缩技术三个方面给出Vue前端性能的优化方案。原创 2022-08-27 17:32:39 · 1261 阅读 · 0 评论 -
微前端解决方案
微前端解决方案对比及MicroApp方案示例原创 2022-06-02 17:14:21 · 2143 阅读 · 0 评论 -
什么是微前端
微前端是多个独立发布功能的团队一起构建现代化web应用程序的技术、策略和方法,将大而可怕的事物分割成更小、更易于管理的部分,然后明确它们之间的依赖关系。应用开发的技术选择、代码库、团队以及发布过程都能够相互独立地操作,而不需要过度的协调。微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个能够独立开发、测试、部署的小型前端应用,而在用户看来仍然是内聚的单个产品。使用微前端架构能够拆分巨型应用,使应用方便迭代更新,兼容历史应用,实现增量开原创 2022-05-01 10:00:00 · 3792 阅读 · 0 评论 -
Javascript 高阶函数
- 高阶函数接收另一个函数作为参数function add(x, y, f) { return f(x) + f(y);}- map / reducefunction pow(x) { return x * x;}var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];var results = arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]console.log(results);Ar.原创 2022-04-17 17:17:41 · 360 阅读 · 0 评论 -
javascript 中感叹号的用法
! 可将变量转换成 boolean 类型,null、undefined 和 空字符串 取反都为 true,其余都为 false。 !! 常常用来做类型判断,在第一步 !(变量)之后再做逻辑取反运算const myObj = { a: 1, b: 'some string', c: [0], d: {a: 0}, e: undefined, f: null, g: '', h: NaN, i: {}, j: [], deleted: 'value'};..原创 2022-03-29 16:40:45 · 2607 阅读 · 0 评论 -
VUE2.X 使用 Mock 模拟接口
目录1. 安装插件2. 接口模拟1. 安装插件npm install mockjs --save-dev2. 接口模拟1. 在src目录下创建 mocker/mockData/index.js,内容为 mock 数据:// 静态数据const resultList = [ { id: '8a58c6736f452c10016f4604c6ce0687', resourceType: '0', deptName: '研发中心', i...原创 2022-03-17 09:00:00 · 1691 阅读 · 0 评论 -
Vue 工程在 Chrome 浏览器打开,获取音频设备权限问题
目录项目场景问题描述解决方案方法一、网页使用https方式访问方法二、修改浏览器安全配置(最直接、简单)项目场景VUE 工程中使用 navigator.mediaDevices.getUserMedia方法调用音视频设备。问题描述Vue 工程在 Chrome 浏览器打开,无法获取音视频设备,控制台提示获取音频设备权限问题Cannot read property getUserMedia of undefined解决方案方法一、网页使用https方式访...原创 2022-03-16 11:11:02 · 4328 阅读 · 0 评论 -
安装 npm 私服 verdaccio
npm私服搭建——verdaccio方案原创 2022-03-10 14:00:03 · 1100 阅读 · 0 评论 -
webpack-bundle-analyzer 插件配置
vue 项目打包性能分析插件 webpack-bundle-analyzer原创 2022-02-25 15:30:34 · 27137 阅读 · 3 评论