Skip to content

Latest commit

 

History

History
75 lines (48 loc) · 4.88 KB

013.md

File metadata and controls

75 lines (48 loc) · 4.88 KB

Re:Tech FE Weekly Vol.013

本期文章

该文章很详细的对比了 sourcetree 和命令行对比,还附有大量截图讲解,有助于理解 git 操作

当下,各个企业都在做数字化转型,也是 ToB 产品项目的主战场,对于一个能持续高效支撑和交付的前端产品化团队,如何搭建技术体系成了很好的课题。以下是个人来到众安科技后,对于前端团队 ToB 产品化之路相关的一些技术实践经验,主要从重塑团队前端技术体系,并通过建立相关工程化的实践、对未来协作模式的探索来更好地支撑业务等几个方向进行了一系列的技术研发模式的改革和落地。

迪米特法则,前端必懂的设计原则,本文详细的介绍了迪米特法则的定义,以及为什么要使用迪米特法则,结合代码可以使读者更深刻的理解它。

如果你没有听说过 tailwindcss,请先 return,本篇不谈论 tailwindcss 是什么怎么用,而是怎么优雅的使用。 如果你听说过,请继续阅读并考虑使用 tailwindcss,因为看完之后: 开发上:可能为你甚至你们的前端团队节省很多写样式的时间,也能让你或者你们的项目开发体验有很大提升 生产上:你们的项目打出来的包体积中的样式代码占比将突然骤降然后趋于不变。

全面解析 BOM,成为 JS 高手

本文是基于 Shopee Supply Chain WMS(Warehouse Management System,仓库管理系统)团队利用前端低代码系统进行降本增效的一次实践总结。

总结一下,qiankun 一共有 3 种沙箱:

SnapshotSandbox:记录 window 对象,每次 unmount 都要和微应用的环境进行 Diff LegacySandbox:在微应用修改 window.xxx 时直接记录 Diff,将其用于环境恢复 ProxySandbox:为每个微应用分配一个 fakeWindow,当微应用操作 window 时,其实是在 fakeWindow 上操作

要和这些沙箱结合起来使用,qiankun 会把要执行的 JS 包裹在立即执行函数中,通过绑定上下文和传参的方式来改变 this 和 window 的值,让它们指向 window.proxy 沙箱对象,最后再用 eval 来执行这个函数。

基于 axios 二次封装的请求库,方便在业务中的快速应用、集中处理。 是否需要携带登录态、登录态失效重新刷新登录态 请求失败时尝试重复发起、默认 3 次 是否需要 loading 是否需要统一的错误处理 重复请求的拦截处理 缓存的处理 请求的取消处理 支持多域名情况 断网情况的处理 错误信息的埋点统计

在这篇里面,我们可以了解到 CSS injection 来偷数据的原理,也就是利用 “属性选择器” 再加上 “载入图片” 这两个简单的功能,也示范了如何偷取 hidden input 跟 meta 里的数据,并且以 HackMD 当作实际案例说明。

友情链接

订阅

这个周刊每周一发布,同步更新在github、微信公众号。