标签:javascript

连续的promise和并行的promise

在JavaScript中,我们经常需要做多异步相关的事情。 我想用这篇文章来展示几个使用连续和并行的promise做多异步相关事情的例子。 例子1:"Wait a second" x 3 第一个例子,让我们定义一个“wait a second ” function,连续使用三次。...

Chrome中加载JavaScript的优先级

浏览器如何安排和执行脚本可以影响web页面的性能。虽然像<script defer>,<link ref="preload">(和其他等)这样的技术可以应该脚本的执行,但是知道浏览器如何解析它们也是很有帮助的。得益于Kouhei Ueno,我们现在有了Chrome中脚本安排的最新...

使用CSS变量创建一个切换暗黑/浅色模式的功能

随着苹果在 MacOS 和 iOS 上相继推出暗黑模式,越来越多的Web网站也开始推出响应的暗黑模式,创建暗黑模式的方式有很多个,作者介绍了一种使用CSS变量的方式来实现一个方便将网站切换到暗黑模式的一种切换器。 要很好地理解本文的内容,需要对CSS变量的概念和实践有一些经验。 ...

函数式编程介绍

这篇文章来源于一个我参加Boise Code Camp 2019时的一个比较命令式编程和函数式编程解决问题的例子。目的不是教授完整的函数式编程,而是介绍一种不同于传统方法(循环、转换等)的思维方式。当遇到问题时,拥有不同的参考框架作为工具箱添加更多的工具。 函数式编程的基础可以分...

JavaScript的JSON.stringify的80/20原则

JSON.stringify()函数是一种将JavaScript对象转化成JSON的权威的方式。很多JavaScript框架在内部使用JSON.stringify():Express的res.json(),Axios的post()和Webpack的统计数据都是调用的JSON.st...

我们怎么使用WebAssembly将WebApp加速20倍(实例学习)

在这篇文章中,我们探索如何替使用编译后的WebAssembly替换缓慢的JavaScript计算来加速web应用。 如果你没有听说过,那这就是TL;DR(Too long; Don't read):WebAssembly是一个与JavaScript并行运行在浏览器的新语言...

如何正确地使用JavaScript类库

随着大家使用React,Vue或Angular等制作越来越多地JavaScript App,很多项目会变得越来越臃肿,导致JavaScript Bundle文件变得越来越大,作者通过几个关键点来分析如何正确地使用JavaScript,减少由于JavaScript类库的增加导致的b...

2020年你可以在浏览器里做什么

这是一个GitHub仓库,作者在文中列出了2020年可以浏览器中做的一些不可思议的东西。里面的内容还在更新,会持续添加一些浏览器中已经实现的很少有人知道的特性。 下面,我们简单列一些浏览器特性: prefers-color-scheme。许多操作系统提供了暗黑和浅色模式(特别是...

理解 Async Await

由于JavaScript的单线程处理方式,异步处理一直是JavaScript开发者的痛点。在ES6之后,我们可以使用Promise和Async/Await的方式来更优雅地处理异步请求。 我们在日常开发中,应该会经常使用Promise和Async/Await处理异步请求、异步操作等...

Svelte-成功框架的秘诀?

每次一个新的框架(JavaScript UI框架)进入到市场中,大家都会问“为什么又来一个框架?”。从某个角度来看,它看起来像一个逻辑立场,JS生态已经被框架的洪水洗礼,随着它们的增长,这个选择正在变得越来越困难。 每个框架的产生,至少有一小点打断JS生态的可能,虽然会有损伤,...