chiuwingyan

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的...

背景 笔者之前所在的公司主要做东南亚以及欧洲一些国家的业务，做的是后台管理系统，项目被不同国家（有的多达七八个国家）的客户使用，所以前端web系统需要兼容多语言，也就是适配...

本文介绍为什么有了preset-env为什么还需要polyfill？polyfill是什么？如何配置webpack才是引入polyfill的最优解？...

前言 之前没有自己搭建过前端项目，在熟悉已有项目的过程中看到 package.json里关于 babel 的依赖就有这么多，他们分别都是干嘛的呢？每次搭建项目都需要这些依赖...

最近在学习webpack, 发现了webpack中一个重要的功能点babel-loader, 于是就想着学习了解一波Babel. 我们在做一件事, 学习一个知识点的时候, ...

「干货」近万字分享带你真正走进Babel的世界。从工程化前端中的babel各种配置的区别与联系分析，再到打造属于自己的Babel插件，从此带你真正领略前端领域中Babel编...

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望...

起因 有同事分享webpack的代码分割，其中提到了SplitChunksPlugin，对于文档上的描述大家有着不一样的理解，所以打算探究一下。...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

现在工程项目中，实现高性能应用的其中重要的一点就是让用户每次只加载必要的资源，优先级别不太高的资源采用延迟加载等技术渐进地进行加载获取。 Webpack 作为打包工具所特有...

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！�...

本文不会介绍整个前端渲染过程的步骤，只是记录最近阅读的文章的些许思考和感悟。（[文章地址一（系列）](https://developers.google.cn/web/...

多态：在父类中定义一个方法，在子类中有多个实现，在程序运行的时候，根据不同的对象执行不同的操作，实现运行时的绑定。...

在前端开发中或多或少都有用到 SVG，本篇文章就来总结下如何在前端项目中使用 SVG，每种使用方式的优缺点分析，以及对 SVG 的一些优化探索。 SVG（Scalable ...

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpac...

前端解压压缩数据 pako 数据太大时加载慢 前端解压压缩数据 pako 数据太大时加载慢 前端解压压缩数据 pako 数据太大时加载慢...

现状 我记得去年脉脉的论调还都是 客户端已死，前后端还都是一片祥和，有秀工资的，有咨询客户端转前端的，怎么最近打开脉脉一看，风向变了?...

当Caution: request is not finished yet！出现在Content Download有值时（如上图值为0.84ms），就与后端和网速没关系了，...

electron性能优化系列一(进程管理) electron 进程管理 进程监控 性能分析 主进程 渲染进程...