异步编程在 JavaScript 中非常重要。

实现异步编程的最基本模式就是使用回调函数,然而过多的异步代码与异步流程也带了回调嵌套的问题。本文会介绍各类替代回调函数的技术方法,从而解决回调函数带来的“回调地狱”问题。

阅读更多>>

前段时间碰到一个需求:在表单中有一个字段叫金额,用户希望点击该输入框后(focus),能够自动为其金额数字后加上“万元”两个字。虽然这个需求可以通过其他的设计方式规避(例如在文本框后加入“万元”等),但是,既然碰到了问题,肯定还是希望能够研究一下技术解决方式。

对这个需求进行抽象,其实需要完成的任务就是:通过js来控制输入框内光标的位置。要完成这个任务,需要介绍一个input元素的方法: HTMLInputElement.setSelectionRange()

阅读更多>>

本篇文章使用 create-react-app 作为脚手架,结合 React 技术栈( React / Redux / React-Router ),构建一个简单的单页面应用 demo。文章会一步步地讲解如何构建这么一个单页应用。文章的最后也会给出相应的demo地址

阅读更多>>

本文为翻译文章,原文链接见文末

作为一个JavaScript开发者,你可以编写一整天编写也不会遇到任何静态类型检查得问题。那么为什么要自找麻烦得去学习它呢?
然而学习静态类型并不仅仅是一个思维拓展的训练。如果你愿意花点时间来学习一些静态类型的优势、劣势以及使用的案例,那将会极大的帮助你进行编码。
怎么样,有意思吧?要是你感兴趣的话,那接下来四个部分将会向你详细解释。

阅读更多>>

随着前端项目的不断扩大,原本简单的 JS 文件可能变得越来越庞大。尤其在近期流行的单页面应用中,打包工具将相互依赖的模块直接打包成一个 bundle 。页面第一次载入时,就会将所有的 JS 全部载入。但许多的场景中,我们并不需要使用所有的 JS 模块。例如,一个订单管理后台,用户进入订单列表时,没有用到的系统管理相关的资源则无需加载。在这种时候,我们就可以考虑进行代码拆分( code splitting )。

阅读更多>>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×