资讯
文章推荐
通过ast将文件路径行列添加到dom的属性上，在网页中注入监听按键定位源代码的交互逻辑，点击时获取到添加的属性发送一个http请求，再通过node server接收请求中的文件信息打开IDE并定位
这篇文章通俗的讲解了架构设计的出发点和一些准则，文中提及到的一些设计模式和架构设计大家估计都在其它文章中或多或少的看到过。但是让我觉得耳目一新的是文中关于【奥卡姆剃刀原则】，因为我们在真实业务中真真实实的感受到了他说的一些问题，当业务愈加复杂时，我们只想着用新的组件或模块替换老的代码，没有思考老代码腐化的原因。如果只是单纯的重构，我们如何保证新的代码能走的更远呢？
DOM 为我们提供了许多开箱即用的渲染 API，但是其在面对许多精细化/高动态化渲染的场景时却显得有些力不从心，而 Canvas 就很好地补足了我们对于浏览器渲染能力的一块短板。在本系列中，作者从 Canvas 的节点层级关系开始，依次完成了 Graphics 类、碰撞检测以及事件系统的设计与编码，逐步实现了一个比较完善的 Canvas 渲染引擎。在文章中，作者用了大量的配图注解和代码注释，帮助我们理解模块以及系统的运作流程，对于感兴趣或是正在学习 Canvas 渲染引擎原理的同学来说是不可多得的一篇好文。
在React组件中嵌套定义子组件会引起子组件的重复卸载与挂载。但这并不是说我们不能在组件内"拆分"渲染逻辑。对于独立的模块当然最推荐的方式便是拆成独立的组件，而对于不是那么独立的模块，我们也可以用内部的渲染函数解决。
一篇产品视角下的埋点分析平台的构建之路（B站）。 B站埋点分析平台主要包括：埋点设计规范及管理，埋点测试，埋点分析，数据看板四个核心模块。本文对四个核心模块和平台架构做了详细介绍，可以作为一篇产品方案设计参考。
B端工具产品经常会被说"复杂、难以理解"，「简化设计」成为设计师必须考虑的一部分。 从用户的感知层面分析，让用户感到复杂的原因可以划分为四大方面：概念、流程复杂、界面、操作。对应的设计策略有：
- 简化概念，降低认知成本
- 简短高效流程
- 简化页面信息布局
- 轻松操作
文章总结： 引用《简约至上》中的所说：创造简单用户体验的秘诀就在于把复杂性转移到正确的地方。任何产品都具有一定的复杂性，设计的目的不是为了消除所有复杂性，而是将它们放到最合适的位置。
小茗推荐
最后
关注公众号「Goodme前端团队」，获取更多干货实践，欢迎交流分享。