TypeScript 类TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性，比如 类、接口等。TypeScript 类定义方式如下：class class_name { // 类作用... 阅读全文>>

TypeScript 对象对象是包含一组键值对的实例。 值可以是标量、函数、数组、对象等，如下实例：var object_name = { key1: "value1", // 标量 key2: "value", k... 阅读全文>>

TypeScript 命名空间命名空间一个最明确的目的就是解决重名问题。假设这样一种情况，当一个班上有两个名叫小明的学生时，为了明确区分它们，我们在使用名字之外，不得不使用一些额外的信息，比如他们的姓（王小明，李小明），或者他们父母的名字等等。命名空间定义了标识符的可见范围，一个... 阅读全文>>

TypeScript 模块TypeScript 模块的设计理念是可以更换的组织代码。模块是在其自身的作用域里执行，并不是在全局作用域，这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的，除非明确地使用 export 导出它们。类似地，我们必须通过 import 导入其他... 阅读全文>>

TypeScript 声明文件 TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript 的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript 诸如类型检查等特性功能。为了解决这个问题，需要将... 阅读全文>>

React 教程React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开... 阅读全文>>

React 安装React 可以直接下载使用，下载包中也提供了很多学习的实例。本教程使用了 React 的版本为 16.4.0，你可以在官网 https://reactjs.org/ 下载最新版。你也可以直接使用 Staticfile CDN 的 React CDN 库，地址如下... 阅读全文>>

React JSXReact 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。我们不需要一定使用 JSX，但它有以下优点：JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。它是类型安全... 阅读全文>>

React 组件本章节我们将讨论如何使用组件使得我们的应用更容易来管理。接下来我们封装一个输出 "Hello World！" 的组件，组件名为 HelloMessage：React 实例function HelloMessage(props) { return <h1... 阅读全文>>

React State(状态)React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。... 阅读全文>>

React Propsstate 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。使用 Props以下实例演示了如何在组件... 阅读全文>>

React 组件 API在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态：setState替换状态：replaceState设置属性：setProps替换属性：replaceProps强制更新：forceUpdate获取DOM节点：findDOM... 阅读全文>>

React 组件生命周期在本章节中我们将讨论 React 组件的生命周期。 组件的生命周期可分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOM生命周期的方法有：componentWillMount 在渲染前调... 阅读全文>>

React AJAXReact 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取，当从服务端获取数据时可以将数据存储在 state 中，再用 this.setState 方法重新渲染 UI。当使用异步加载数据时，在组件卸载前使用 componen... 阅读全文>>

React RefsReact 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。使用方法绑... 阅读全文>>

React 表单与事件本章节我们将讨论如何在 React 中使用表单。HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。在 HTML 当中，像 <input>, <textarea>, 和 <sel... 阅读全文>>

Vue.js 教程Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单，本教程基于 Vue... 阅读全文>>

Vue.js 安装1、独立版本我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。下载 Vue.js2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。Static... 阅读全文>>

Vue.js 条件与循环条件判断v-if条件判断使用 v-if 指令：v-if 指令在元素 和 template 中使用 v-if 指令：<div id="app"> <p v-if="seen">现在你看到我... 阅读全文>>

Vue.js 模板语法Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统，在应用状态改变时， Vue 能够智能地计算出... 阅读全文>>