获得徽章 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 感受一下!
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 感受一下!
展开
评论
点赞
#思考 #编程
Make it work. Make it right. Make it fast.
编程三步走:
先不择手段让它运行起来(虽然实现了功能, 但是代码乱七八糟, 甚至夹杂一些 hacks),
再将有问题的地方用正确的方式实现(比如插件 A 明明带有你所需要的接口, 你一开始先用你熟悉的接口艰难曲折的实现了, 这个时候就可以改成更适合的接口),
最后考虑优化问题(不管是代码性能上的, 还是代码可读性可复用性方面的提升).
(以上策略很适合学习新东西的时候使用, 先来个小目标, 实现一个小功能, 通过上面的流程就可以尽快熟悉这个新东西如何使用)
Make it work. Make it right. Make it fast.
编程三步走:
先不择手段让它运行起来(虽然实现了功能, 但是代码乱七八糟, 甚至夹杂一些 hacks),
再将有问题的地方用正确的方式实现(比如插件 A 明明带有你所需要的接口, 你一开始先用你熟悉的接口艰难曲折的实现了, 这个时候就可以改成更适合的接口),
最后考虑优化问题(不管是代码性能上的, 还是代码可读性可复用性方面的提升).
(以上策略很适合学习新东西的时候使用, 先来个小目标, 实现一个小功能, 通过上面的流程就可以尽快熟悉这个新东西如何使用)
展开
评论
点赞
最近看了个视频，是关于 human error 的解读。
我们通常会认为一个人犯了错误就是这个人的问题，粗心，不按规章办事等。
但事实上，有些时候，在现有的系统限制下，有些错误无可避免的会发生，这个时候可以将这个错误作为一个起点，进而对系统进行改进。
在程序员的世界里，能用自动化测试的东西就用自动化测试，所有我们犯过的错误一定会再犯，最好的方案就是总结错误，尽量用自动化测试覆盖！
我们通常会认为一个人犯了错误就是这个人的问题，粗心，不按规章办事等。
但事实上，有些时候，在现有的系统限制下，有些错误无可避免的会发生，这个时候可以将这个错误作为一个起点，进而对系统进行改进。
在程序员的世界里，能用自动化测试的东西就用自动化测试，所有我们犯过的错误一定会再犯，最好的方案就是总结错误，尽量用自动化测试覆盖！
展开
评论
点赞
～
，手机里的就能删了！)
️针对平时自己重复性的输入甚至是代码片段，我买了个工具来用，叫 rocket typist，虽然偶尔闪退，但总的来说还是满足了我的需求的
…
关注了标签 
UML
UML