09 2023 档案

摘要：

浏览器标签页之间通信的实现使用场景前端开发过程中，总是避免不了要进行前端标签页之间的通信，最经典的例子莫过于音乐播放网站中，当第一次点击播放列表中的歌曲时，它会打开一个新的标签页进行播放，而当在列表中再次点击歌曲播放时，并不会再多打开一个标签页，而是会在刚才新打开的标签页上播放歌曲。方式方阅读全文

posted @ 2023-09-21 09:24 路西高辣阅读(665) 评论(0) 推荐(8) 编辑

ES 2023新特性速解

摘要：

ES 2023新特性速解一、新增数组方法操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改阅读全文

posted @ 2023-09-18 07:36 路西高辣阅读(715) 评论(0) 推荐(2) 编辑

Webpack性能优化 SplitChunksPlugin的使用详解

摘要：

使用前景在vue、react等使用webpack为项目打包工具的前端项目，在开发过程中，随着项目功能的逐渐增加，项目整体体积的不断增加，打包的时长和打包后部署的项目体积也在不停的增长，这样可能会导致一下两个问题：使用自动化部署工具Jenkins部署时，Jenkins因内存不足而崩溃打包产物过大阅读全文

posted @ 2023-09-16 18:41 路西高辣阅读(435) 评论(2) 推荐(3) 编辑

Web项目如何配置Eslint

摘要：

介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似，除了： ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码阅读全文

posted @ 2023-09-14 21:00 路西高辣阅读(519) 评论(0) 推荐(1) 编辑

在Vue2和Vue3中JSX的使用集锦

摘要：

Vue2安装JSX支持有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用阅读全文

posted @ 2023-09-12 22:00 路西高辣阅读(581) 评论(0) 推荐(0) 编辑

如何使用Vite创建Vue3的uniapp项目

摘要：

项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─ .eslintr 阅读全文

posted @ 2023-09-11 22:51 路西高辣阅读(1166) 评论(0) 推荐(1) 编辑

npm安装依赖时出现Peer Dependencies冲突报错

摘要：

报错内容报错原因：由于安装的依赖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 阅读全文

posted @ 2023-09-11 13:04 路西高辣阅读(1052) 评论(0) 推荐(0) 编辑

Vue中如何实现双向绑定

摘要：

双向绑定的需要在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件两侧都没有明显的变更来源。 vue2中双向绑定的实现(2.3.0+) 在vue2中实现双向绑定，主要是在在父组件中使用 :属性名.sy 阅读全文

posted @ 2023-09-09 02:04 路西高辣阅读(316) 评论(0) 推荐(0) 编辑