从一开始使用 Vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。换句话说就是 Vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。

博客原文 介绍 本文通过仿照 Vue ，简单实现一个的 MVVM，希望对大家学习和理解 Vue 的原理有所帮助。 前置知识 nodeType nodeType 为 HTML 原生节点的一个属性，用于表示节点的类型。 Vue 中通过每个节点的 nodeType 属性是1还是3判断是元素节点还是文本节点，针对不同类型节点做不同的处理。 DocumentFragment Documen...

博客原文 9102 年了，如果你还不会 React，希望本文可以帮你快速了解 React.js 的基础知识。 创建项目 使用 create-react-app 工具快速创建 React SPA。 {代码...} 项目初始结构： {代码...} Hello React {代码...} {代码...} 最终这个根组件会在页面上显示出内容为 Hello React 的 h1 标题。 JSX 上例中在写根组件时，r...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这种集中管理应用状态的模式相比父子组件通信来说，使数据的通信更方便，状态的更改也更加直观。

博客原文 两种路由模式的基本原理 用过 vue-router 就知道它提供了两种模式，hash 和 history ，通过 Router 构建选项 mode) 可进行配置。简单理解 SPA 中的前端路由就是： 利用一些现有的 API 实现 url 的改变，但不触发浏览器主动加载新的 url，新的页面展示逻辑全部交给 js 控制； 给 history 中添加记录，以实现页面...

前端山泉 💧 前端优质文章与教程的搬运工 👷 原文 => github 持续更新，欢迎 ⭐ 📂 CSS CSS 灵感 -- chokcoco iCSS -- chokcoco 学习 BFC (Block Formatting Context) -- 网易考拉前端团队 CSS网格布局（Grid）完全教程 -- 毛三十 Moo-CSS -- MichealWayne 聊一聊前端换肤 -- 大搜车无线开发中心 利用视口单位实现适配布...