首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Godiswill
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
4
文章 3
沸点 1
赞
4
返回
|
搜索文章
最新
热门
性能监控指标分析
获取主页 html 数据,应该使用 performance.timing,而不是 performance.getEntriesByType('resource')[0]。 performance.getEntriesByType('resource') 表示当前 HTML 文档…
一步一步实现koa
koa 是由 Express 原班人马打造的,相比 Express 的大而全,koa 致力于成为一个更小、更富有表现力、更健壮的 Web 框架,适合作为 web 服务框架的基石。 koa1 通过组合不同的 generator,可以避免嵌套地狱,并极大地提升错误处理的效率。koa…
面试高频JS考查点手写实现
原文链接考查thiscall、applybindnew链式调用考查原型链instanceof组合寄生继承Object.create纯对象redux版判断类型jQuery3.4.1版考查闭包柯里化考查性
关键路径渲染优化
优化关键路径的就是尽早尽快加载解析与首屏相关的 JS、CSS,也就是常说的尽量减少白屏、灰屏时间和减少用户可交互时间。 好的页面交互,即使是在服务器处理或是资源还未完全返回期间,也应该尽量渲染部分信息给用户,而不是让用户明显感知过长白屏时间,以为页面卡死。例如Google时,在…
防抖节流原理与实践
一般对于监听某些密集型键盘、鼠标、手势事件需要和后端请求交互、修改 dom 的,防抖、节流就很有必要了。 对于这类操作,一般希望拿到用户最终输入的关键字、确定的拖拽大小,然后与服务器交互。 而中间态的值,并不关心,为了减轻服务器压力,避免服务器资源浪费,这时就需要防抖了。 可以…
源码分析:react hook 实践
本文从 mini React —— Preact 源码的角度,分析 React Hook 各个 API 的优点缺点。 从而理解为什么要用 hook,以及如何最佳使用。 ✅只在 React 函数中调用 Hook,不要在普通的 JavaScript 函数中调用 Hook。 hook…
HTTP 缓存与前端工程化的思考
我们知道通过网络获取资源缓慢且耗时,需要三次握手等协议与远程服务器建立通信,对于大点的数据需要多次往返通信大大增加了时间开销,并且当今流量依旧没有理想的快速与便宜。对于开发者来说,长久缓存复用重复不变的资源是性能优化的重要组成部分。 HTTP 缓存机制就是,配置服务器响应头来告…
你真的懂事件循环吗
对于浏览器而言,有多个线程协同合作,如下图。具体细节可以参考一帧剖析。 对于常说的JS单线程引擎也就是指的 Main Therad。 注意以上主线程的每一块未必都会执行,需要看实际情况。 先把 Parse HTML -> Composite 的过程称为渲染管道流 Renderi…
[译] 一帧剖析
经常被开发者问及像素渲染管道流的细节问题,它每一步是怎样触发的,何时触发的、为什么会触发。 这篇文章就是为了解答这些疑惑的,你将了解到像素是如何渲染到屏幕的。 注意:以下讲解基于 Blink 内核的 Chrome 浏览器。例如像layout 或 style calcs 等步骤运…
前端极致性能优化手册大全
前端优化之路必不可少的知识点。 ... 本文按一定顺序总结与前端性能优化的基本点,大家可以按步骤逐一检查自己的项目,找出性能的瓶颈。如有错误遗漏欢迎补充纠正。 文章有些原理细节都在参考文章中,价值较高建议读一读。 如果发现开发时打包慢、打包体积太大,这是你就要审视下配置了。 比…
下一页
个人成就
文章被点赞
805
文章被阅读
81,705
掘力值
3,356
关注了
5
关注者
179
收藏集
3
关注标签
9
加入于
2019-12-29