ZooTeam 前端周刊|第 106 期

avatar
@政采云有限公司@政采云技术

ZooTeam 前端周刊|第 106 期

浏览更多往期周刊,请访问: weekly.zoo.team

  1. 今日头条品质优化 - 图文详情页秒开实践

作为一个内容类应用,看新闻读资讯一直是头条用户的核心需求,页面的打开速度直接关系到用户使用头条的核心体验,在头条中,为了更多的承载足够丰富的样式和逻辑下保持多端体验的统一,详情页的内容我们是通过 WebView 来承载的,但 WebView 本身的性能相比 Native 来说比较差,因此,今日头条技术团队一直致力于优化详情页的加载速度。

经过不断的优化,目前今日头条中详情页在线上的打开体验,从肉眼上基本已经感知不到加载过程。在接下来这篇文章里,我们会逐步拆解和介绍我们对详情页加载优化的思路和实践。

  1. 解决实际问题的24个ES6代码段

这篇文章基于实际使用场景总结了 24 个 ES6 代码段,可用来解决项目中可能遇到的一系列问题。

  1. 组件化设计:原子设计实践

产品经理跑过来说:“帮忙紧急支持一个需求,你就把原来 A 页面里面的某个部分加在 B 页面里,然后稍微调整一下就行。”一个新产品的 MVP 阶段,很多功能和界面都可以复用现有的产品,我们却要为此重新设计开发。…

  1. 前端场景下 CI/CD 的探索与实践

得益于业界基础技术的进化,前端项目的工程化方式也不断演进。

  1. 【webpack 性能优化】编译速度从 50S 到 7S

随着项目不断发展壮大,组件数量开始变得越来越多,项目也开始变得庞大,webpack 编译的时间也会越来越久,我们现在的项目编译一次在 40s ——70s 之间,这是一个效率非常低下的操作。优化的手段有很多,之前项目原本已经做了很多,本文从缓存的角度进行优化讲解。

  1. 【读懂源码】React 架构的演变 - 从同步到异步

了解 React 架构的演变,成为更好的 React 开发者

  1. 【建议收藏】css晦涩难懂的点都在这啦

CSS大家肯定都是会的但是每个人所撑握的情况都不一样,特别是已经工作几年的前辈(这里指的是我司)很多CSS玩法都不知道,可能他们已经习惯了用组件, 但是面试的时候又不可避免问,所以我整理了下CSS比较晦涩难懂的点总结写了这篇文章,在最后也会有些面试中常问的CSS相关面试题,看完全文面试就不用慌了😗。

  1. 埋点全解析,你最关心的可视化埋点在这里

埋点梳理

  1. 聊一聊二维码扫描登录原理

扫二维码登录现在比较常见,比如微信、支付宝等 PC 端登录,并且好像每款 APP 都支持扫码登录,不搞个扫码登录都不好意思。作为技术人员,不知道您对这背后的实现逻辑是否敢兴趣,反正我是一直都对这背后实现好奇。最近刚好看到一个关于扫码登录原理的视频,于是就整理出来了这篇文章,希望对您有所帮助。

  1. 如何利用AOP+IOC思想解构前端项目开发

如何利用AOP+IOC思想解构前端项目开发

  1. 在 Node.js 中 ”相对可靠” 的高效执行可信三方的代码

看大厂的实践总结