极客观点
项目管理
HarmonyOS
这是昨天面试的时候面试官问的,我说去控制台看Timeline和Profiles(没想过这个问题,随口说的),但是我的回答好像他不满意.
他问我知不知道一个页面加载完成后js做了哪些事,还有浏览器怎么去加载渲染一个页面.
我觉得他想要的回答和这些有关,求指点.
为什么没人回答debug?优化的话yahoo那14条够了,我需要debug.
发现网站加载卡顿或者性能差的情况,前端该如何去debug和优化?
阅读 7.8k
加速的方式很多，如服务器方面可以压缩合并Css、Js文件之类；网络方面有CDN优化之类的；本地方面可以做延迟Js运行等等。
你需要什么debug？ chrome , firefox 的开发者工具做调测很方便的呀，各种数据都不缺。
图片延迟加载
前端静态文件的合并压缩
加载过程中的重绘和重排
js的执行效率
CDN存放静态文件
文件名MD5，缓存设置的很长。这条是优化缓存后的页面加载速度的
产品目标用户的电脑速度。这条是抖机灵的。。
profile很有用啊，看看哪些类占内存和cpu过多，看看哪些类没有及时回收造成内存泄露。有些百思不得其解的性能问题都是要靠profile找问题根源的。
关于考官问你的浏览器工作机制，可以看看这篇http://kb.cnblogs.com/page/129756/
debug一般用来定位defect，而不是用来定位性能问题的。
浏览器在渲染页面时，先创建Document对象，然后开始解析页面结构，如果遇到非延迟和非异步脚本，浏览器会将该脚本下载并执行，此时页面加载暂停，是会出现卡顿现象的，所以需要将脚本放置在<body>标签的最后，不知道面试官是不是问的这个。
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}13 回答13k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?8 回答2.8k 阅读
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}2 回答5.2k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？5 回答1.4k 阅读
请问开发React Native，一般是推荐哪个主流的UI库呢？
请问开发React Native，一般是推荐哪个主流的UI库呢？我们知道React有antd，但是React Native的话好像React Native Mobile RN不是最主流的。3 回答2.3k 阅读✓ 已解决
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答978 阅读✓ 已解决
快开发完的Vue3项目要做SEO该如何处理？
快开发完的Vue3项目要做SEO该如何处理？项目已经快开发完了，领导让做SEO，目前的需求是首页做SEO，其他页面不需要优化去论坛上查了一下，发现好多针对Vue的SEO库都过时弃用了，大家有什么好用的库推荐吗？5 回答1.6k 阅读✓ 已解决
减少数据库的查询，部分数据可以使用缓存