Xiaoming's Blog

ESLint 简介 https://github.com/eslint/eslint https://cn.eslint.org/ https://github.com/dustinspecker/awesome-eslint 不管是多人协作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。具备基本工程素养的同学都会注重编码规范，而代码风格... 阅读全文…

Web API 简介 MDN 文档：https://developer.mozilla.org/zh-CN/docs/Web/API 在使用 JavaScript 编写 Web 应用时，有许多 Web API 可供调用。 一些有趣的 Web APIsElement.scrollIntoView MDN 文档：https://developer.mozilla.org/zh-CN/docs/... 阅读全文…

image 三大框架之前（Long Long Ago）近年来，随着老式浏览器逐渐被淘汰，并且移动端需求增加，前端所需要的交互越来越多，功能也越来越复杂，架构从以后端为主的 MVC ... 阅读全文…

前言工欲善其事必先利其器。 有些时候一个技巧可以节省我们很多的时间，也会让调试的过程变得更加简单直接。本次分享从不同的情景来说明应该如何搭配使用 Chrome DevTools 中的小技巧，让大家熟练掌握 Chrome 调试技巧，直接提升工作效率。 阅读全文…

Promise 对象简介Promise 是异步编程的一种更优的解决方案，一定程度上解决了回调函数产生的“回调地狱”的问题。Promise 最早由社区提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 ==Promise 允许将回调函数的嵌套改成链式调用，即用同步的方式去写异步代码，使异步代码看起来像是线性结构。== 阅读全文…

原理使用 fs、glob 或 shelljs 等可以读取文件系统的库，解析出项目中所有的入口文件，然后动态生成 entry 和 HtmlWebpackPlugin，这样就不要每次新增页面就手动修改 webpack entry。 http://nodejs.cn/api/fs.html https://github.com/isaacs/node-glob https://github.co... 阅读全文…

前言webpack 附带了各种内置插件，可以通过 webpack.[plugin-name] 访问这些插件。但请注意这只是其中一部分，社区中还有许多插件。 https://webpack.docschina.org/plugins 更多第三方 plugin：https://github.com/webpack-contrib/awesome-webpack#webpack-plugins ... 阅读全文…

webpack loader 简介webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。你可以使用 Node.js 来很简单地编写自己的 loader。 webpack 提供许多开箱可用的 loader： https://webpack.docschina.org/loaders/ 更多第三方 loader：https://gith... 阅读全文…

Babel 配置按需加载在使用第三方库（特别是 UI 组件库）时，我们一般采用按需加载的方式引入，即只需引入业务中需要的组件即可，未 import 进来的组件不会打包进来。而如果我们完整引入，这会会使 bundle 增大，进而影响应用的网络性能。 按需加载支持库： https://github.com/ant-design/babel-plugin-import https://githu... 阅读全文…

正则表达式简介 http://www.w3school.com.cn/js/js_obj_regexp.asp http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp JavaScript 正则表达式视频教程-慕课网：http://www.imooc.com/learn/706 60 分钟正则从入门到深入：https://segmentfa... 阅读全文…