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