首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能优化
订阅
压力克斯
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
[译] postMessage 很慢吗?
这里的“慢”是什么意思呢?我之前在这里提及过,在这里再说一遍:如果你不度量它,它并不慢,即使你度量它,但是没有上下文,数字也是没有意义的。 话虽如此,人们甚至不会考虑采用 Web Workers,因为他们担心 postMessage() 的性能,这意味着这是值得研究的。我的上一…
浏览器页面资源加载过程与优化
当浏览器截获到一个页面请求后,将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略,来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步,根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…
CSS性能优化的8个技巧
我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重的性能问题时才进行性能优化,相信大多数人对此深…
组件库之按需加载
目前按需加载有两种方式实现。 babel-plugin-import是ant-design团队出的一个babel插件,主要用于模块的按需加载。其原理就是将直接引入的方式通过babel转化成按需引入的方式。如果css也需要按需加载,也会注入css引用代码。 babel-plugi…
如何答一道惊艳面试官的数组去重问题?
数组去重应该是面试必考问题之一。 虽然它是一道并不复杂的问题,但是也能看出面试者的广度和深度,还有考虑问题的全面性。 实际开发中我们应该选择哪种方式数组去重,本文告诉你。 你以为的不一定你以为,面试官不只是让你去重一个数组,他想知道的有点多,包括你的思想。 思想: 双重 for…
[译] 微前端:未来前端开发的新趋势 — 第四部分
做好前端开发不是件容易的事情,而比这更难的是扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品。本系列文章将描述一种趋势,可以将大型的前端项目分解成许多个小而易于管理的部分,也将讨论这种体系结构如何提高前端代码团队工作的有效性和效率。除了讨论各种好处和代价之外,我们…
每日优鲜供应链前端团队微前端改造
我所在团队是做toB业务的,技术栈是Vue,团队目前有十多个典型的toB业务(菜单+内容布局),这些业务都是服务于一个大平台的,因为历史原因,每个业务都是独立的,都有一个html入口,所以当用户在这个大平台上使用这十多个业务的时候,每当切换系统时,页面都会刷新,体验很差;在开发…
Show me the code,babel 7 最佳实践!
大家都知道 babel 是兼容对 ES6 支持不完善的低版本浏览器的转换编译器。 那么废话少说,我们直接点,直接说说常见几个场景下兼容旧版浏览器的方案。 来兼容 Web 应用不支持的 API。 原理大概是 polyfill.io 会读取每个请求的User-Agent标头,并返回…
React 16 加载性能优化指南
关于 React 应用加载的优化,其实网上类似的文章已经有太多太多了,随便一搜就是一堆,已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布,很多过去的优化手段其实都或多或少有些“过时”了,而正好最近一段时间,公司的新项目迁移到了 Rea…