前端
4篇文章 · 0订阅
  • Tree-Shaking性能优化实践 - 原理篇
    一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…
    Webpack rollup.js
    Tree-Shaking性能优化实践 - 原理篇
  • （译）2019年前端性能优化清单 — 中篇
    17. 使用 Brotli 或 Zopfli 进行纯文本压缩 18. 使用响应式图像和 WebP 19. 图像是否已恰当优化 20. 视频是否已恰当优化 21. Web 字体是否已恰当优化 22. 分清轻重缓急 23. 考虑使用 cutting-the-mustard 技术 2…
    性能优化
  • 2022面试总结（持续更新中...）
    1. 重绘与重排 避免循环读取offsetLeft等属性，在循环之前把它们缓存起来。 2. 获取点击元素的下标 1. webpack和Grunt以及Gulp相比有什么区别 2. webpack 的 loader 和 plugin 区别，举几个常用的 loader 和 plugi…
    面试
  • 2018 年了，你还是只会 npm install 吗？
    nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…
    Node.js NPM Webpack
    2018 年了，你还是只会 npm install 吗？