前端技术双周刊-2021.8.18

前端工程化

• 用「增量」思想提升代码检查和打包构建的效率
  文章里使用的 git diff 找到增量模块或代码，再结合 eslint 和 webpack 做针对性检查和构建。思路比较简单，但是没法直接拿来用，需要根据自己的业务实际的构建情况做调整。文章里构造模块依赖树使用了 Madge 是一个很棒的工具，推荐大家使用。

• 从微组件到代码共享
  本文先从复用组件，窥探到代码共享。聊一聊中后台项目在微前端的场景下，从工程化的角度下如何跨技术栈复用业务组件，再介绍一下其它的共享代码方案。

性能优化

• Next.js 是怎么做预渲染的
  介绍了三种预渲染模式和三种混合渲染模式

• 手把手教你设计一个任务调度器
  如何实现一个任务调度器，本文从业务现状出发，考虑需要覆盖的场景，设计调度器需要提供的角色，然后确定了调度器的关键接口，同时给出了简单实现。

• 前端智能化探索，骨架屏低代码自动生成方案实践
  本文探讨骨架屏方案的优劣，以及一种前端智能化的骨架屏代码自动生成方案实践。

算法

• CONTENT-AWARE IMAGE RESIZING IN JAVASCRIPT
  如果缩放图片时宽高缩放比例不一致，会导致图像内容发生形变“失真”。使用 Seam Carving 算法可以解决这个问题，它会尽可能保持图像中“重要区域”的比例，避免由于直接缩放造成的“失真”。在实现上还需要借助动态规划算法去寻找最优 Seam。文章作者还提供了一个 Demo 工具 JS IMAGE CARVER 供大家提交自己的图片测试效果。

• 规则引擎在前端业务场景中的应用
  规则引擎其实不是新兴起的东西了，规则引擎起源于基于规则的专家系统，专家系统这东西属于人工智能的范畴，模仿人类的推理方式的推理引擎，是将逻辑规则应用于知识库以推断新信息的系统的一个组成部分。与大家比较相关的场景其实是运营活动，由于运营活动的需求迭代频繁的特性，特别适合使用规则引擎去处理。还有一些低代码系统或者中台场景，规则引擎的引入能减少大量人工编码的工作。文中推荐了 json-rules-engine 规则引擎框架作为前端业务场景的首选。

• 机器学习常用术语总结
  按照 alphabet 顺序整理的机器学习常用术语，比较全面，方便大家快速查找学习。

微前端

• 从零开始写一个微前端框架
  这篇文章从零开始搭建一个微前端框架，从技术选型开始，逐步为读者展现了一个微前端框架。全篇文章分为渲染、沙盒、样式隔离、数据通信四篇。

拓展阅读

• 设计：赋予事物独特的内在意义
  这篇文章探讨了设计的定义和本质：设计是通过“赋予事物独特的内在意义”，打造一种可以感动用户的感性体验。并从心理、文化与社会层面对意义进行了解释，然后借助 Artemide 灯具、OriginOS、蔦屋书店等例子说明如何赋予事物意义。

• Jamstack ，你真的了解它吗？
  介绍了什么是 Jamstack 以及它的适用场景，最后结合国内市场的情况给出了自己的判断：Jamstack 会是企业级框架的核心特性而非唯一，混合渲染是未来方向。关于 Jamstack 更详细的介绍参考这篇文章：https://zhuanlan.zhihu.com/p/281085404

• 工作五年反思
  李沐的经验总结

• 【MIT公开课】The Missing Semester of Your CS Education 2020
  命令行工具版本控制、编辑器、debug 调试等内容对开发效率影响巨大，但没有受到足够的重视

编辑：梅旭光 审阅：胖总&Mr.Q&三水清