JavaScript
文章平均质量分 86
尹成诺
这个作者很懒,什么都没留下…
展开
-
ES6之Promise的模拟实现
/** * Promise 实现 遵循promise/A+规范 * Promise/A+规范译文: * https://malcolmyu.github.io/2015/06/12/Promises-A-Plus/#note-4 */// promise 三个状态const PENDING = "pending";const FULFILLED = "fulfilled";co...原创 2019-05-27 21:19:27 · 304 阅读 · 0 评论 -
ES6之什么是生成器?
Generator 生成器,一个晦涩难懂的概念,生成器是什么,为什么被称为 生成器,而又什么是生成器?最最关心的问题是,为什么需要生成器,他 到底能干吗的?带着这样一个有一个的问题,来读下面的内容。什么是生成器?生成器是一个状态机,说了好像没说一样,那什么是状态机呢,为什么要 使用他呢?场景及问题背景: 我们平时开发时本质上就是对应用程序的各种状态进行切换并作出相应 处理。最直接的解决...原创 2019-05-31 09:49:27 · 394 阅读 · 0 评论 -
ES6之什么是class?
传统的 javascript 中只有对象,没有类的概念。它是基于原型的面向对象语言。 原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向 对象语言来讲,很有一种独树一帜的感脚!非常容易让人困惑!首先大家要明白,为什么要出现 class ?首先回顾我们的 JavaScript 编程思想的发展史。 从 JS 诞生之时,刚开始做的就是面向过程的编程,把一个问题给解释清楚了, ...原创 2019-05-31 10:46:19 · 625 阅读 · 0 评论 -
ES6之什么是Set&Map?
为什么要使用 Set,以及 Map?在说 Set,Map 之前,我们先来了解一个概念,叫做集合。Map 和 Set 的 产生原因来自于集合。那什么是集合呢?集合的定义: 计算机科学中,集合是一组可变数量的数据项(也可能是 0 个)的组合, 这些数据项可能共享某些特征,需要以某种操作方式一起进行操作。一般 来讲,这些数据项的类型是相同的,或是满足相同的条件,或者遵循相同 的规则。集合的特...原创 2019-05-28 23:40:53 · 287 阅读 · 0 评论 -
JavaScript异步编程解决方案
JavaScript与异步编程为了避免资源管理等复杂性的问题, javascript被设计为单线程的语言,即使有了html5 worker,也不能直接访问dom。javascript 设计之初是为浏览器设计的GUI编程语言,GUI编程的特性之一是保证UI线程一定不能阻塞,否则体验不佳,甚至界面卡死。一般安卓开发,会有一个界面线程,一个后台线程,保证界面的流畅。由于javascript是单线程,...原创 2019-06-14 04:13:19 · 644 阅读 · 0 评论 -
什么是JavaScript异步编程?
在我们的工作和学习当中,到处充满了异步的身影,到底什么是异步,什 么是异步编程,为什么要用异步编程,以及经典的异步编程有哪些,在工 作中的场景又有什么,我们一点点深入的去学习。什么是异步编程?有必要了解一下,什么是异步编程,为什么要异步编程。 先说一个概念异步与同步。介绍异步之前,回顾一下,所谓同步编程,就 是计算机一行一行按顺序依次执行代码,当前代码任务耗时执行会阻塞后 续代码的执行...原创 2019-05-28 23:08:57 · 6838 阅读 · 6 评论 -
ES6之什么是Promise?
为什么要使用 Promise?在我们 javaScript 大环境下,我们的编程方式更多是基于异步编程, 究竟什么是异步编程,为什么要异步编程,我们之后的文章会说。在异步 编程中使用的最多的就是回调函数,先了解一下什么是回调函数。回调函数指的是:被调用者回头调用调用者的函数,这种由调用方自己提 供的函数叫回调函数。 应用场景举例:对于数组的 filter 方法,里面实现的过滤的逻辑...原创 2019-05-22 15:41:42 · 304 阅读 · 0 评论 -
session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session和WebStorage跟服务端进行数据交互。区别简单的来说,如下图:1. cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态cookie保存在浏览器端 session保存在服务器端2、使用方式cookie...原创 2019-04-18 18:23:50 · 200 阅读 · 0 评论 -
ES6之什么是箭头函数?
箭头函数是匿名函数,ES5匿名函数的语法糖;但又增加了ES5所没有的一些优点,接下来我们一起来看一看箭头://ES5var tt = function tt() { return 55 + 99;};//ES6var tt = () => 55 +99是不是一对比,写法的差异就看出来了。ES6增加了箭头函数:let func = value => va...原创 2019-05-01 17:39:16 · 3256 阅读 · 1 评论 -
ES6之什么是模板字符串?
我们为什么需要模板?在生活中,我们去银行签一些单子,或者生活中写一些请假条,我们都会有一个模板进行参照,哪里哪里需要怎么填写,哪里自由发挥。就是一种格式的提现。在我们前端中,这个模版又是什么样的概念呢?模板这个概念起于浏览器页面初期。这个时候的页面是怎么形成的呢?并不是大家现在所学的这个样子(html+css+js),因为那个时候还没有 js,最初期的页面都是基本的 html 构成,用于学...原创 2019-05-02 18:42:39 · 2436 阅读 · 0 评论 -
setTimeout/setInterval与requestAnimationFrame的区别?
提到 setTimeout/setInterval 以及 requestAnimationFrame,大家的第一反应是动画相关的两个 API。什么是web 动画我们来谈谈什么是动画。动画其实是一种假象,是一种不连续的运动以帧的形式呈现给我 们的东西。在二十世纪,通常人们观看的电影其实就是通过胶片记录和投影的。它是以每 秒至少 24 帧的速度形成的视觉上的运动起来的假象。NTSC 广播的标准...原创 2019-04-29 10:41:25 · 3789 阅读 · 1 评论 -
try-catch与多线程
对于 try-catch 这组异常处理函数,同学们可用接触的并不多,也不是很了解, 今天咱们就来说说它,但是这还没完,顺便看看 try-catch 对于多线程的处理机 制是什么样的。一说到多线程,同学们也会蒙,不都说 JavaScript 是单线程的, 这个多线程是怎么回事?别着急,接下来我们一起来探究。try-catch 函数当 JavaScript 引擎执行 JavaScript 代码...原创 2019-04-30 16:18:57 · 1877 阅读 · 0 评论 -
ES6之什么是迭代器?
迭代器是什么,为什么要有迭代器?在接触迭代器之前,回想一下我们生活中的例子。我们在乘火车或者客车 的乘务员或者售票员做的事情,我们拿客车售票员来举例,对于坐满乘客 或者要发车的客车,售票员要进行售票,他会从后到前,依次左左右右的 进行售票,当售票出现问题(上错车,没有钱等问题),售票员会暂时处 理,务必保证每一位都要买票,售完之后进行发车。刚才我们所说的售票 员售票的过程就是一个生活中...原创 2019-05-20 22:53:04 · 740 阅读 · 0 评论 -
什么是WebStorageProxy?
大家好。今天很高兴能向大家介绍一个全新的JavaScript工具库。它的名字是 webstorage-proxy.js 。这也是我第一次开发JavaScript工具库,期间遇到不少问题,当然更多的是收获。下面由我来为大家分享下这个js库的由来和使用,以及开发过程遇到的问题和总结的经验吧。WebStorageProxy简介引入webstorage-proxy.js,window上就有了一个叫...原创 2019-08-01 09:04:10 · 1751 阅读 · 0 评论