奇舞周刊第 354 期：资损防控 —— 代码扫描技术揭秘

今天药忘吃喽~ 2023-02-22 13:43 4阅读 0赞

![format_png][]

> 记得点击文章末尾的“ 阅读原文 ”查看哟~
> 
> 下面先一起看下本期周刊 摘要 吧~

## 奇舞推荐 ##

## ■ ■ ■ ##

[如何设计微前端中的主子路由调度][Link 1]

微前端的内核板块中，路由的设计思路。 郭盖推荐

[资损防控：代码扫描技术揭秘][Link 2]

“ 本文先对 AST 做了简单介绍，接着围绕资损防控问题介绍了如何用 AST 做代码扫描的基本原理，最后再以实际仓库的扫描结果验证检测效果。”

## CSS ##

## ■ ■ ■ ##

CSS 变量对 JS 交互组件开发带来的提升与变革

“CSS 变量带来的提升绝不仅仅是节约点 CSS 代码，以及降低 CSS 开发和维护成本。更重要的是，把组件中众多的交互开发从原来的 JS 转移到了 CSS 代码中，让组件代码更简洁，同时让视觉表现实现更加灵活了。”

![format_png 1][]

[H5 暗黑模式在京东收银台中的实践][H5]

“ 暗黑主题下，用户可以选择采用深色的系统范围外观而不是浅色外观。在暗黑模式下，系统对所有窗口，视图，菜单和控件采用较暗的调色板。谷歌的 Gmail 和 Chrome 浏览器、聊天工具 slack、telegram、Edge 浏览器和 Office 移动版 App 都陆续支持 darkmode 了。”

## 其它 ##

## ■ ■ ■ ##

Vue3 Compiler 优化细节，如何手写高性能渲染函数

“ Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优化，以及一些你可能希望知道的优化细节，在这个基础上我们试着总结出一套手写优化模式的高性能渲染函数的方法。”

![format_png 2][]

给自己找个导师

“什么是 mentor，可以简单地理解成引路人、导师，一般这个人在综合能力和视野上比你优秀一些，他可以在你职业发展之路上提供有用的建议和帮助。”

![format_png 3][]

[Flutter 核心原理与混合开发模式][Flutter]

“本文第一篇章将从 Flutter 原理出发，详细介绍 Flutter 的绘制原理，借由此在第二章来对比三种跨端方案；之后再进入第三篇章 Flutter 混合开发模式的讲解，主要是四种不同的 Flutter 混合模式的原理分析；最后的第四篇章，简单分享一下混合工程的工程化探索。”

## 关于奇舞团 ##

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。

![format_png 4][]

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3N2Zy81Y0ozMjl4VWVUeTl5TzA1aWJYanpQMEVlQ1NYSHh5ZGIyakpibUtsdGlibXVydThwSU15eXpPc0NEV09USVBqaWM5S21qOXl5UGlhNVZXMzFxYjNPZ3FLemYwemwzVGJpYVFNcC82NDA?x-oss-process=image/format,png
[Link 1]: https://mp.weixin.qq.com/s?__biz=Mzg4MjE5OTI4Mw%3D%3D&idx=1&mid=2247484940&scene=21&sn=178bd6502a3fad861fd4541fa33c242d#wechat_redirect
[Link 2]: https://mp.weixin.qq.com/s?__biz=MzI5NjM5NDQxMg%3D%3D&idx=1&mid=2247485983&scene=21&sn=6d3669a8c013357bd4d180ec87bbd34d#wechat_redirect
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9NcEdRVUhpYWliNGliNGw5cnpDekRiMGljclpURlR5ajJaS3JEaWNXMk9ESEtKalhnUHluMjRTdkhETmhGaGRKUGRBOFB6bGQxdlhqY0J3TmliNU5taHFXbURxZy82NDA?x-oss-process=image/format,png
[H5]: https://mp.weixin.qq.com/s?__biz=MzUyMDAxMjQ3Ng%3D%3D&idx=1&mid=2247493282&scene=21&sn=1166e58b0e2fd5f367e24061545c4b5f#wechat_redirect
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9NcEdRVUhpYWliNGliNGw5cnpDekRiMGljclpURlR5ajJaS3JVVEROa1p3VzBod0V5djJDeW9Hd3M4Z1ZyTFJiR3YybVlMZUZiQlpxbGliSjhwT1hVcTRXVkZRLzY0MA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9NcEdRVUhpYWliNGliNGw5cnpDekRiMGljclpURlR5ajJaS3JlcktGT2xKM3h1SHZTODYxTWp2a0VDOXk3Y2JxVEFUYlNpYnVBZExpYjNldUtjcVdRN0FoUUdXUS82NDA?x-oss-process=image/format,png
[Flutter]: https://mp.weixin.qq.com/s?__biz=MzI1NjEwMTM4OA%3D%3D&idx=1&mid=2651233359&scene=21&sn=801697fcda8ba5ac17510ff86b034f65#wechat_redirect
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9NcEdRVUhpYWliNGliNGw5cnpDekRiMGljclpURlR5ajJaS3JyMUdoYVBtVHY4Q0Q4MzhFSkdpY3E3T0hTZlRNVVM5U2RFb2lhaWFVR2VudmVjMEY2MUFLU3c1b2cvNjQw?x-oss-process=image/format,png