annangyu7013-CSDN博客

转载 ajax

1、运用XMLHttpRequest（XHR）对象和web服务器进行数据的异步交换。var request = new XMLHttpRequest();2、什么是HTTP？http是计算机通过网络进行通信的规则。HTTP是一种无状态的协议。（1）一个完整的HTTP请求需要以下7个步骤： -- 建立TCP连接 ...

2017-08-03 17:57:00 119

转载 Promise

1、定义 Promise 是一个对象，从它可以获取异步操作的消息。一旦状态改变，就不会再变，任何时候都可以得到这个结果。2、基本用法function timeout(ms) { return new Promise((resolve, reject) => { setTimeout(resolve, ms, 'done'); }...

2017-08-03 16:57:00 119

转载 Javascript异步编程

Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchronous）。"同步模式"：后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的。"异步模式"：每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执...

2017-08-03 11:06:00 108

转载对象的扩展

1、属性的简洁表示法 -- 属性：直接写变量。属性名为变量名, 属性值为变量的值module.exports = { getItem, setItem, clear }; // 等同于module.exports = { getItem: getItem, setItem: setItem, clear: clear};...

2017-08-02 17:44:00 96

转载字符串的扩展

1、for...of循环遍历var str = "hello"; for(let i of str) { console.log(i);}2、includes(), startsWith(), endsWith() --includes()：返回布尔值，表示是否找到了参数字符串。 --startsWith()：返回布尔...

2017-08-02 14:38:00 112

转载模块化

一、概述 ES6模块化思想：静态化，编译时就确定这些模块的依赖关系。以及输入输出的对象。ES6模块 CommonJs（服务器）或者AMD（浏览器）模块化就是对象，在运行时确定模块的依赖关系。二、exports命令定义：一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用expo...

2017-07-27 17:24:00 88

转载数组的扩展

1、拓展运算符（...） -- 定义：扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 -- 应用： -- 该运算符主要用于函数调用。function add(x, y) { return x + y;}var numbers = ...

2017-07-27 15:58:00 114

转载 Js常用的工具函数

1、获取uuid：这个是通过随机数生成let getUuid = () => { var i, random; var uuid = ''; for (i = 0; i < 32; i++) { random = Math.random() * 16 | 0; if (i === 8 || i ==...

2017-07-25 17:32:00 93

转载 React数组工具函数

//数组操作工具函数：arrayUtils都是产生新的array，而不是操作源arraylet arrayUtils = { /** * 在指定索引位置增加新元素，未指定index时添加到最后面 * @param array (array) * @param newItem (object) * @param inde...

2017-07-25 17:27:00 249

转载 React学习—Props和State

一、Props 1、定义：无论你用函数或类的方法来声明组件, 它都无法修改其自身 props. 在React中代表着数据，组件之间的数据传递是通过props进行的。function Welcome(props) { return <h1>Hello, {props.name}</h1>;}const element =...

2017-07-25 14:42:00 101

转载 React学习—组件

一、定义组件就像JavaScript的函数。组件可以接收任意输入(称为"props")，并返回 React 元素，用以描述屏幕显示内容。二、组件的分类 1、函数式组件（无状态组件）它是为了创建纯展示组件，这种组件只负责根据传入的props来展示，不涉及到要state状态的操作。在大部分React代码中，大多数组件被写成无状态的组件，通过...

2017-07-24 22:34:00 100

转载 React学习—认识JSX

一、定义 JSX ，他是 JavaScrip 的一种扩展语法。表示对象const element = ( <div> <h1>Hello!</h1> <h2>Good to see you here.</h2> </div>);...

2017-07-24 17:09:00 98

转载 npm常用的指令

常用指令一、使用淘宝镜像npm i -g nrmnrm use taobao二、创建pachage.json文件npm init三、安装依赖1、安安装包npm install pkg {包的名字}，速记:npm i pkg2、全安装包npm install pkg {包的名字}，速记...

2017-07-18 16:15:00 147

转载浏览器缓存知识归纳

　　浏览器缓存（Browser Catching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。 —-摘自《百度百科》　　浏览器缓存是提升网页性能的一大利器，但是，也是一把双刃剑。利用的好网页的性能会有大幅度提升，服务器的压力也会减小。利用的不好，也会遇到...

2017-07-17 23:00:00 86

转载 AJAX跨域解决方案——JSONP

一、跨域的产生域：域名跨域请求（访问）：一个域名下的文件请求另外一个域名下的资源，就产生了跨域二、跨域的解决 1、Jsonp : json padding 2、本地服务代理 -- 用服务端的问题件来请求资源，通过访问同域名地下的服务端文件，就可以得到资源。 3、FLash三、JS...

2017-07-17 22:48:00 92

转载函数的扩展

一、为函数参数指定默认值function fn(a, b){ a = a || 10; b = b || 20; console.log(a + b);} // es5写法 function fn(a = 10, b = 20){ console.log(a + b);} // es6写法二、函数的 rest 参数 ...

2017-07-17 22:31:00 137

转载 class的基本使用

一、class的定义作为对象的模板。可以看作是一个语法糖。相当于实例的原型 -- constructor代表构造方法，this关键字代表实例对象。 -- 定义类的时候，前面不需要加上function这个关键字。 -- 方法间不需要加,分割 -- 类的数据类类型就是函数，类本身指向构造函数 -...

2017-07-17 22:24:00 185

转载 iterator和for-of循环

一、定义在ES6中新增了Set和Map两种数据结构，再加上JS之前原有的数组和对象，这样就有了四种数据集合，平时还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象等。这样就需要一种统一的接口机制，来处理所有不同的数据结构。 Iterator就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iter...

2017-07-17 22:18:00 122

转载数据结构Set和Map

一、数据结构 Set 集合的基本概念：集合是由一组无序且唯一（即不能重复）的项组成的。这个数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中。特点：key 和 value 相同，没有重复的 value。ES6 提供了数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 1、如何创建一个 Setconst s =...

2017-07-17 22:12:00 101

转载变量的解构赋值

一、定义按照一定的模式，从数组和对象中提取值，这称为解构二、主要分类 1、数组的解构赋值let a = 1;let b = 2;let c = 3;let [a, b, c] = [1, 2 ,3];　　默认值：解构赋值允许指定默认值let[x, y = true] = ['a', undefin...

2017-07-17 22:08:00 113

转载 let和const

1、let在for循环中的应用for(var i = 0; i < btn.length; i ++) { btns[i].onclick = function () { console.log(i) }}如何解决？-- 添加自定义属性for(var i = 0; i < btn.length; i...

2017-07-17 22:02:00 100

转载《JavaScript高级程序设计》读书笔记

第一章JavaScipt简介完整的Javacript由以下三部分组成：核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）核心（ECMAScript）:由ECMA-262定义，提供核心语言功能ECMA-262定义:（1）语法（2）类型（3）语句（4）关键字（5）保留字（6）操作符WEB浏览器只是ECMAScript的宿主环境，不仅提供基...

2017-07-17 17:26:00 135

annangyu7013的博客