davin 最近的时间轴更新 davin 最近的时间轴更新 |
davinV2EX 第 148585 号会员，加入于 2015-11-25 12:12:04 +08:00今日活跃度排名 4038 |
davin 最近回复了
1 天前 回复了 Croow 创建的主题 › 职场话题 › 大佬们，一人出一道前端面试题，年后准备跳槽 |
Q: 浏览器渲染页面的过程是怎样的
A: DOM 树->CSSOM 树->渲染树->布局->绘制->合成
Q: 有哪些方式可以触发浏览器启用 GPU 渲染，浏览器如何知道什么时候是否启用 GPU 渲染？
A: 普通文档流与 Compositing Layer 。3D transforms ，CSS filters ，will-change 属性等可以触发。渲染原理：图层分层，纹理映射。
Q: 如何发现前端性能瓶颈，优化方式有哪些（开放性提问）？
A: 合理使用 GPU 加速，使用 will-change 提前告知浏览器。DevTools 分析，网络优化，代码优化，缓存策略，性能监控工具。Lighthouse ，Sentry ，Microsoft Clarity ，Google Analytics 等。
可能容易混淆的知识点：
强缓存🆚协商缓存
微任务🆚宏任务
事件冒泡🆚事件捕获
前端渲染🆚服务端渲染
原型继承🆚类继承
深拷贝🆚浅拷贝
同步🆚异步
闭包🆚立即执行函数
节流🆚防抖
let🆚const🆚var
Promise🆚async/await
箭头函数🆚普通函数
模块化规范：CommonJS🆚ES Module
优雅降级🆚渐进增强
A: DOM 树->CSSOM 树->渲染树->布局->绘制->合成
Q: 有哪些方式可以触发浏览器启用 GPU 渲染，浏览器如何知道什么时候是否启用 GPU 渲染？
A: 普通文档流与 Compositing Layer 。3D transforms ，CSS filters ，will-change 属性等可以触发。渲染原理：图层分层，纹理映射。
Q: 如何发现前端性能瓶颈，优化方式有哪些（开放性提问）？
A: 合理使用 GPU 加速，使用 will-change 提前告知浏览器。DevTools 分析，网络优化，代码优化，缓存策略，性能监控工具。Lighthouse ，Sentry ，Microsoft Clarity ，Google Analytics 等。
可能容易混淆的知识点：
强缓存🆚协商缓存
微任务🆚宏任务
事件冒泡🆚事件捕获
前端渲染🆚服务端渲染
原型继承🆚类继承
深拷贝🆚浅拷贝
同步🆚异步
闭包🆚立即执行函数
节流🆚防抖
let🆚const🆚var
Promise🆚async/await
箭头函数🆚普通函数
模块化规范：CommonJS🆚ES Module
优雅降级🆚渐进增强
15 天前 回复了 giffgaffman 创建的主题 › 推广 › T 楼：送 10 张全新未激活的英国 giffgaff 卡 |
支持
20 天前 回复了 flypei 创建的主题 › 推广 › 元旦 T 楼！ 送 YouTube Premium + 京东 E 卡 300 元 |
来了
34 天前 回复了 zhangsimon 创建的主题 › 推广 › 分享下副业经历，顺便抽个奖 |
分子
35 天前 回复了 ch563 创建的主题 › Node.js › 发呆时为了不让隔壁妹子发现，搞个命令行模拟工具 |
乖乖，这要是做成电脑屏保，不得了 
49 天前 回复了 bottleCap 创建的主题 › macOS › macOS 未失焦窗口，用起来像失焦了一样 |
我是碰到过双击应用图标无响应，连续点击多个通通卡死，无奈只能重启系统
55 天前 回复了 dongzei 创建的主题 › 生活 › 小孩子自从上了幼儿园就经常生病 |
别说幼儿园了，小学也好不到哪去。去年严重的时候，班里只有一小半的同学到校上课
57 天前 回复了 tommyshelbyV2 创建的主题 › 买买买 › 老婆批了 6000 预算，选择新显卡还是 oppo Find X8 |
如果是 OPPO Find 的话，不如再等等 X8 Ultra
58 天前 回复了 BaymaxK 创建的主题 › 互联网 › 最终还是对开发者下手了🤣 |
参与了一个熟人的小项目，属于第二阶段开发，到现在已经一年多了。那个项目的第一阶段到现在还没上线，问了接头的熟人，说是做 uniapp 的家伙跑路了，搞不定和部分硬件的交互。不知道最后填坑的家伙会是谁
58 天前 回复了 iovekkk 创建的主题 › macOS › 作为一个陆续使用 macOS 超过 12 年的人，这件事真的让我触不及防 |
但凡出现确认框，我都会停下来看看，而不是闭眼选个按钮按下去。可能是我本身就比较谨慎吧！
Select Language