枫星辰的博客

JS 是怎样运行起来的？本文主要分析比较主流的 V8 引擎是怎样运行 Js 的。面向未来与浏览器规范的前端DDD架构设计本文通过技术背景、能力实现、业务落地、未来展望四个部分内容，分享讨论更优雅的借助浏览器原生能力将微前端的粒度做到组件级别。抽象泄漏（Leaky Abstractions）这篇文章将会介绍：什么是抽象泄漏法则、抽象机制如何“泄漏”、开发者如何应对抽象泄漏。你可能并不需要微前端本文梳理了作者对微前端的相关观点，然后概况了什么场景可能需要微前端，什么场景可能不需要微前端。47 张

解读HTTP/2与HTTP/3 的新特性本文介绍了HTTP/1.1的缺陷、HTTP/2的新特性以及基于UDP的HTTP/3的简介。了不起的 IoC 与 DI本文带你一起探索面向对象编程中 IoC（控制反转）和 DI（依赖注入） 的设计思想。语雀的技术架构演进之路本文从技术架构的视角，回顾了语雀的原型、内部服务和对外商业化的全过程，并对函数计算在语雀架构演进过程中所扮演的角色做了详细的介绍。这才是真正的Git——Git内部原理揭秘！本文以一个具体例子结合动图介绍了Git的内部原理，包括Git是什

前端架构 101：在谈论它们之前我们需要达成的共识前端架构系列，本文作为系列的第一篇《共识篇》。前端架构 101： MVC 初探前端架构系列，本文作为系列的第二篇《MVC篇》。前端架构101：MVC启示录 - 模块的职责，作用域和通信前端架构系列，本文作为系列的第三篇《模块的职责、作用域和通信》。前端架构101：MVC的不足与Flux的崛起前端架构系列，本文作为系列的第四篇《MVC的不足与Flux的崛起》。深入理解 Vue3 Reactivity APIVue3 Reactivity AP

图解常用的 Git 指令含义一些常用Git指令的图解说明，非常通俗易懂。200 行 JS 代码，带你实现代码编译器本文从编译器概念和基本工作流程开始介绍，然后详细介绍了核心工作流程实现，包括「词法分析器」、「语法分析器」、「遍历器」等。理解transform中的matrix本文探讨transform中的matrix背后原理。微前端在企业级应用中的实践(上)本文讲述了微前端的起源以及w...

前言由于国内LoopBack框架普及度不高，能搜索到的相关博文也很少，因此一般都是看官方的文档。官方文档目前是没有中文版本的，有一定的理解成本，再一个就是官方文档细节部分有一定缺失，需要非常熟悉才完成相关功能开发和扩展。为此通过自己对LoopBack学习的过程总结整理成文章分享，目的是能降低LoopBack的入门学习门槛、能让开发者减少入门时间，从而更快的上手loopback。概述LoopB...

如何推动基础架构项目落地建设基建团队、基建落地方法论、落地案例。如何推动前端团队的基础设施建设业界关于前端系统性基建建设的分享输出并不多，希望本次这些个人角度沉淀的文字，能为一些同学带来一些启示，产生一些改变。WebAssembly 与 Kubernetes双剑合璧WebAssembly技术已经走出浏览器，让计算无处不在。利用containerd的扩展机制，可以为WebAssembly应...

一文搞懂主流的扫码登录技术原理本文简要的介绍了扫码登录功能的技术实现逻辑，并实际结合淘宝、微信的扫码登录功能，介绍了大厂主流应用的技术实现思路。Dan Abramov：我的十年回顾Dan Abramov的十年回顾。(Dan Abramov：React核心开发，Redux作者)深入浅出分布式唯一ID分布式唯一ID和snowflake雪花算法介绍爱奇艺号如何基于Vue定制开发微前端框架？...

Node.js 模块系统源码探微本文剖析了部分核心源码实现，方便读者了解Node.js模块加载过程的一些实现，比如CommonJS规范实现、模块定位和加载策略、文件解析和编译执行。十分钟上手 ES2020 新特性ES2020是ECMAScript对应2020年的版本，本文对ES2020新的特性做了解读。Service Mesh 浅析：从概念、产品到实践本文从概念介绍开始，让大家理解Ser...

2019年web前端年刊，收录了包括JavaScript、框架和小程序、Node.js、浏览器和网络及性能优化、微前端和Serverless、实践经验和开发思想、前端工程、数据结构与算法等方面的好文。JavaScript：JavaScript 代码简洁之道来自Github项目clean-code-javascript的翻译文章，文章作者根据自己的理解对原文进行了一些修改。JavaScr...

我的前端成长之路来自于玉伯的分享：全情投入、守正出奇、愿等花开。腾讯CDC团队：前端异常监控解决方案本文主要是对前端异常监控的整体框架进行了研究，没有涉及到具体的技术实现。NGW，前端新技术赛场：Serverless SSR技术内幕腾讯NOW直播IVWEB团队Serverless同构直出渲染方案实践。JavaScript中的位运算和权限设计以Linux文件系统权限为例，介绍位运算在权...

我的前端成长之路来自于玉伯的分享：全情投入、守正出奇、愿等花开。腾讯CDC团队：前端异常监控解决方案本文主要是对前端异常监控的整体框架进行了研究，没有涉及到具体的技术实现。NGW，前端新技术赛场：Serverless SSR技术内幕腾讯NOW直播IVWEB团队Serverless同构直出渲染方案实践。JavaScript中的位运算和权限设计以Linux文件系统权限为例，介绍位运算在权...

面向对象之 7 大基本原则（JS版）单一职责、开闭原则、里氏替换、依赖倒置、接口隔离、迪米特法则等基本原则介绍。从传纸条轻松学习到基本网络概念透过传纸条的小故事，来描述网络概念，让大家理解什么是TCP/IP、HTTP及跟网络有关的东西，阅读起来非常轻松易懂。解读HTTP/2与HTTP/3 的新特性文章介绍了HTTP/1.1存在的主要缺点，HTTP/2解决了HTTP/1的哪些问题和存在的缺...

Vue性能优化：如何实现延迟加载和代码拆分？以开源项目Storefront为例，讲述了Webpack捆绑的工作原理，Vue的延迟加载、动态导入，以及vue-router、vuex的代码拆分。一文读懂HTTP/2 及 HTTP/3特性文章介绍了http协议、HTTP/1.x协议的缺陷、HTTP/2的新特性及未来HTTP/3的新特性。流水不腐，户枢不蠹 — 设计可维护可扩展的系统（上）本文重...

浏览器帧原理剖析有关于将浏览器帧像素显示在屏幕上的过程里发生了什么中台微服务了，那前端呢？再谈微前端设计，本文通过保险订单销售模式设计案例来说明如何进行微前端设计，并最后总结了实施微前端的主要价值和意义。GraphQL和Thrift在Airbnb架构中的配合使用本文介绍了Airbnb在Thrift和展现服务层框架的现有架构上，前后端如何进行合作，利用GraphQL和Thrift两者的优点...

一、概述接到一个需求，需要在我们的客户端里实现类似QQ的社交功能，以方便玩家之间的沟通互动。我们的客户端是C++实现的，在开会讨论考虑到成本和时间问题，实现这个功能的任务交个了前端。为了简化说明，我将实现的功能简化成了消息列表、聊天对话框、聊天室三大功能，并且只有基础功能，界面如下的原型图。二、技术调研由于后端方面确定用第三方IM SDK实现核心即时通讯的通讯功能，于是我和后端开始收集第...

进阶必备的网络基础如果你对网络基础还不太了解，文章的内容可以给你提供一个思路。Web Component可以取代你的前端框架吗？对Web Component的介绍和使用，最后总结了使用原生web components的好处。浅谈小程序运行机制从小程序的由来，到双线程的出现、设计、通信、到基础库、Exparser 框架、再到运行机制、性能优化等等方面，来看小程序的运行机制和它的整体技术架构...

一、概述svelte是一个组件框架，相对于传统界面框架React、Vue比较，最重要的区别是编译时与运行时。svelte是一个编译时框架，在构建时会将组件转换成高效率执行的命令代码，这样使得更新Dom更有效率，而传统框架浏览器必须做额外的工作才能将声明性代码转换为DOM操作，另外由于运行时可以用于优化的信息不足，大多数时候效率不及svelte。svelte作为一种构建用户界面的全新方法，其特点如...

通过上篇《svelte3前端框架入门教程》介绍我们知道，svelte是编译时框架，很明显的优势是编译后不依赖框架库，最后运行时代码得以进一步减少，同时它也是响应式的。虽然目前并没有太多的实践项目，但是我觉得这个明显的优化收益值得思考它的使用场景。背景在这个月，我接到了一个前端任务，是一个关于客户端路由器预订活动的前端功能开发。路由器预订分为路由器商品详情页面、快递表单提交页面、支付页面、订...

你未必知道的49个CSS知识点如题，难得一篇css文章。Deep In React 系列之详解 React 16 的 Diff 策略这是Deep In React 系列的第二篇文章，如果还没有读过的强烈建议你先读第一篇：详谈 React Fiber 架构(1)。Chrome架构：仅仅打开了1个页面，为什么有4个进程? 本文从Chrome进程架构的视角，分析了浏览器的进化史，随着Chrom...

小程序底层实现原理及一些思考作者实现小程序的底层时，在架构与技术方向层面的思考和决策。浏览器垃圾回收机制与 Vue 项目内存泄漏场景分析浏览器垃圾回收机制的常规介绍以及Vue项目内存泄漏常见的场景总结。Google 官方-如何去做code review来自Google的code review实践。浅析Typescript设计模式常规设计模式介绍。蚂蚁金服Node.js基础服务 - ...

如何设计高扩展的在线网页制作平台本文主要介绍如何设计一个高扩展的在线网页制作平台，会交代一些背景和最终的效果以及核心设计方案。前端中的 IoC 理念控制反转（Inversion of Control）是一种「思想」，作者通过一个例子来解释IoC概念，让它变得容易理解。JavaScript 代码简洁之道来自Github项目clean-code-javascript的翻译文章，文章作者根据自...