摘要: v-if和v-for的问题 v-if和v-for优先级哪个高? v-for优先级高于v-if 同时出现时,每次渲染都会先执行循环,在再循环中执行判断,造成性能浪费。 因此不要把 v-if 和 v-for 同时用在同一个元素上。 同时出现如何优化才能得到更好的性能? 在外层或嵌套<block>,先进行 阅读全文
posted @ 2021-10-05 14:57 黄哈哈。 阅读(62) 评论(0) 推荐(0) 编辑
摘要: vue 指令 v-bind 绑定属性 语法糖 : 绑定基本属性 <a :href="aHref">百度一下</a> 动态绑定class 对象语法:v-bind: class="{类名:boolean}" <h2 :class="{'active':isActive}">哈哈哈</h2> <!--过于 阅读全文
posted @ 2021-10-05 13:26 黄哈哈。 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 一、五个概念 entry:哪个文件为入口起点开始打包 output:输出的资源到哪里去,叫什么名字 loader:翻译官,webpack只能处理js代码,其他要交给loader来处理。 plugins,插件,执行范围更广的任务,如压缩 mode。开发模式(development):本地可以运行就可以 阅读全文
posted @ 2021-10-05 13:17 黄哈哈。 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 一、什么是webpack 静态模块打包工具 webpack,将所有的前端资源文件(js/json/css/img/sass...)都会作为模块处理。它根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。 处理模块间的依赖关系,让我们可以模块化开发, grunt/gulp/webp 阅读全文
posted @ 2021-10-05 13:00 黄哈哈。 阅读(96) 评论(0) 推荐(0) 编辑
摘要: npx npm v5.2.0引入的一条命令(npx),提升了开发者使用包内提供的命令行工具的体验。 一、调用项目安装的模块 安装webpack: npm i -D webpack 调用项目内部的webpack: # 项目的根目录下执行 ./node_modules/.bin/webpack -v 有 阅读全文
posted @ 2021-10-05 03:08 黄哈哈。 阅读(88) 评论(0) 推荐(0) 编辑