摘要：
其他章节请看： vue 快速入门 系列 vue 的基础应用（上） Tip: vue 的基础应用分上下两篇，上篇是基础，下篇是应用。 在初步认识 vue一文中，我们已经写了一个 vue 的 hello-world。对 vue 已经有了一个大概的印象。 接下来我们应该掌握 vue 的最基础知识，学会 v 阅读全文
摘要：
其他章节请看： 前端学习 node 快速入门 系列 报名系统 - [express] 最简单的报名系统： 只有两个页面 人员信息列表页：展示已报名的人员信息列表。里面有一个报名按钮，点击按钮则会跳转到报名页 报名页：用于报名。里面是一个表单，可以输入姓名和年龄，点击保存，成功后会跳转到人员信息列表页 阅读全文
摘要：
其他章节请看： vue 快速入门 系列 虚拟 DOM 什么是虚拟 dom dom 是文档对象模型，以节点树的形式来表现文档。 虚拟 dom 不是真正意义上的 dom。而是一个 javascript 对象。 正常的 dom 节点在 html 中是这样表示： <div class='testId'> < 阅读全文
摘要：
其他章节请看： vue 快速入门 系列 侦测数据的变化 - [vue api 原理] 前面（侦测数据的变化 - [基本实现]）我们已经介绍了新增属性无法被侦测到，以及通过 delete 删除数据也不会通知外界，因此 vue 提供了 vm.$set() 和 vm.$delete() 来解决这个问题。 阅读全文
摘要：
其他章节请看： vue 快速入门 系列 侦测数据的变化 - [vue 源码分析] 本文将 vue 中与数据侦测相关的源码摘了出来，配合上文（侦测数据的变化 - [基本实现]） 一起来分析一下 vue 是如何实现数据侦测的。 Tip: 以下代码出自 vue.esm.js，版本为 v2.5.20。无关代 阅读全文
摘要：
其他章节请看： vue 快速入门 系列 侦测数据的变化 - [基本实现] 在 初步认识 vue 这篇文章的 hello-world 示例中，我们通过修改数据（app.seen = false），页面中的一行文本（现在你看到我了）就不见了。 这里涉及到 Vue 一个重要特性：响应式系统。数据模型只是普 阅读全文
摘要：
其他章节请看： vue 快速入门 系列 初步认识 vue vue 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 所谓渐进式，就是你可以一步一步、有阶段的使用 vue，不必一开始就使用所有的东西。 命令式框架 vs 声明式框架 jQuery 是命令式操 阅读全文
摘要：
vue 快速入门 前言 为什么要学习 vue 现在主流的框架 vue、angular 和 react 都是声明式操作 DOM 的框架。所谓声明式，就是我们只需要描述状态与 DOM 之间的映射关系，就可以将状态渲染成视图。状态到视图的转换，框架会帮我们做，不需要我们手动去操作 DOM。我们只需要关注状 阅读全文
摘要：
其他章节请看： 前端学习 node 快速入门 系列 服务端渲染 在简易版 Apache一文中，我们用 node 做了一个简单的服务器，能提供静态资源访问的能力。 对于真正的网站，页面中的数据应该来自服务器（服务器查询数据库），我们来模拟一下。请看示例： - demo - node_modules / 阅读全文
摘要：
其他章节请看： 前端学习 node 快速入门 系列 简易版 Apache 我们用 node 来实现一个简易版的 Apache：提供静态资源访问的能力。 实现 直接上代码。 - demo - static // 静态资源文件夹 - index.html // 主页 - 1.jpg - 1.css - 阅读全文
摘要：
其他章节请看： 前端学习 node 快速入门 系列 模块（module） 模块的导入 核心模块 在 初步认识 node 这篇文章中，我们在读文件的例子中用到了 require('fs')，在写最简单的服务器的例子中用到了 require('http')，除了 fs 和 http，node 提供了很多 阅读全文
摘要：
其他章节请看： 前端学习 node 快速入门 系列 npm npm 是什么 npm 是 node 的包管理器，绝大多数 javascript 相关的包都放在 npm 上。 所谓包，就是别人提供出来供他人使用的项目。可以是简单的几行代码，可以是 jQuery 这种类库，也可以是框架 express ， 阅读全文
摘要：
# 前端学习 node 快速入门（未完结，持续更新中...） ## 前言 ### 为什么要学习 Node - 一名优秀的前端，得掌握一门后端语言 - 工作中常常有 node 的身影（例如项目构建） *可能还有其他理由，比如没有理由...* ### node 是什么 node（或者称node.js）是 阅读全文
摘要：
>其他章节请看： > >[前端学习 node 快速入门 系列][1] ## 初步认识 node ### node 是什么 node（或者称node.js）是 javaScript（以下简称js） **运行时的一个环境**。不是一门语言。 以前 js 只能运行在浏览器中，浏览器中的 js 包含：bom 阅读全文
摘要：
其他章节请看： es6 快速入门 系列 类 类（class）是 javascript 新特性的一个重要组成部分，这一特性提供了一种更简洁的语法和更好的功能，可以让你通过一个安全、一致的方式来自定义对象类型。 试图解决的问题 es5 及早期版本中没有类的概念，通常会编写类似下面这样的代码来自定义类： 阅读全文
摘要：
其他章节请看： es6 快速入门 系列 解构 我们经常使用数组或对象存储数据，然后从中提取出相关数据信息 试图解决的问题 以前开发者为了从对象或数组中提取出特定数据并赋值给变量，编写了很多重复的代码，就像这样： function demo1(obj){ let key1 = obj.key1 let 阅读全文
摘要：
其他章节请看： es6 快速入门 系列 迭代器 (Iterator) 和 生成器 (Generator) 试图解决的问题 let colors = ['red', 'blue', 'green', 'yellow'] for(let i = 0, len = colors.length; i < l 阅读全文
摘要：
其他章节请看： es6 快速入门 系列 函数 函数是所有编程语言的重要组成部分，es6之前函数语法一直没什么变化，遗留了许多问题，javaScript开发者多年来不断抱怨，es6终于决定大力度更新函数特性，函数变得比以前更易于使用了。 试图解决的问题 默认参数 es5中模拟默认参数，通常这么实现： 阅读全文
摘要：
其他章节请看： es6 快速入门 系列 变量声明：let和const 试图解决的问题 经典的 var 声明让人迷惑 function demo1(v){ if(v){ var color='red' } console.log(color) } demo(1) // red js引擎会将上面的 de 阅读全文
摘要：
es6 快速入门（未完结，持续更新中...） 前言 为什么要学习es6 es6对于所有javaScript开发者来说，非常重要 未来，es6将构成javaScript应用程序的基础 es6中很多特性，都致力于解决开发者实际工作中遇到的问题 如何学习es6 准备测试环境 最简单的是浏览器 也可以在no 阅读全文