摘要:
项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //(autoimport变量,eslint配置)由auto-import插件生成 ├─ .eslintr 阅读全文
摘要:
浏览器标签页之间通信的实现 使用场景 前端开发过程中,总是避免不了要进行前端标签页之间的通信,最经典的例子莫过于音乐播放网站中,当第一次点击播放列表中的歌曲时,它会打开一个新的标签页进行播放,而当在列表中再次点击歌曲播放时,并不会再多打开一个标签页,而是会在刚才新打开的标签页上播放歌曲。 方式方 阅读全文
摘要:
ES 2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组,其中元素按升序排序,而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组,该数组的元素顺序被反转,但不改 阅读全文
摘要:
使用前景 在vue、react等使用webpack为项目打包工具的前端项目,在开发过程中,随着项目功能的逐渐增加,项目整体体积的不断增加,打包的时长和打包后部署的项目体积也在不停的增长,这样可能会导致一下两个问题: 使用自动化部署工具Jenkins部署时,Jenkins因内存不足而崩溃 打包产物过大 阅读全文
摘要:
介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具,其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似,除了: ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码 阅读全文
摘要:
Vue2安装JSX支持 有时候,我们使用渲染函数(render function)来抽象组件,而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大,体验不佳,这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的,而在 Vue2 中使用 JSX,需要安装并使用 阅读全文
摘要:
报错内容 报错原因:由于安装的依赖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 阅读全文
摘要:
双向绑定的需要 在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件两侧都没有明显的变更来源。 vue2中双向绑定的实现(2.3.0+) 在vue2中实现双向绑定,主要是在在父组件中使用 :属性名.sy 阅读全文
摘要:
情景 有时候,从后端的数据并非是可以直接使用渲染的,需要经过处理之后才可使用,比如说以下这种情况 //需要将这个数组中的字段合并,渲染在列表中 const array1 = [{id:1,name:'张三'},{id:2,name:'李四'}] const array2 = [{id:1,age:6 阅读全文
摘要:
在使用vs开发exe或dll的过程中难免会遇到要写固定的很少有变动的东西,比如说连接数据库的语句、配置应用程序的一些信息。 在这个时候就可以,为了使exe或dll不用一经过小小更改就重新编译,就可以把这些固定的很少有更改的东西写入配置文件中,在编写时读取配置文件就可以了 而一般的Winform程序或 阅读全文