获得徽章 0
赞了这篇文章
#每天一个知识点# 【English】 刚跟 server 同学聊方案的时候，他说了一个康ten特，我一时间没反应过来，他一拼写我才知道，是 content，但这个词，我一直读 肯ten特
于是就去 google 了下发音，结果 google 的搜索结果是错的，音标写的是肯，点击试听，却是康
于是又进一步追查，最终找到了答案：
在词义与‘满足’相关时，不管词性如何，发音都是 肯
在词义与 ‘内容’ 相关时，发音是 康
于是就去 google 了下发音，结果 google 的搜索结果是错的，音标写的是肯，点击试听，却是康
于是又进一步追查，最终找到了答案：
在词义与‘满足’相关时，不管词性如何，发音都是 肯
在词义与 ‘内容’ 相关时，发音是 康
展开
13
6
“通过多次的尝试，我们发现，构建高性能的Electron应用程序，最成功的策略是分析正在运行的代码，查找其中最耗资源的部分，然后对其进行优化。 一遍又一遍地重复这个“搬砖”的过程，将极大地提高应用程序的性能。 在大型应用程序（例如Visual Studio Code、Slack）中的实践经验证明了这是目前最可靠的性能提升策略。”
Electron 文档中读到这段，确实，实际工作中就是这么干的。但面试的时候这么说就出了问题，面试官表示：进行性能优化的手段过于常规，缺乏技术沉淀。![[发呆]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
Electron 文档中读到这段，确实，实际工作中就是这么干的。但面试的时候这么说就出了问题，面试官表示：进行性能优化的手段过于常规，缺乏技术沉淀。
![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
展开
评论
1
赞了这篇文章
一个面试时候的小技巧
如果被要求在本地coding，不用打开自己的vscode了
又要创建文件，又可能暴露自己上场面试忘记关闭的coding tab
直接在 ts 的 playground 写就行
www.typescriptlang.org
如果被要求在本地coding，不用打开自己的vscode了
又要创建文件，又可能暴露自己上场面试忘记关闭的coding tab
直接在 ts 的 playground 写就行
www.typescriptlang.org
展开
评论
点赞
Web APP 怎么去收集线上用户的渲染卡顿情况？
1. performance api 中可以收集到 longtask / fps
2. 收集 requestAnimationFrame 之间的间隔
1. performance api 中可以收集到 longtask / fps
2. 收集 requestAnimationFrame 之间的间隔
2
3
#挑战每日一条沸点# #每日前端知识学习#
浏览器 tab 之间(同源)怎么通讯？
1. Broadcast Channel API，tab 发布广播，其他所有tab都能定义，支持所有现代浏览器
developer.mozilla.org
2. localStorage
3. postMessage
浏览器 tab 之间(同源)怎么通讯？
1. Broadcast Channel API，tab 发布广播，其他所有tab都能定义，支持所有现代浏览器
developer.mozilla.org2. localStorage
3. postMessage
展开
评论
点赞
在开发移动端时，浏览器的非页面部分经常会出现与页面颜色不统一的情况，非常难看。
如左图
通过指定 meta、theme-color，如 <meta name="theme-color" content="#4285f4">
则可以设置该区域的主题色
效果如右图
还可以通过设置 media 属性，来匹配各种主题下的颜色，如
<meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black">
但需要注意，该属性有浏览器兼容性问题，目前最高支持移动端 chrome 80 / safari 15
developer.mozilla.org
如左图
通过指定 meta、theme-color，如 <meta name="theme-color" content="#4285f4">
则可以设置该区域的主题色
效果如右图
还可以通过设置 media 属性，来匹配各种主题下的颜色，如
<meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black">
但需要注意，该属性有浏览器兼容性问题，目前最高支持移动端 chrome 80 / safari 15
developer.mozilla.org
展开
评论
1
评论
2
赞了这篇文章
赞了这篇文章
赞了这篇文章