前端性能优化
21篇文章 · 0订阅
  • 🐢11s到⚡1s，性能优化之首屏加载🚀
    在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~
    性能优化
    🐢11s到⚡1s，性能优化之首屏加载🚀
  • 可以但没必要？分享 20 个 JavaScript 库，打开视野👀
    本篇带来 20 个 JavaScript 库分享，有十万 star 的库，也有一千 star 的库，不过它们都各有精彩！工具用的好，下班下的早~~salute！！
    前端 JavaScript GitHub
    可以但没必要？分享 20 个 JavaScript 库，打开视野👀
  • 前端监控平台系列：JS SDK（已开源）
    一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…
    JavaScript
  • 写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
    所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标
    CSS JavaScript 前端
    写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
  • 从V8角度揭秘你不知道的面试八股文
    本文将从 V8 出发从原理到面试题进行一个串联，帮助你形成一个比较好的体系。 人眼前一亮。 我们知道的这些内容，大多都说是 JS 里的特性，这可能只是一个笼统模糊的回答，第一个重点：V8 和 宿主 的功能傻傻分不清楚。 V8 是由谷歌收购并使用 C++开发并开源的 javasc…
    前端
    从V8角度揭秘你不知道的面试八股文
  • node进阶——之事无巨细手写koa源码
    koa是一个基于nodejs的web开发框架，特点是小而精，对比大而全的express，两者虽然由同一团队开发，但各有其更适合的应用场景：express适合开发较大的企业级应用，而koa致力于成为web开发中的基石，例如egg.js就是基于koa开发的。 关于两个框架的区别和联…
    Node.js JavaScript koa
    node进阶——之事无巨细手写koa源码
  • 脑阔疼的webpack按需加载
    随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…
    JavaScript Webpack React.js
  • webpack4 搭建企业级脚手架
    eval模式，构建速度很快，可以得到错误在源代码中的行列，但是无法查看具体的行列信息， 因为它无法查看源代码，只能查看转换后的代码。 cheap-module-eval-source-map 和 cheap-eval-source-map 类似，但是是loader转换之前的源文…
    Webpack
  • 前端性能优化的常用手段
    反正，前端性能优化就是很重要，不好好学习怎么进阶到20K+的薪水啊？！ 性能优化方面一直有所关注，但如果不去对自己所负责的项目进行一下回锅，实践实践，优化优化，总会有点“书上得来终觉浅”的感觉吧！ 从最开始的CSS放到<head>里面、js放到</body>前面、使用雪碧图等，到…
    前端
  • 小程序工程化实践（上篇）-- 手把手教你撸一个小程序 webpack 插件，一个例子带你熟悉 webpack 工作流程
    小程序开发者工具不好用，官方对 npm 的支持有限，缺少对 webpack, babel 等前端常用工具链的支持。 多端框架(Mpvue, Taro)崛起，但限制了原生小程序的能力。 我司在使用一段时间多端开发框架后，决定回退到原生方案，除了多端框架对原生能力有所限制外，最重要…
    Webpack 微信小程序