基础知识

CSR、SSR、NSR、ESR傻傻分不清楚，一文帮你理清前端渲染方案！

CSR、SSR、NSR、ESR，前端渲染方案如此纷繁复杂，其实每一种渲染方案都有其优势和劣势，一定要结合自身的业务需求，平衡好收益和成本选择适合自己的方案。

 

程序员必知的 89 个操作系统核心概念

你了解操作系统吗？

进阶知识

如何实现高性能的在线 PDF 预览

我们在程序设计中，遇到请求数据较大、任务执行时间过长等场景时很容易想到通过数据切分、任务分片等方式来提升程序在系统中的执行&响应效果。本文介绍的问题便是将大的 PDF 文件拆分，然后根据用户的交互行为按需加载，从而达到提升用户在线阅读体验的目的。

 

用SVG实现一个优雅的提示框

Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、*度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。

系统实践

前端性能优化：当页面渲染遇上边缘计算

当前几种常见的前端性能优化方案仍然不可避免地会存在一些缺点。本文在 ESI (Edge Side Include) 的基础上，提出了一种新的优化思路：边缘流式渲染方案（ESR），即借助 CDN 的边缘计算能力，将静态内容与动态内容以流式的方式，先后返回给用户。

 

如何使用深度学习识别 UI 界面组件？

本文介绍了使用机器学习的方式来识别 UI 界面元素的完整流程，包括：现状问题分析、算法选型、样本准备、模型训练、模型评估、模型服务开发与部署、模型应用等。

系统设计

支付宝小程序 V8 Worker 技术演进

本文分享支付宝小程序 V8 Worker 相关工作沉淀和总结，包括技术演进、基础架构、基础功能、以及 JS 引擎能力输出，以及一些优化方案等。

新鲜工具

vite —— 一种新的、更快地 web 开发工具

Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打。

技术展望

W3C 工作重点：媒体和娱乐标准

W3C 媒体和娱乐标准活动主要模板包括：加强核心媒体技术，该目标对应到文中的“字幕”、“媒体渲染”和“第二屏”部分；减少碎片化，如文中“设备互联互通”部分所述；创造未来，如文中“沉浸式媒体”和“媒体分发”部分介绍。