第 103 期 - VueUse useFetch 功能与实现解析FRONTALK AI/6 分钟文章主要介绍了VueUse中useFetch函数的功能,包括请求发送、响应处理、状态管理、钩子函数、取消请求、超时设置以及各种请求方法和返回内容格式的设置等,逐步展示了useFetch函数的实现过程。
第 102 期 - Wasm 与 WebGL 在抖音前端互动技术中的应用与创新FRONTALK AI/10 分钟本文介绍了Wasm和WebGL在抖音前端互动技术中的创新应用,包括Simple渲染引擎、Lottie WebGL渲染、WebGL帧差序列帧等方面的内容,展示了相关技术的性能优势、兼容性等,并对未来发展进行了展望。
第 101 期 - Webpack5 打包原理及简易实现FRONTALK AI/16 分钟本文介绍了Webpack5的核心打包原理,包括初始化参数、编译准备、模块编译、完成编译和输出文件等阶段,还通过创建目录、编写插件等操作实现了一个简易版的Webpack
第 100 期 - Babel 的架构与 ECMAScript 标准化FRONTALK AI/11 分钟本文介绍了Babel的基本情况,包括它是什么、转译过程、微内核架构以及相关模块,还阐述了ECMAScript标准化相关内容,如发展历程、版本、阅读方式等,最后总结了Babel在设计思路和与标准规范配合方面值得学习之处。
第 99 期 - The Problem with TypeScript's Method Shorthand Syntax FRONTALK AI/4 分钟文章对比了TypeScript中方法简写和对象属性两种语法,阐述方法简写语法因双变性可能导致运行时错误,建议使用对象属性语法,还提到可利用ESLint规则避免方法简写语法。
第 98 期 - 解读 React 19 源码中的 Diff 算法FRONTALK AI/7 分钟作者因辅导学生面试重读React 19源码中的Diff算法,介绍函数缓存优化、Fiber链表结构、深度优先遍历、更新机制等内容,还提及Diff算法对运用Next.js的影响以及对高级程序员的重要性。
第 97 期 - Tango 低代码引擎沙箱能力剖析FRONTALK AI/9 分钟本文主要讲述Tango低代码引擎的沙箱能力,阐述其采用CodeSandbox沙箱能力的原因、沙箱基本结构与工作流程、相关优化改造、如何接入Tango沙箱,还提及Tango的开源进展。
第 96 期 - bpmn - js 中 ElementFactory、ElementRegistry 和 GraphicsFactory 模块解析FRONTALK AI/8 分钟本文解析bpmn - js中的ElementFactory、ElementRegistry和GraphicsFactory模块功能、依赖、源码等,包括元素创建、SVG操作、关系管理,也涉及object - refs库、BaseRenderer、DefaultRenderer和Styles模块相关内容。
第 95 期 - 前端监控体系搭建全解析FRONTALK AI/14 分钟本文围绕前端监控体系搭建展开,阐述了做前端监控的原因、监控目标、流程、埋点方案,还详细介绍了采集脚本编写涉及的错误监控、接口异常采集、白屏检测、性能指标等多方面内容,并探讨了性能监控指标、线上错误监控、内存泄漏相关问题以及Node的性能监控。
第 94 期 - Rollup 构建后的输出流程解析FRONTALK AI/7 分钟文章阐述Rollup构建完成后的输出流程,包括Module排序、循环引用检测、Chunk生成、内容生成以及输出生命周期,还提及目前内容只是宏观层面,后续将讲述TreeShaking等更多内容。
第 93 期 - Babel 的架构与 ECMAScript 标准化FRONTALK AI/8 分钟本文介绍了Babel的简介、微内核架构、运行时相关模块,还探讨了ECMAScript标准化等内容,阐述了Babel的设计思路与标准规范的配合值得借鉴之处。
第 92 期 - 腾讯文档前端工程架构改造全解析FRONTALK AI/18 分钟腾讯基础开发中心负责腾讯文档相关业务,面临多仓库开发效率低、维护成本高的问题。文章讲述了针对老旧工程架构的改造实践,包括npm包自动化发布、组件库构建优化、大仓脱困尝试以及防止代码劣化的措施等。
第 91 期 - Vue3 的架构改进与响应式原理剖析FRONTALK AI/11 分钟本文对比了Vue2和Vue3,介绍了Vue3在结构、模块管理、打包方面的改进,阐述其设计思想,还深入剖析了Vue3中Reactivity模块的响应式源码,包括reactive、effect等的实现以及依赖收集和触发机制。
第 90 期 - HarmonyOS 中@Observed 和@ObjectLink 装饰器的嵌套类对象属性监听FRONTALK AI/5 分钟文章主要阐述HarmonyOS里@Observed和@ObjectLink装饰器在嵌套类对象属性监听方面的特性,包括监听范围、存在的问题及解决方法,并给出了DEMO示例。
第 89 期 - forwardRef 的兴衰:从争议不断到即将被弃用FRONTALK AI/5 分钟本文讲述了React中的forwardRef API,它诞生于函数组件有转发ref需求的背景下,但由于存在如在React Dev Tools中看不到组件名、与TS结合类型书写复杂、产生性能问题等诸多问题而争议不断,官方也早有弃用之意,最终会在React19中被移除,这反映了类组件失势带来的ref语义定义权的转移
第 88 期 - 精读 Vite 的 JSON 与 CSS 内置插件FRONTALK AI/6 分钟文章详细分析了Vite构建流程中JSON和CSS内置插件,介绍了构建和DEV流程加载插件的区别、JSON插件功能、CSS插件复杂逻辑,包括预处理器、postcss处理等,后续将阐述其他核心插件。
第 87 期 - VSCode 依赖注入与组件实现解析FRONTALK AI/9 分钟文章先介绍了VSCode的依赖注入架构,包括概念、相关操作等,然后阐述其组件实现,如组件通信、渲染方式等,还对比了VSCode原生开发模式与React/Vue开发模式的差异及原因
第 86 期 - B 站监控 2.0 架构的设计与实践FRONTALK AI/15 分钟B站基于Prometheus + Thanos的监控架构面临稳定性差、用户查询体验差和云上监控数据质量差等痛点,于是设计了监控2.0架构,从采集存储分离、存算分离、时序数据库选型、单元化容灾等方面进行改进,并在数据来源、采集、存储、查询等环节有新的方案,还涉及grafana版本升级、云监控方案改进和未来规划等内容
第 85 期 - Vue3.5 版本新特性全解读FRONTALK AI/9 分钟文章对Vue3.5版本的新特性做了全面解读,包括响应式相关改进、SSR服务端渲染的更新、组件相关改进等,这些新特性在特定场景下有很大用处,值得开发者升级。
第 84 期 - React19 新特性全解析FRONTALK AI/10 分钟文章主要介绍了React19在2024年12月5日发布后的新特性,包括概念方面的transition、Optimistic,新的hook如useActionState、useOptimistic、useFormStatus等,还阐述了服务端组件的相关特性、改进之处以及一些特性在用户体验和开发体验上的提升等内容。