要说起前端性能优化，其实我们可以从 “输入 URL 到页面呈现” 这个知识点着手讲起。 jsliang 在这里将这些知识点一锅炖，看你吃下多少。 然后本地服务器向根服务器、...

HTTP 是前端开发人员必须知道的知识，也是日常处理请求都会接触的，但如果要构成知识体系，则需要一点点填充知识，今天就要讲下 HTTP 和 HTTPS 协议。 HTTP 协...

刚开始了解到这个API是源于此：在做H5与原生进行交互时遇到了一个隐藏的bug，其原因是安卓代码的一段bug导致H5页面受到阻塞，页面卡死无法继续使用，后面与安卓与IOS开...

近日重新思考了移动端适配的问题，想起了之前用过的阿里高清方案lib-flexible，不料发现官方说“这个过渡方案已经可以放弃使用”。现在用的是amefe-flexible...

本文主要讲如何用 Travis 来实现自动化部署，并参照 Github 真实项目开发简单场景来介绍。 在说 Travis 之前，先了解一下 CI/CD 的概念。 CI（Co...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 ...

前端测试普及度虽然不算高，但对项目代码质量以及后期维护项目上却有很大的作用。本文会抛砖引玉的讲下 Jest 单元测试，因为很多 API 具体看官网就可以了。 库。可以在任何...

上一篇文章我们分析了Redux-Thunk的源码，可以看到他的代码非常简单，只是让dispatch可以处理函数类型的action，其作者也承认对于复杂场景，Redux-Th...

最近将项目中redux的中间件，从redux-thunk替换成了redux-saga，做个笔记总结一下redux-saga的使用心得，阅读本文需要了解什么是redux，re...

首先使用create-react-app新建个项目，然后在index.js写我们的代码，阅读本文前需要知道常用 React Hooks 的基本用法。 但到这里会有一个问题，...

Code Lint是前端工程化中的一个重要环节（what is code lint?），它可以帮助我们在部署代码到生产环境之前及时发现错误并纠正它们，也可以规范我们的编码习...

是 JavaScript 的一个超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上，主要提供了类型系统和对 ES6 的支持...

上次写了 如何编写一个 Webpack Loader，今天来说说如何编写一个 Webpack Plugin。 将命令行参数与 webpack 配置文件 合并、解析得到参数对...

在平时自己由零搭建项目时，虽然基础配置都比较熟悉，比如配置 file-loader, url-loader, css-loader 等，配置不难，但究竟是怎么起作用的呢，今...

前两天为了优化公司的代码打包项目，恶补了很多 webpack4 的知识。要是放在几年前让我学习 webpack 我肯定是拒绝的，之前看过 webpack 的旧文档，比我们内...

还是那样，懂得如何使用一个常用库，还得了解其原理或者怎么模拟实现，今天实现一下 vue-router。 它是传入了mode和routes，我们实现的时候需要在VueRout...

这篇文章将通过简单实例介绍开发中常见的问题，希望能帮助你更好理解 Typescript。由于介绍 Typescript 基础知识的文章很多，官方文档本身也很全面，关于 Ty...

本文适合使用过 Vuex 的人阅读，来了解下怎么自己实现一个 Vuex。 该方法需要在调用 new Vue() 之前被调用。 当 install 方法被同一个插件多次调用，...