JS March 16, 2019

ES2019的新功能

Words count 4k Reading time 4 mins.

ECMAScript 每年都会发布一个新版本,其中的提案是已经正式通过的,并分发给开发者和用户。本文将讨论该语言的最新版本,以及它又具有了什么新功能。

ES10/ES2019 在本次更新中有很大的改进...

Read article

JS March 16, 2019

ES2019的新功能

Words count 4k Reading time 4 mins.

ECMAScript 每年都会发布一个新版本,其中的提案是已经正式通过的,并分发给开发者和用户。本文将讨论该语言的最新版本,以及它又具有了什么新功能。

ES10/ES2019 在本次更新中有很大的改进。它引入了一些新的函数和方法,使开发者能够编写更少的代码,并提高工作效率

flat() 是一种用于扁平数组的方法。在某些时候,数组的元素还是数组,这些类型的数组称为嵌套数组。

要取消数组的嵌套(扁平它们),我们不得不使用递归。现在引入flat(),可以用一行代码完成。 一个被展平的数组是一个深度为...

Read article

JS November 18, 2018

JavaScript 复杂判断的更优雅写法

Words count 10k Reading time 9 mins.

原文地址

我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。

/**
 * 按钮点击事件
 * @param {number} status 活动状态:1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消
 */
const onButtonClick =...
Read article

JS November 04, 2018

call stack

Words count 2.9k Reading time 3 mins.

MDN(解释call Stack)


A call stack is a mechanism for an interpreter (like the JavaScript interpreter in a web browser) to keep track of its place in a script that calls multiple functions — what function is currently being run, what functions are called...

Read article

JS August 20, 2018

Javascript异步编程(generator和async)

Words count 7.7k Reading time 7 mins.

从Promise开始,JavaScript就在引入新功能,来帮助更简单的方法来处理异步编程,帮助我们远离回调地狱。
Promise是下边要讲的Generator/yieldasync/await的基础,希望你已经提前了解了它。

在大概ES6的时代,推出了Generator/yield两个关键字,使用Generator可以很方便的帮助我们建立一个处理Promise的解释器。

然后,在ES7左右,我们又得到了async/await这样的语法,可以让我们以接近编写同步代码的方式来编写异步代码(无需使用...

Read article

JS August 07, 2018

用canvas压缩上传的图片

Words count 4.5k Reading time 4 mins.

现在摄像头已经是手机的标配了,移动网站也做得越来越像APP。然而拍照上传这件事情的体验似乎仍然不如APP,主要原因是现在手机拍摄的照片太大,上传非常消耗流量也非常耗时。APP都会在上传前缩小要上传的照片尺寸,以期更节省流量和时间。在HTML5时代,利用文件API和Canvas技术,Web上也可以做到图片压缩上传。

首先我们希望用户能直接选择手机照片,而不是在各种类型的文件中选择。只需要在input标签中加入accept属性就可以实现这一点:

<div id="preview"...
Read article
Load more
0%