在开发中经常会遇到网站的性能瓶颈，打开慢的情况。我们平常开发中怎么一步一步排查这些问题并 解决问题呢 javascript执行慢。 接口响应慢。 资源加载慢。 浏览器渲染慢。 。。。 我们只能要求自己，所以用户手机网速慢是不存在的～。 我们将从几个方面着手讲一下排查问题的手段。…

本文比较基操，主要是有一个流程概念。第二弹已出：传送门 所谓的脚手架，在我看来，就是一个集成项目初始化、调试、构建、测试、部署等等流程，能够让使用者专注于code的工具。用白话说就是，一个建筑已经搭好架子，我们只需要不断加入砖头就行。 脚手架命令脚本：我们所需要安装到全局的脚手…

前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。 然后非IE的通过URL.createObjectURL()将Blob(Blob是啥？不知道？没关系，我下面会具体装逼讲解的)构建为一个object URL对象、指定文件名&文件类型、创建a链接模拟点击实现下…

webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

这个题目如果回答非常完美，那么可以判断这个人已经脱离了初级前端工程师，前端的核心就是异步编程，这个题目也是体现前端工程师基础是否扎实的最重要依据。 new promise((resolve,reject)=>{ resolve() }).then().... 第二个问题是定时器…

为什么要学 electron？作为一个 web 前端工程师，一定不会主动去学习这个东西的，真的没必要，做 web 不香吗！嗯，当然，前面的论述是基于你在你的团队中有威望、独立自主（也就是团队大佬级别），否则，乖乖就范吧！像我，两年前，刚入职，web 都没有玩得明白，就被我导师安…

「假设：」 在一个 web 页面中，有1个按钮，点击可跳转到站内其他页面。 「单页面应用：」 点击按钮，没有新的html请求，只发生局部刷新，能营造出一种接近原生的体验，如丝般顺滑。 SPA 单页面应用为什么可以几乎无刷新呢？因为它的SP——single-page。在第一次进入…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 假设某一天，我们接到了需求，需要开发…