【实践经验】
1、React技术揭秘
一个对于React源码进行系统分析的教程。
https://react.iamkasong.com/?from=groupmessage#%E7%AB%A0%E8%8A%82%E8%AF%B4%E6%98%8E
2、「可视化搭建系统」——从设计到架构,探索前端领域技术和业务价值
https://mp.weixin.qq.com/s/_kgHPQ50V5cpGNzkVvA87g
介绍了一种有别于一般可视化搭建系统实现方式的新思路:数据 + 组件 + 富文本 + 模板驱动页面
3、如何衡量前端工程质量?我们有了平台化的解决方案
https://mp.weixin.qq.com/s/_jV3KXXZ_3P7A8FnpaqRHQ
工程健康度计算指标:
工程健康度巡检流程:
平台的核心链路:
4、前端异常监控解决方案研究
https://mp.weixin.qq.com/s/0P4WrZtvIz_S59zalHE9UQ
5、API设计的几条原则
https://mp.weixin.qq.com/s/nc71DG91a9RT3grw8tV_dQ
一个好的 API 设计需要满足两个主要的目的:
平台独立性。**任何客户端都能消费 API,而不需要关注系统内部实现。API 应该使用标准的协议和消息格式对外部提供服务。
系统可靠性。在 API 已经被发布和非 API 版本改变的情况下,API 应该对契约负责,不应该导致数据格式发生破坏性的修改。在 API 需要重大更新时,使用版本升级的方式修改,并对旧版本预留下线时间窗口。
API设计的几个原则:
- 使用成熟度合适的 RESTful API
- 避免简单封装
- 关注点分离
- 完全穷尽,彼此独立
- 版本化
- 合理命名
- 安全
此外,文中还给出了一个易于使用的API设计检查单。
【基础夯实】
1、「查缺补漏」巩固你的HTTP知识体系
https://juejin.im/post/6857287743966281736
2、解读HTTP/2与HTTP/3新特性
https://mp.weixin.qq.com/s/XVaQH7vE4YOuZyYgS6aGQg
HTTP/2的新特性:
- 二进制传输
- Header 压缩
- 多路复用
- Server Push
- 提高安全性
HTTP/3的新特性:
- 实现了类似TCP的流量控制、传输可靠性的功能。
- 实现了快速握手功能。
可以实现使用0-RTT或者1-RTT来建立连接,这意味着QUIC可以用最快的速度来发送和接收数据,这样可以大大提升首次打开页面的速度。0RTT 建连可以说是相比 HTTP2 最大的性能优势。 - 集成了TLS加密功能
- 多路复用,彻底解决TCP中队头阻塞的问题
3、HTTP/3 原理与实践
https://mp.weixin.qq.com/s/wrOXO5MH4wtbuvrCPCQNQA
4、一文读懂Web安全
https://mp.weixin.qq.com/s/4nva3aPShUlwd9CRsarCxA
5、「一劳永逸」由浅入深配置webpack4
https://juejin.im/post/6859888538004783118
6、只要一行代码,实现五种 CSS 经典布局
http://www.ruanyifeng.com/blog/2020/08/five-css-layouts-in-one-line.html
水平垂直居中布局怎么做?用margin
?用transform
?请看:
.container {
display: grid;
place-items: center;
}
7、编写高质量可维护的代码:优化逻辑判断
https://juejin.im/post/6859125809655840776#heading-12
手把手教你如何改掉渣渣代码。
8、如何复用一套代码满足多样化的需求?
9、Vue版的团队代码规范
https://mp.weixin.qq.com/s/8sYugk1tPuO8t2AdYpQ0Ww
【概念解读】
1、阿里云刘伟光:真正的数据中台是什么?
https://zhuanlan.zhihu.com/p/183760374
大数据的本质是数据的融合,数据中台把原本各自孤立的数据互相关联、融合,通过抽象、加工构建数据资产标签类目体系,从而赋予数据更深层次的语义和价值,洞察事物的本质。
2、6大人工智能应用关键技术,终于有人讲明白了
https://mp.weixin.qq.com/s/v2b7lJ4BfCAqp0NkgKZuNQ
- 机器人流程自动化(Robotic Process Automation,RPA)
- 光学字符识别(Optical Character Recognition,OCR)
- 机器学习/大数据分析
- 自然语言生成(Natural Language Generation,NLG)
- 智能工作流(Smart Workflow)
- 认知智能体(Cognitive Agent)
3、解读新一代Web性能体验和质量指标
https://segmentfault.com/a/1190000022744550
【程序之外】
1、软件吃软件,编程工作会越来越多吗?
http://www.ruanyifeng.com/blog/2020/05/will-programmers-increase.html
最近,国外有一篇文章,标题很有趣,叫做《软件吃掉软件》。作者认为,大型软件和通用软件越来越强大,将会取代小软件和专门软件,相当于把后者都吃掉了。元芳,你怎么看?
2、关于走专业路线还是管理路线的问题
https://www.zhangxinxu.com/life/2020/05/career-planning/
你也有这个困惑吗?来看看张鑫旭的回答。
3、「云游敦煌」小程序背后的设计故事。
https://cdc.tencent.com/2020/03/20/design-story-of-dunhuang-trip-2/
陈丹青说,“相较于名画家,敦煌莫高窟那些无名画工在墙上绘制的牛鬼蛇神,让人肝儿颤。”如果你是设计师,你将如何把这“让人肝儿颤”的艺术,转译到每个老百姓的指尖呢?
更多精彩资讯,欢迎扫码入群交流~🚀**🚀🚀**
注:所有资讯均来自网络,不代表编者观点。