摘要：
条件渲染 v-if、v-else、v-else-if template元素 v-show v-show和v-if的区别 阅读全文
摘要：
div -> 块级元素->width : 父元素的宽度（包含块） width属性默认值不是100% 是 auto ; viewport -> 移动端适配 rem、vw、vh CSS 预处理器 包括这三个 元素属性分类 比如class、id、title 属性是公共属性 比如meta元素的charset 阅读全文
摘要：
VSCode代码片段 在该网站中生成代码片段； https://snippet-generator.app 模板语法 Mustache双大括号语法（掌握） 案例演示 v-once指令（了解） v-once案例 v-text指令（了解） v-text案例 v-html指令 v-html案例 v-pre 阅读全文
摘要：
认识Vue 目前Vue在前端处于什么地位？ 如何使用Vue呢？ 方式一：CDN引入 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 方式二：下载和引入 Vue初体验 ◼ 案例体验一：动态展示Hello World数 阅读全文
摘要：
为什么要搭建本地服务器 webpack-dev-server 认识模块热替换（HMR） 开启HMR 框架的HMR 阅读全文
摘要：
认识插件Plugin CleanWebpackPlugin HtmlWebpackPlugin 生成index.html分析 自定义HTML模板 自定义模板数据填充 DefinePlugin的介绍 DefinePlugin的使用 Mode配置 Mode配置代表更多 阅读全文
摘要：
为什么需要babel？ Babel命令行使用 Babel插件的使用 Babel的预设preset babel-loader babel-preset 编写App.vue代码 App.vue的打包过程 @vue/compiler-sfc resolve模块解析 确实文件还是文件夹 extensions 阅读全文
摘要：
加载图片案例准备 ◼ 为了演示我们项目中可以加载图片，我们需要在项目中使用图片，比较常见的使用图片的方式是两种： img元素，设置src属性； 其他元素（比如div），设置background-image的css属性； js文件添加img元素 webpack-config.js添加配置 认识as 阅读全文
摘要：
node中的内置模块path path常见的API 在webpack中的使用 认识webpack 脚手架依赖webpack Webpack到底是什么呢？ Webpack的安装 Webpack的默认打包 创建局部的webpack Webpack配置文件 指定配置文件 Webpack的依赖图 编写案例代 阅读全文
摘要：
代码共享方案 ◼ 我们已经学习了在JavaScript中可以通过模块化的方式将代码划分成一个个小的结构： 在以后的开发中我们就可以通过模块化的方式来封装自己的代码，并且封装成一个工具； 这个工具我们可以让同事通过导入的方式来使用，甚至你可以分享给世界各地的程序员来使用； ◼ 如果我们分享给世 阅读全文