zhaoyang007

摘要： 路由 - Vue Router vue-router 主要完成的任务是路由的问题。因为我们单页面应用程序需要在不同的页面内容之间来进行切换，所以我们就需要路由这样的一个库。 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包 阅读全文

摘要： 过度 & 动画 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的过渡效果，Vue 会给我们一些钩子或者一些关键的样式来帮助我们实现，包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 Java 阅读全文

摘要： 模版语法 Vue 使用基于 HTML 的方式来声明页面的样式，同时可以把我们在 Vue 中声明的数据 data 动态的展示在界面中，这就是模版语法。 差值文本 数据绑定最常见的形式就是使用 “Mustache” 语法 (双大括号) 的文本插值。 HTML 特性不能用 Mustache 语法，应该使用 阅读全文

摘要： HTML 并不简单，它是典型的“入门容易，精通困难”的一部分知识。深刻理解 HTML 是成为优秀的前端工程师重要的一步。 语义类标签是什么，使用它有什么好处？ 语义类标签是工作中经常会用到的一类标签，它们的特点是视觉表现上互相都差不多，主要的区别在于它们表示了不同的语义，比如大家会经常见到的 sec 阅读全文

摘要： 在网络中，一个文件通常会被拆分为很多数据包来进行传输，而数据包在传输过程中又有很大概率丢失或者出错。那么如何保证页面文件能被完整地送达浏览器呢？ 一个数据包的“旅程” 下面我将分别从“数据包如何送达主机”“主机如何将数据包转交给应用”和“数据是如何被完整地送达应用程序”这三个角度来为你讲述数据的传输 阅读全文

摘要： 无论你是想要设计高性能 Web 应用，还是要优化现有的 Web 应用，你都需要了解浏览器中的网络流程、页面渲染过程，JavaScript 执行流程，以及 Web 安全理论，而这些功能是分散在浏览器的各个功能组件中的，比较多、比较散，要怎样学习才能掌握呢？通过浏览器的多进程架构的学习，你就可以把这些分 阅读全文

摘要： 居中布局 什么是居中布局 一个元素在页面中呈现居中效果。 居中布局的分类 水平居中布局 垂直居中布局 居中布局（水平 + 垂直） 水平居中布局 什么是水平居中布局 当前元素在父级元素容器中，水平方向是居中显示的。 水平居中布局实现方式 inline-block + text-align 属性配合使用 阅读全文

摘要： 初级分析：使用webpack内置的stats 利用webpack内置的stats对象 它可以帮我们分析基本的一些信息，比如构建总共的时间，构建资源的大小 package.json 中使用 stats 指定输出的是一个json对象，生成一个json文件 node.js中使用 这两种方式颗粒度太粗，看不 阅读全文

摘要： 构建配置包设计 把之前 webpack 的用法做到更加通用，让其他的业务项目都能够用，把构建包做到更加的通用。 构建配置抽离成npm包的意义 通用性 业务开发者无需关注构建配置，创建好一个项目就可以马上使用把项目run起来，极大的提升开发效率。 统一团队构建脚本。 可维护性 构建配置合理的拆分，做到 阅读全文

摘要： 自动清理构建目录 每次构建的时候不会清理⽬录，造成构建的输出⽬录 output ⽂件越来越多 通过 npm scripts 清理构建⽬录 rm rf ./dist && webpack rimraf ./dist && webpack ⾃动清理构建⽬录 使⽤ clean webpack plugin 阅读全文