![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
-只争朝夕-
世界上有两种人,一种人昼夜不停高速运转,另一种人睡一觉起床才发现世界变了
展开
-
js中的事件委托
转载自:https://www.cnblogs.com/liugang-vip/ js中的事件委托或是事件代理详解 起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件...转载 2018-08-28 20:14:53 · 151 阅读 · 0 评论 -
异步Promise历史jQuery-deferred
异步 Promise 之 jQuery-deferred 这之前我们都在用ES6的Promise,但是我们知道Promise的历史么,和他的前世今生。一样技术(标准)的出生往往是是能解决我们身边一些问题在慢慢的孕育而生的。 jQuery-deferred ES2015才加入Promise,但是在jQuery 1.5版本的时候就有了.then的写法了,慢慢的成为了JS的标准 jQuery 1.5版本...原创 2019-01-20 09:20:15 · 175 阅读 · 0 评论 -
JavaScript单线程与异步
单线程和异步 Event Loop 1.单线程 什么是单线程?和异步有什么关系 单线程:就是在同一时间只能做一件事情。 为什么使用单线程? 为了避免DOM渲染的冲突。(因为浏览器需要渲染DOM,JS也可以修改DOM,一个渲染节点另一个把节点删除了,那到底怎么弄) HTML5 提出 websorker支持多线程,但是也不能访问DOM从这方面来说也验证了这个说法。 (JS执行浏览器DOM渲染暂停)也...原创 2019-01-20 09:17:46 · 432 阅读 · 0 评论 -
虚拟DOM(二)
虚拟DOM(二)应用核心API和diff算法 如何使用虚拟DOM这里我们使用snabbdom来演示 snabbdom [snabbdom]https://github.com/snabbdom/snabbdom sanbbdom 中有一个lnline example var snabbdom = require('snabbdom'); var patch = snabbdom.init([ //...原创 2019-01-20 00:20:55 · 149 阅读 · 0 评论 -
虚拟DOM(一)
虚拟DOM(一) 二、什么是虚拟DOM,为什么要使用虚拟DOM 首先:虚拟DOM(vdom) 就是用JS来模拟DOM结构的树形结构。 JS模拟DOM结构 <ul id='list'> <li class='item'>Item 1</li> <li class='item'>Item 2</li> </ul&...原创 2019-01-20 00:19:34 · 1576 阅读 · 0 评论 -
Web客户端储存Storage
Web客户端储存Storage 前言: 这里有我写的一个小案例:Storage-demo 大家如果喜欢的可以clone,fork 最好能收藏一下。 Web Storage出现是为了客服cookie带来的一些限制,当数据需要被严格控制在客户端山过得时候,无需持续的将数据发回服务器—《JavaScript高级程序设计》 applicationCache对象可以查看页面是否有缓存 cookie 这里我们...原创 2019-01-23 21:18:03 · 223 阅读 · 0 评论 -
Javascript的Data类型
Date类型 以毫秒的格式计算当前时间到1970年1月1日的时间差 需要调用构造函数来创建一个日期对象 var now = new Date(); Date.now() 返回调用这个方法时的日期和时间:所以我们可以来检测doSomething用了多久时间 //取得开始时间 var start = Date.now(); //doSomething doSomething(); //取得停止时...原创 2018-12-18 09:55:12 · 2568 阅读 · 1 评论 -
媒体元素video
媒体元素 video,audio video视频,audio音频的属性内容: width,height:可以设置媒体元素的宽高 poster属性:指定URI可以在加载视频内容的时候显示另外一幅图像 controls属性:用于显示UI控件。 标签内容:用于在浏览器不支持video和audio的时候显示的后备内容 <div id="video"> <vid...原创 2018-12-06 13:57:55 · 231 阅读 · 0 评论 -
JavaScript中的Array数组方法
数组 和其他的语言不一样的是:ECMAScript中的每一项可以保存任何的数据类型 创建数组: var myArr = new Array(3);//创建包含3项的数组 var myArr2 = new Array("Today");//创建包含1项的,数值为Today的 length属性 我们可以通过length属性来访问数组的长度,但是有点要注意的:length不仅可读,还可写。 l...原创 2018-12-05 21:19:10 · 270 阅读 · 0 评论 -
Promise 基本语法
Promise 基本语法 Promise为何出现? 为了解决callback Hell Promise的状态 promise有三种状态: pending (初始化状态) fulfilled (成功) rejected (失败) Promise对象的状态改变,只有两种可能:从pending变为resolved、从pending变为rejected,之后状态不会在改变了且状态不可逆。 Promis...原创 2019-01-20 21:21:24 · 5211 阅读 · 0 评论