众所周知，对前端而言，直接操作 DOM 是一件及其耗费性能的事情，以 React 和 Vue 为代表的众多框架普遍采用 Virtual DOM 来解决如今愈发复杂 Web 应用中状态频繁发生变化导致的频繁更新 DOM 的性能问题。本文为笔者通过实际操作，实现了一个非常简单的 V…

总所周知，随着前端应用的业务功能起来越复杂，用户对于使用体验的要求越来越高，单面（SPA）成为前端应用的主流形式。而大型单页应用最显著特点之一就是采用的前端路由跳转子页面系统，通过改变页面的URL，在不重新请求页面的情况下，更新页面视图。 在 H5 还没有流行开来时，一般 SP…

使用Vue.js2创建To-DoApp使用Vue.js和Vuex2.0构建一个简单的Todo应用浅谈前端状态管理Vue:渲染、指令和事件Vue:组件，Props，SlotsVue:Vue-cli，生命

不管承不承认，页面的展示都是数据的可视化。HTML 是数据，CSS 是数据，JS也是数据。只是这些数据的组合最终变成了我们想要的效果。 最为直观的是，我们在开发者工具 Console 控制台中，输入任何形式的数据并点击 Enter 时，最终会在下方显示出来（前提是输入正确的数据…

从早期粗暴得将 css、js 资源设定浏览器本地缓存，到后来小图标合并成大图节省请求资源，还有动态请求304状态判断，然后 ajax 开启 web2.0 时代， pjax 大放光彩，到如今 vue.js 等前端框架的繁荣盛世，所有的这一系列发展，我认为，提速是一个核心驱动力。 …

金九银十的秋招季近在眼前，想必大家也都心痒难耐，准备挑战更好的工作机会。那么，面试肯定是最大的挑战。 对于面试来说，平时的积累肯定是必须的，但是在面试前的准备也是至关重要的。 在几月前我个人组建了一个小团队，花了将近半年的时间寻找大厂的面试题，筛选出了近百个知识点然后成文，并全…

vue目前是前端使用频率较高的一套前端mvvm框架之一，提供了数据的响应式、watch、computed等极为方便的功能及api，那么，vue到底是如何实现这些功能的呢？在探究vue源码之前，必须了解以下几点javascript的基本内容，通过了解这些内容，你可以更加轻松的阅读…

简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏，从而减少页面白屏的时间，给用户带来更好的体验。 可以看到，DOM里面有一个div#app，当js被执行完成之后，此div…

如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…