合集-前端
摘要：
介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似，除了： ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码
阅读全文
介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似，除了： ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码
阅读全文
摘要：
项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─ .eslintr
阅读全文
项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─ .eslintr
阅读全文
摘要：
情景 有时候，从后端的数据并非是可以直接使用渲染的，需要经过处理之后才可使用，比如说以下这种情况 //需要将这个数组中的字段合并，渲染在列表中 const array1 = [{id:1,name:'张三'},{id:2,name:'李四'}] const array2 = [{id:1,age:6
阅读全文
情景 有时候，从后端的数据并非是可以直接使用渲染的，需要经过处理之后才可使用，比如说以下这种情况 //需要将这个数组中的字段合并，渲染在列表中 const array1 = [{id:1,name:'张三'},{id:2,name:'李四'}] const array2 = [{id:1,age:6
阅读全文
摘要：
报错内容 报错原因：由于安装的依赖peerDependency和原先已安装的依赖有冲突 While resolving: uni-preset-vue@0.0.0 Found: vue@3.2.47 node_modules/vue peer vue@"^3.2.25" from @vitejs/p
阅读全文
报错内容 报错原因：由于安装的依赖peerDependency和原先已安装的依赖有冲突 While resolving: uni-preset-vue@0.0.0 Found: vue@3.2.47 node_modules/vue peer vue@"^3.2.25" from @vitejs/p
阅读全文
摘要：
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用
阅读全文
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用
阅读全文
摘要：
使用前景 在vue、react等使用webpack为项目打包工具的前端项目，在开发过程中，随着项目功能的逐渐增加，项目整体体积的不断增加，打包的时长和打包后部署的项目体积也在不停的增长，这样可能会导致一下两个问题： 使用自动化部署工具Jenkins部署时，Jenkins因内存不足而崩溃 打包产物过大
阅读全文
使用前景 在vue、react等使用webpack为项目打包工具的前端项目，在开发过程中，随着项目功能的逐渐增加，项目整体体积的不断增加，打包的时长和打包后部署的项目体积也在不停的增长，这样可能会导致一下两个问题： 使用自动化部署工具Jenkins部署时，Jenkins因内存不足而崩溃 打包产物过大
阅读全文
摘要：
ES 2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改
阅读全文
ES 2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改
阅读全文
摘要：
浏览器标签页之间通信的实现 使用场景 前端开发过程中，总是避免不了要进行前端标签页之间的通信，最经典的例子莫过于音乐播放网站中，当第一次点击播放列表中的歌曲时，它会打开一个新的标签页进行播放，而当在列表中再次点击歌曲播放时，并不会再多打开一个标签页，而是会在刚才新打开的标签页上播放歌曲。 方式方
阅读全文
浏览器标签页之间通信的实现 使用场景 前端开发过程中，总是避免不了要进行前端标签页之间的通信，最经典的例子莫过于音乐播放网站中，当第一次点击播放列表中的歌曲时，它会打开一个新的标签页进行播放，而当在列表中再次点击歌曲播放时，并不会再多打开一个标签页，而是会在刚才新打开的标签页上播放歌曲。 方式方
阅读全文