获得徽章 0
#推荐 #视频
Dan Abramov: Beyond React 16 | JSConf Iceland (www.youtube.com)
作个小记:
1. 图一: 该视频主要是 Dan 分享针对 CPU 使用的优化策略 time slicing 和针对 IO(network) 使用的策略 suspense, 其实本质上都是实现异步渲染, 争取快的设备上一切流畅, 慢的设备上保持响应;
2. 图二: CPU demo 主要想表现的就是优先级较高的用户响应不被优先级较低的渲染所阻塞, 对于大型应用来说这是挺容易遇到的问题;
3. 图三: 那个 <Placeholder /> 组件好像很好用, 根据 children 元素的渲染速度来决定是否展示 loader, 感觉经常有这种使用场景;
4. 图四: Dev tools 的 Performance 标签下有个 CPU 选项, 比如你想要看在移动设备上应用的响应速度, 就可以选择 4x slowdown 感受一下!
展开
Alessia于2020-04-06 15:50发布的图片
Alessia于2020-04-06 15:50发布的图片
Alessia于2020-04-06 15:50发布的图片
Alessia于2020-04-06 15:50发布的图片
评论
#思考 #编程
Make it work. Make it right. Make it fast.

编程三步走:
先不择手段让它运行起来(虽然实现了功能, 但是代码乱七八糟, 甚至夹杂一些 hacks),
再将有问题的地方用正确的方式实现(比如插件 A 明明带有你所需要的接口, 你一开始先用你熟悉的接口艰难曲折的实现了, 这个时候就可以改成更适合的接口),
最后考虑优化问题(不管是代码性能上的, 还是代码可读性可复用性方面的提升).

(以上策略很适合学习新东西的时候使用, 先来个小目标, 实现一个小功能, 通过上面的流程就可以尽快熟悉这个新东西如何使用)
展开
评论
Well concluded!
Alessia于2019-10-09 17:54发布的图片
评论
最近看了个视频,是关于 human error 的解读。
我们通常会认为一个人犯了错误就是这个人的问题,粗心,不按规章办事等。
但事实上,有些时候,在现有的系统限制下,有些错误无可避免的会发生,这个时候可以将这个错误作为一个起点,进而对系统进行改进。
👩💻在程序员的世界里,能用自动化测试的东西就用自动化测试,所有我们犯过的错误一定会再犯,最好的方案就是总结错误,尽量用自动化测试覆盖!
展开
评论
之前从某个年终报告里截下来的,都是好的学习资源,分享一下👇
Alessia于2019-07-10 13:36发布的图片
3
Microtask & Macrotask
(一直把图存在手机里,传到沸点当做云备份😜,手机里的就能删了!)
Alessia于2019-07-05 22:54发布的图片
评论
👩💻分享下我在 mac 上面对重复的内容输入问题所采用的工具吧:
1. ☝️针对 bash terminal 里的常用 command,我会在 .bash_profile 里编写 alias,如 rs = npm run start
2. ✌️针对平时自己重复性的输入甚至是代码片段,我买了个工具来用,叫 rocket typist,虽然偶尔闪退,但总的来说还是满足了我的需求的
PS: 重复性的内容输入实在不能忍😂
展开
4
👇下面几招在一定程度上缓解了我的拖延症,分享出来希望也可以帮助到大家😊
Alessia于2019-06-26 22:27发布的图片
4
Alessia的头像
关注了标签 UML UML
前端开发
个人成就
文章被点赞633
文章被阅读25,346
掘力值766
收藏集
5
关注标签
20
加入于