智联大前端

10

深度分析前端构建工具：Vite2 v.s Snowpack3 v.s. Webpack5

• 智联大前端   3月9日发布
• 4 收藏

而在Vite之前，还有Snowpack也同样采用了No-Bundler构建方案。那么No-Bundler模式与传统老牌构建工具Webpack孰优孰劣呢？能否实现平滑迁移和完美取代？

1

Koa中间件体系的重构经验

• 智联大前端   2月22日发布
• 1 收藏

智联招聘的大前端Ada提供的Web服务器可以同时运行在服务器端及本机开发环境，其内核是Web框架Koa。Koa以其对异步编程的良好支持而声名在外，而同样让人称道的还有它的中间件机制。本质上，Koa其实是一个中间件运...

3

使用 async_hooks 模块进行请求追踪

• 智联大前端   1月27日发布
• 1 收藏

async_hooks 模块是在 v8.0.0 版本正式加入 Node.js 的实验性 API。我们也是在 v8.x.x 版本下投入生产环境进行使用。

6

智联招聘的微前端落地实践——Widget

• 智联大前端   1月12日发布
• 收藏

ThoughtWorks在几年前提出了微前端的概念，其核心理念是将前端单体应用在开发阶段拆分成多个独立的工程，并在运行阶段组合成完整的应用。不仅解耦了视图和代码，使得应用可以容纳多种技术栈，还进一步解耦了流程...

21

前端异常监控 Sentry 的私有化部署和使用

• 智联大前端   1月6日发布
• 11 收藏

Sentry 为一套开源的应用监控和错误追踪的解决方案。这套解决方案由对应各种语言的 SDK 和一套庞大的数据后台服务组成。应用需要通过与之绑定的 token 接入 Sentry SDK 完成数据上报的配置。通过 Sentry SDK 的配...

15

解密智联招聘的大前端架构Ada

• 智联大前端   2020-11-30 发布
• 5 收藏

Ada是智联招聘自主研发的演进式大前端架构。于2017年正式投入使用后，又经过三年持续演进，全面覆盖了从研发到运维的各个方面，具备跨技术栈工程化体系、交互式图形界面开发工具、自动化发布流程、Serverless运行...

15

如何为Electron应用实现自动更新

• 智联大前端   2020-08-31 发布
• 7 收藏

我们使用 Electron 开发了一个桌面端开发工具 Ada 工作台，提速增效前端开发，在更新比较频繁的情况下，为了使整个更新体验更为顺畅、提升工作台的升级比率，需要优化当前的更新机制，尽量做到 VSCode 的无感知更...

31

GraphQL 落地背后：利弊取舍

• 智联大前端   2020-04-14 发布
• 17 收藏

此文是作者考虑 GraphQL 在 Node.js 架构中的落地方案后所得。从最初考虑可以（以内置中间件）加入基础服务并提供完整的构建、发布、监控支持，到最终选择不改动基础服务以提供独立包适配，不限制实现技术选型，...

28

万能瀑布流

• 智联大前端   2019-12-11 发布
• 16 收藏

由于我们业务中尺寸变化情况更为复杂，如子块本身异步初始化、内部数据异步获取，且这种尺寸变化时机不可确定，为满足这种需求所以调研完成了一个通用万能的瀑布流实现。

24

读《图解设计模式》的所思所想

• 智联大前端   2019-08-05 发布
• 18 收藏

分类标准不统一，有实现思路、实现内容、模式目的等标准，甚至还有“适应设计模式”这种分类，颇有些无从分类的“自暴自弃”的味道。同时在这种分类方式下，还存在一个问题，即某设计模式的实现是会用到另一个设计模...

68

10分钟理解 Node.js koa 源码架构设计

• 智联大前端   2019-07-22 发布
• 46 收藏

koa 发布已经快 6 年的时间，作为继 express 之后 node 服务框架最大的黑马，有很多的设计思想值得我们学习，本文从简到繁逐步介绍 koa，同时适合新老手阅读。

56

读《进化：从孤胆极客到高效团队》

• 智联大前端   2019-07-04 发布
• 26 收藏

2016年，我从一家中型的IT公司离职，这短短一年经历了人生的起起伏伏。因为表现突出转正后从一名基层开发被领导提拔为部门前端方向负责人，所谓的技术leader。而就在我真的达到公司的事就是我的事的精神状态短短...

5

单元测试规范

• 智联大前端   2019-05-15 发布
• 1 收藏

单元测试文件必须拥有良好的结构和格式；测试用例的分组名称和用例名称必须清晰易懂；测试用例必须能描述测试目标的行为；优先测试代码逻辑（过程）而非执行结果；单元测试的各项覆盖率指标必须在95%以上；

58

通过HTTP Header控制缓存

• 智联大前端   2019-05-14 发布
• 37 收藏

我们经常通过缓存技术来加快网站的访问速度，从而提升用户体验。HTTP协议中也规定了一些和缓存相关的Header，来允许浏览器或共享高速缓存缓存资源。这些Header包括：