技术周报 · 2021-06-04

小编推荐

尤雨溪：做技术哪有什么两全之策，都是取舍和平衡

「工程本质上就是戴着镣铐跳舞，怎么样在有限的资源，在没有办法改变的外部环境下，用最有效率，最合适的方式去解决问题。」

如何从流程上设计可持续维护的组件

「本次分享，旨在讨论组件库建设中的“可持续维护” 问题。」

无障碍

Web 适老化及无障碍线上交流会

5 月 29 日举行的线上交流会会议纪要。

如何在商业环境推动无障碍项目

「在商业环境中推动公益项目，将公益视角切换为战略视角，能够有助于项目立项。」

HTML & CSS

2021 年你可能不知道的 CSS 特性

超长的一篇文章~

盘点 HTML 字符串转 DOM 的各种方法及细节

「HTML 字符串转 DOM 方法有好几个，这里盘点下各个方法的优缺点，以及关于 DOM 的其他一些细节。」

性能

聊到前端性能优化时，我们会关注什么？

「相似的问题千篇一律，有趣的方案各有各的特色，每次性能优化之后，归纳总结总能带来更多的收获。」

用户承接页是如何实现秒开的

性能优化也要遵循以下几个原则：1、依据数据而不是凭空猜测；2、忌过度优化，性能优化方案需要综合考虑开发成本、服务器成本，需要做衡量，不要过度优化；3、性能优化要与业务结合。

如何在 CI 流水线统计 web 前端 FPS

文章介绍的 FPS 统计工具「alloyperf」实现主要利用了 Selenium WebDriver 和 chrominum。

设计

Ant Design 设计工程化

「本文的主题叫做 Invisible Design System，隐形的设计体系，主要是想和大家分享，我们对可见的设计体系背后隐形的设计规则的思考，以及如何通过设计工程化的方式，让这些复杂的规则可用而不可见。 」

从竖屏设计思维转向横屏设计思维

「在实际运用中需要注意辨别横屏场景，具备横屏设计意识，从竖屏设计思维向横屏设计思维转变。」

空间记忆为什么对用户体验设计那么重要？

「空间记忆对于为用户重复建立任务效率提升来说十分重要。空间记忆通过反复使用空间稳定的界面得到加强，并可以减少寻找关键特征或内容所需的认知工作量。然而，由于空间记忆往往不准确，需要通过包括其他突出的视觉线索和人工地标、整个信息空间的概述以及使用宽泛、浅层次的信息来帮助用户。」

安全

安全左移理念：DevSecOps 如何实践？

「团队进行了安全左移建设的探索，主要包括三个机制：面向开发人员的代码安全指南、默认安全框架组件、嵌入基础设施的代码安全检查。」

聊聊源码安全回顾

「如果软件开发领域也有一份确保安全的检查清单，或者标准操作程序，可以用于源码安全回顾环节，那么开发团队也将有机会及时的、正确的开展这项活动，源码中的安全漏洞被检查出来的概率也将得到提升。」

拓展阅读

“程序员从幼稚到成熟的标志是什么”？

“所有来自「事」的困难都可以用态度解决，所有来自「人」的困难都可以用换位思考解决。”

iconfont 支持全新的彩色字体图标

优秀。

精读《低代码逻辑编排》

「本周精读的内容是其介绍视频：How To Create Your First Flow In Node-RED，介绍了如果利用纯逻辑编排实现一个天气查询应用，以及部署与应用迁移。」