摘要:
其他章节请看: 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 阅读全文