08 2021 档案
摘要:webpack 是前端工程化的具体解决方案,包括代码压缩混淆、处理 js 的兼容、优化性能 安装指定版本 npm install webpack@5.42.1 webpack-cli@4.7.2 -D -S 是--save 的简写,将包安装在开发和线上环境 -D 是--save-dev 的简写,只安
阅读全文
摘要:数据驱动视图(vue 会监听数据变化,自动渲染 dom,是单向的数据绑定) 双向数据绑定(在网页中 form 负责采集数据,ajax 负责提交数据,不需要操作 dom 来获取表单最新的值,最新的数据会自动更新到 js 数据中) MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理,MVVM
阅读全文
摘要:前端监控和前端埋点,一个是目的,一个是实现方式,做前端埋点,是为了做前端监控,那为什么要做前端监控呢 前端监控的目的 获取用户行为以及跟踪产品在用户端的使用情况,并以监控数据为基础,指明产品优化的方向。 前端监控可以分为三类:数据监控、性能监控和异常监控。 数据监控 数据监控,就是监听用户的行为,常
阅读全文
摘要:复杂对象数组去重 单个复杂对象数组去重 let arr = [ { id: 1, name: 'zs' }, { id: 2, name: 'ls' }, { id: 1, name: 'zs' } ] const obj = {} arr = arr.reduce((pre, item) => {
阅读全文
摘要:// 当前时间 dayjs() // 时间字符串 dayjs('2018-06-03') // 时间戳 dayjs(1528361259484) // Date 对象 dayjs(new Date(2018, 8, 18)) // 复制 dayjs().clone() // 检测当前 Dayjs 对
阅读全文
摘要:Ajax 是浏览器提供的方法,可以实现页面无刷新更新数据,即局部更新数据,提高用户体验,ajax 与服务器交互,必须在网络环境中才能运行 Axios 是对原生的 Ajax 进行封装,简化书写 基础 var xhr = new XMLHttpRequest(); // 创建 ajax 对象 xhr.o
阅读全文
摘要:Node 是基于 chrome V8 的 js 运行环境 node 官网 在命令行工具输入 node -v 后回车可查看 node 环境是否安装成功 js 是基于 ECMAScript 语法的,操作 BOM 和 DOM node.js 也是基于 ECMAScript 语法,还有额外的 Node AP
阅读全文