TypeScript常用类型 TypeScript常用类型TypeScript 是 JS 的超集， TS 提供了 JS 的所有功能，并且额外的增加了： 类型系统。所有的 JS 代码都是 TS 代码。 JS 有类型( 比如， number/string 等)， 但是 JS 不会检查变量的类型是否发生变化。 而 TS 会检查。 TypeScript 类型系统的主要优势：可以显示标记出代码中的意外行为 ，从而降低了发生错误的可能性。
ES6 迭代器、生成器 一、迭代器迭代器（iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署iterator接口，就可以完成遍历操作。1.什么迭代 从一个数据集合中按照一定顺序，不断取出数据的过程我们就叫做迭代2.迭代和遍历有什么区别？ 遍历必须知道数据集合的长度，而迭代不需要 迭代强调的是依次取出，不能够确定到底能取出来多少，也不确定能不能把数据取完 3.迭代器需要满足的条件 ...
ES6 Symbol 一、Symbol数据类型1.创建symbol // 1.用Symbol创建 let symbol = Symbol() console.log(symbol, typeof symbol); //Symbol() 'symbol' let name1 = Symbol('张三') let name2 = Symbol('张三') console.log(name1, name2); //Symbol(张
学习HTML5的Canvas <canvas> 标签用于，通过脚本（JavaScript）绘制图像。 <canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 必须使用脚本来完成实际的绘图任务，位图（像素图）放大后失真；绘图步骤：1.编写html<canvas id="canvas" width="300" height="300"></canvas>2.用脚本获取canvas；var canvas = document.getElementById('tut
HTML5新增的部分内容 1.新增input里type值：number，email，date，time，color2.标签属性：contentediable="true/false",让标签内容可编辑； draggable：使元素可拖拽，有七个事件 被拖拽元素的事件 dragstart：拖拽开始 drag：移动 dragend：结束拖拽 目标区域： drapenter：进入目标区域 dragover：在目标在 drapleave：离开目标 drap：在目标中放下
JavaScript---柯里化函数 柯里化：将一个多参函数转换为可以接受单个参数的函数，并且返回一个新函数，接收剩余的参数。也就是说，当一个函数有多个参数的时候先传递一部分参数调用它（这部分参数以后永远不变），然后返回一个新的函数接收剩余的参数，返回结果，这就是函数的柯里化。作用：前端使用柯理化的用途主要就应该是简化代码结构，提高系统的维护性，一个方法，只有一个参数，强制了功能的单一性，很自然就做到了功能内聚，降低耦合。柯理化的优点就是降低代码的重复，提高代码的适应性柯里化封装：function curry (f
js的节流、防抖函数 节流：预定一个函数只有在大于等于执行周期时才执行，周期内调用不执行，连续触发时，安等待时间执行事件，降低频率。防抖：短时间内多次触发同一事件，使他只执行最后一次或只执行第一次中间不执行。连续触发时，不执行事件，定制触发事件，通过延迟时间触发停止操作前执行的最后一次事件。节流防抖的函数封装：节流： // 参数：要处理的方法，等待时间 function throttle(handler,wait){ let lastTime=0;
JavaScript时间线 步骤1、创建Document对象，开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段document.readyState = 'loading'，正在加载中。2、遇到link外部css，创建线程加载，并继续解析文档。3、遇到script外部js，并且没有设置async、defer，浏览器加载，并阻塞，等待js加载完成并执行该脚本，然后继续解析文档。4、遇到script外部js，并且设置有async、defer，浏览器创建线程加载，并
JavaScript异步加载，解决js阻塞 1.defer：在script标签里添加defer，用于外部链接js文件，也可以异步加载内部脚本，会等待dom树生成后再执行js脚本代码 <script src="01.js" defer ></script>2.async：只能异步加载外部的链接文件，不能加载内部脚本，并且js文件加载完成后立即执行<script src="01.js" async></script>3.按需加载：节省资源：在需要用到的时候再去引入，不需要用的
JavaScript-浏览器线程 1.JS引擎线程JS内核，也称JS引擎，负责处理执行javascript脚本。这是JS中的主线程，所以JS是单线程的编程语言，但是实际上JS属于单线程异步。异步是由子线程进行完成，主线程负责调度子线程。所以JS不严格的说也也属于多线程的编程语言与GUI线程是互斥2.GUI渲染线程负责渲染浏览器界面，包括解析HTML、CSS、构建DOM树、Render树、布局与绘制等当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时，该线程就会执行与JS主线程互斥3.事件监听
JavaScript使用递归实现数据深度克隆 function clone(obj){ // 根据调用clone函数的数据来进行不同的数据的克隆 // 判断：是不是数组，对数组进行遍历克隆 if(Array.isArray(obj)){ var newArr = []; for(var i=0;i<obj.length;i++){ // 递归，判断数组的元素是什么类型...
JavaScript 检测数组的方法与转换为真数组 检测数据是否是真数组1.isArray() : ES5静态方法 判断一个数据是不是为数组var arr = []console.log(Array.isArray(arr)); //true2.isPrototypeOf() :判断对象的原型链上是否存在Array原型var arr = []console.log(Array.prototype.isPrototypeOf(arr));//true3.instanceof：判断Array的原型在不在arr的原型链上var a
JavaScript 原型的基础方法 1.Object.getPrototypeOf(对象) ：获取对象的隐式原型2. Object.prototype.isPrototypeOf(obj) ：判断Object.prototype是否在obj的原型链上 var obj = new Object(); // 问：obj在不在Function的原型链上console.log(obj.isPrototypeOf(Function)); //false// 问：Object.prototype对象在不在obj的原型链上..
JavaScript 中的原型 1.函数定义时，就存在一个属性prototype，它的值是一个普通的Object对象，这就是原型；2.对象都是由构造函数new出来的，构造函数是由Function() new出来的，Function是浏览器创建js引擎时就已经存在；3.constructor，获取对象的构造函数（obj.constructor），这个属性存储在构造函数的原型中，对象会继承原型中的方法和属性4.对象的隐式原型（obj.__proto__）指向创建该对象的构造函数的原型()，指向同一空间...
关注
