摘要：
总结起来，Vue 3 以下方面值得我们期待 ： 更快 更小 更易于维护 更多的原生支持 更易于开发使用 完整的PPT：docs.google.com/presentatio… Evan 和 Vue 团队的目标是尽可能顺利地过渡到 Vue 3 ，在这个过程中，这些变化在无形地改善了框架。 让 Vue 阅读全文
摘要：
CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。 CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。 CommonJs模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化不会影响到这个值 // common.js var count = 1; va 阅读全文
摘要：
1 同源策略 所谓同源策略，指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。比如源a的js不能读取或设置引入的源b的元素属性。 那么先定义下什么是同源，所谓同源，就是指两个页面具有相同的协议，主机（也常说域名），端口，三个要素缺一不可。 可以看下面的几个示例来更加清楚的了解一下同源的概念： 阅读全文
摘要：
最近几年，如果你是一名前端开发者，如果你没有使用甚至听说过 babel，可能会被当做穿越者吧？ 说到 babel，一连串名词会蹦出来： babel-cli babel-core babel-runtime babel-node babel-polyfill ... 这些都是 babel 吗？他们分别 阅读全文
摘要：
媒体查询 如果使用过了bootstrap框架，那么对媒体查询应该不会陌生了吧！(bootstrap中文网链接：bootstrap中文网) 体查询就是可以根据设备显示器的特性（视口宽度、屏幕比例、设备方向-横向或者竖向等）为其设定CSS样式 为什么响应式设计需要媒体查询？因为没有CSS3的媒体查询模块 阅读全文
摘要：
1. 前言 在学习vue的时候，一直纳闷一件事：组件的data数据为什么必须要以函数返回的形式，为什么不是简单的对象形式呢？遂带着问题去翻官方文档，文档中自然也写明了这么做的原因，本篇博文以官方文档给出的原因为基础，并加上具体的例子，来阐述这么设计的原因。 回到顶部 2.正文 组件是可复用的vue实 阅读全文
摘要：
Diff三种策略 Diff算法的作用是用来计算出 Virtual DOM 中被改变的部分，然后针对该部分进行原生DOM操作，而不用重新渲染整个页面。Diff算法有三大策略： Tree Diff Component Diff Element Diff 三种策略的执行顺序也是顺序依次执行。Tree Di 阅读全文
摘要：
一、CDN的定义 CDN：Content Delivery Network/Content Ddistribute Network，即内容分发网络 客户端访问网站的过程： 没有CDN： 1、用户在浏览器访问栏中输入要访问的域名； 2、浏览器向DNS服务器请求对该域名的解析； 3、DNS服务器返回该域 阅读全文
摘要：
Web缓存基础 什么是Web缓存 Web缓存指的是从发起请求的客户端，到执行功能的web服务器之间的，用来保存服务器输出结果的副本，并提供给发起请求的客户使用，这样的一些缓存的统称。 Web缓存的类型 1：浏览器缓存 2：CDN(Content Delivery Networks) 3：反向代理服务 阅读全文
摘要：
随着前端界的空前繁荣，各种框架横空出世，包括各类mvvm框架百家争鸣，比如Anglar、Vue、React等等，它们最大的优点就是可以实现数据绑定，再也不需要手动进行DOM操作了，它们实现的原理也基本上是脏检查或数据劫持。我们先以Vue框架出发，探索其中数据劫持的奥秘。 Vue 2.0的版本所使用的 阅读全文
摘要：
以下就是我最喜欢的 Vue.js 自定义指令列表。不用说，这些指令为我的项目开发节省了大量时间！😇 1. V-Hotkey 仓库地址: https://github.com/Dafrok/v-hotkeyDemo: 戳这里 https://dafrok.github.io/v-hotkey安装: 阅读全文
摘要：
key 的一个错误使用——使用 index 作为 key 不知道你在写 v-for 的时候，会不会直接使用 index 作为它的 key 值，是的，我承认我会，不得不说，这真的不是一个好习惯。 以下是核心代码，其中 arrData 的值为 [1,2,3,4] <div id="sort"> <div 阅读全文
摘要：
ProgressPlugin（webpack自带）：用于统计打包进度 Webpack progress using node.js API IgnorePlugin（webpack自带）：忽略本地的一些模块 https://webpack.js.org/plugins/ignore-plugin/ 阅读全文
摘要：
webpack在build包的时候，有时候会遇到打包时间很长的问题，这里提供了一个解决方案，让打包如丝般顺滑~ 1. 介绍 在用 Webpack 打包的时候，对于一些不经常更新的第三方库，比如 react，lodash，vue 我们希望能和自己的代码分离开，Webpack 社区有两种方案 Commo 阅读全文