- 博客(41)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 web前端月刊-39期(202107)
JS 是怎样运行起来的？本文主要分析比较主流的 V8 引擎是怎样运行 Js 的。面向未来与浏览器规范的前端DDD架构设计本文通过技术背景、能力实现、业务落地、未来展望四个部分内容，分享讨论更优雅的借助浏览器原生能力将微前端的粒度做到组件级别。抽象泄漏（Leaky Abstractions）这篇文章将会介绍：什么是抽象泄漏法则、抽象机制如何“泄漏”、开发者如何应对抽象泄漏。你可能并不需要微前端本文梳理了作者对微前端的相关观点，然后概况了什么场景可能需要微前端，什么场景可能不需要微前端。47 张
2021-08-13 12:08:03
164
原创 web前端月刊-38期(202106)
WebContainers简介：在你的浏览器中运行Node.jsWebContainers介绍。漫画：前端发展史的江湖恩怨情仇很多前端打工人对于前端的历史了解甚少，本文将用漫画的形式带你倒回历史的长河，一起领略前端发展史的江湖风云纠纷、恩怨情仇…详解JavaScript执行过程js代码的执行，主要分为两个阶段：编译阶段、执行阶段!本文详细解读了JavaScript的执行过程（本文所有内容基于V8引擎）。业务中的前端组件化体系本文试图围绕“在一个业务体系中，组件化体系到底应该如何去做？”给出一些
2021-08-13 12:07:16
213
原创 web前端月刊-37期(202105)
[万字总结] 一文吃透 Webpack 核心原理Webpack核心原理解析，包括核心流程解析、生成阶段、资源形态流转、Plugin解析、Loader等解析。搜索引擎工作原理对搜索引擎工作过程的三个阶段（对网页进行抓取建库、预处理、给搜索结果进行排名）介绍。写给前端的编译原理科普前端编译原理科普介绍。突破web 应用研发效能的叹息之墙这篇文章的内容分成两个部分： 对架构的关键部分的详细设计以及实现，架构对对工程质量、项目管理产生的意义JavaScript Debugger 原理揭秘本文介绍了
2021-06-06 18:36:43
190
2
原创 web前端月刊-36期(202104)
Vuex源码阅读过程分享Vuex源码详细解析及阅读过程分享。构建一个浏览器引擎本文通过亲自动手实践，教你一步一步实现一个迷你版浏览器引擎，进而深入理解渲染引擎的工作原理，干货满满。五分钟带你了解 Web 技术发展历程本文将沿着时间线，从“发现问题-解决问题”的角度，带领大家了解 Web 技术发展的关键历程，了解典型技术的诞生以及技术更迭的缘由，思考技术发展的原因。1.5 万字 CSS 基础拾遗]本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。ToB 前端 CI/CD 建设实践
2021-05-07 16:19:52
156
原创 web前端月刊-35期(202103)
新兴前端框架 Svelte 从入门到原理本文介绍了Svelte框架的特性、优缺点和底层原理，并和React，Vue进行了一些对比。Node.js 并发能力总结Node.js有多重并发的能力，包括单线程异步、多线程、多进程等，这些能力可以根据业务进行不同选择，帮助提高代码的运行效率。Flexbox布局中不为人知的细节这篇笔记涉及到了Flexbox规范中的大部分内容以及一些临界点，非常细节。写给前端的手动内存管理基础入门（一）返璞归真：从引用类型到裸指针从「基础类型」和「引用类型」说起，介绍指针类
2021-04-05 15:35:16
162
原创 web前端月刊-34期(202102)
SPA 路由三部曲之核心原理本文详细地介绍了前端路由知识，并一步一步的带领大家探索前端路由的实现原理。深入浅出前端本地储存Cookie、Web Storage、IndexedDB这三种方案的历史，优缺点，以及各自在今天的适用场景。有道云笔记新版编辑器架构设计（上）有道云笔记新版编辑器的技术选型、架构和部分实现细节拿出来分享给大家，希望对大家开发富文本编辑器、做复杂系统的架构设计有一定参考意义。有道云笔记新版编辑器架构设计（下）有道云笔记新版编辑器架构设计细节。TypeScript 高级用法
2021-03-10 10:14:53
156
1
原创 web前端月刊-33期(202101)
CSS现状和如何学习CSS现状和如何学习，希望对于新接触CSS或对CSS感兴趣的同学有所帮助。盒马中后台跨端方案探索盒马中后台的跨端体验解决方案。了不起的 JavaScript 内存学习指南本文主要包含两大部分：JavaScript内存详解和内存分析指南。RxJS：给你如丝一般顺滑的编程体验RxJS相关说明书。探索 Vue.js 响应式原理本文首先通过回顾观察者模式和 Object.defineProperty() 方法，介绍 Vue.js 响应式原理的核心知识点，然后带大家实现一个简单响
2021-02-22 11:48:26
105
原创 web前端年刊-2020年(88篇精选文章)
2020年web前端年刊，收录了包括JavaScript、Node.js、CSS；浏览器、网络、性能优化；前端框架、小程序；前端相关知识、原理、实践；前端相关思考；微前端、Serverless、中台、微服务；技术实现、原理、基本知识；其它实践经验、开发思想、心得总结；方面的好文。JavaScript、Node.js、CSS：Node.js 模块系统源码探微本文剖析了部分核心源码实现，方便读者了解Node.js模块加载过程的一些实现，比如CommonJS规范实现、模块定位和加载策略、文件解析和编译执.
2021-01-11 11:00:08
1338
原创 web前端月刊-32期(202012)
CSS变量对JS交互组件开发带来的提升与变革通过CSS变量实现交互组件开发的新思路。前端发展史的江湖恩怨情仇本文将用漫画的形式带你倒回历史的长河，一起领略前端发展史的江湖风云纠纷、恩怨情仇…大规模采用 TypeScript 之后的 10 个见解在这篇文章中，将分享彭博社工程部采用TypeScript作为首选开发语言，在迁移过程中学到的经验教训以及一些见解。滨江前端沙龙分享：前端团队研发效能提升的探索与实践丁香园前端团队研发效能提升的探索与实践。EMP微前端解决方案来自欢聚时代EMP微前端解
2021-01-04 21:32:41
209
1
原创 web前端月刊-31期(202011)
开源富文本编辑器技术的演进作者主要从技术实现以及编程思想的演变，介绍编辑器这10年间的变化与发展。CodeSandbox是如何让npm上的模块直接在浏览器端运行的作者首先介绍CodeSandbox刚开始是怎样做的并遇到的一些问题，然后现在做到了一个什么程度，以及未来还可以继续做哪些改进。知乎部署系统演进本文按时间顺序，对知乎部署系统的功能演进进行介绍。聊一聊二维码扫描登录原理本文共三个主题：什么是二维码、移动端基于 token 的认证机制、二维码扫码登录的原理。谈谈微前端领域的js沙箱实现机
2020-12-06 20:25:54
161
1
原创 web前端月刊-30期(202010)
适合Vue用户的React教程，你值得拥有将React与Vue的用法做的一个对比，通过对比方便使用Vue的小伙伴可以快速将Vue中的写法转换为React的写法。细数九种常见的设计模式结合一些生活中的场景并通过精美的配图，来向大家介绍 9 种常用的设计模式，并附带代码和应用场景及案例。前端中台化，把格局做大——NodeJS 和测试服务探索这篇文章我们介绍了 NodeJS 助力传统端到端测试，最终实现破局和创新的双赢项目案例。前端模块化的十年征程从前端模块化的时间线出发，介绍前端模块化是如何演进。
2020-12-06 20:25:02
185
2
原创 web前端月刊-29期(202009)
这才是真正的 Git——分支合并本文通过讲解三向合并和 Git 的合并策略，step by step 介绍 Git 是怎么做一个合并的，让大家对 Git 的合并结果有一个准确的预期，并且避免发生合并事故。现代浏览器内部揭秘之一现代浏览器内部揭秘系列由四部分组成，本文是此系列的第一部分，将介绍核心计算术语与 Chrome 的多进程体系架构。现代浏览器内部揭秘之二现代浏览器内部揭秘系列由四部分组成，本文是此系列的第二部分，将更深入研究每个进程和线程如何进行通信以展示网站。现代浏览器内部揭秘之三现代
2020-10-09 11:16:36
256
1
原创 web前端月刊-28期(202008)
解读HTTP/2与HTTP/3 的新特性本文介绍了HTTP/1.1的缺陷、HTTP/2的新特性以及基于UDP的HTTP/3的简介。了不起的 IoC 与 DI本文带你一起探索面向对象编程中 IoC（控制反转）和 DI（依赖注入） 的设计思想。语雀的技术架构演进之路本文从技术架构的视角，回顾了语雀的原型、内部服务和对外商业化的全过程，并对函数计算在语雀架构演进过程中所扮演的角色做了详细的介绍。这才是真正的Git——Git内部原理揭秘！本文以一个具体例子结合动图介绍了Git的内部原理，包括Git是什
2020-09-07 12:08:10
135
原创 web前端月刊-27期(202007)
你不知道的 Web Workers （上）进程与线程、浏览器内核、Web Workers相关的基础知识。玩转混合加密本文介绍如何对数据进行加密，涉及常用对称加密（aes）、非对称加密（rsa）、消息摘要算法（md5）等。《编程时间简史系列》Web Server 编年史本文将会讲述 Web 服务端技术的萌芽和演进过程，旨在使读者能更清晰地掌握 Web 服务端技术的发展脉络。前端架构鉴赏01：Angular 架构模式与最佳实践本文讲述了设计Angular应用架构的一些思路。前端架构鉴赏02：可拓
2020-08-04 10:23:43
161
原创 web前端月刊-26期(202006)
前端架构 101：在谈论它们之前我们需要达成的共识前端架构系列，本文作为系列的第一篇《共识篇》。前端架构 101： MVC 初探前端架构系列，本文作为系列的第二篇《MVC篇》。前端架构101：MVC启示录 - 模块的职责，作用域和通信前端架构系列，本文作为系列的第三篇《模块的职责、作用域和通信》。前端架构101：MVC的不足与Flux的崛起前端架构系列，本文作为系列的第四篇《MVC的不足与Flux的崛起》。深入理解 Vue3 Reactivity APIVue3 Reactivity AP
2020-07-06 15:55:08
142
原创 web前端月刊-25期(202005)
Serverless 服务选型本篇文章尝试以日常开发流程为起点，分析每个阶段面对的问题，然后提炼面向 Serverless 的开发模型，为开发者采用 Serverless 架构和服务提供参考。2020前端性能优化清单之一这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍准备工作、选择正确的指标、定义环境。2020前端性能优化清单之二这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍资源优化（文本、图像、字体）。2020前端性能优化清单之三这份前端性能优化清单自201
2020-06-02 14:34:51
225
原创 web前端月刊-24期(202004)
图解常用的 Git 指令含义一些常用Git指令的图解说明，非常通俗易懂。200 行 JS 代码，带你实现代码编译器本文从编译器概念和基本工作流程开始介绍，然后详细介绍了核心工作流程实现，包括「词法分析器」、「语法分析器」、「遍历器」等。理解transform中的matrix本文探讨transform中的matrix背后原理。微前端在企业级应用中的实践(上)本文讲述了微前端的起源以及w...
2020-05-05 21:31:21
206
原创 Node.js框架LoopBack 3入门教程
前言由于国内LoopBack框架普及度不高，能搜索到的相关博文也很少，因此一般都是看官方的文档。官方文档目前是没有中文版本的，有一定的理解成本，再一个就是官方文档细节部分有一定缺失，需要非常熟悉才完成相关功能开发和扩展。为此通过自己对LoopBack学习的过程总结整理成文章分享，目的是能降低LoopBack的入门学习门槛、能让开发者减少入门时间，从而更快的上手loopback。概述LoopB...
2020-04-07 10:39:42
1061
原创 web前端月刊-23期(202003)
如何推动基础架构项目落地建设基建团队、基建落地方法论、落地案例。如何推动前端团队的基础设施建设业界关于前端系统性基建建设的分享输出并不多，希望本次这些个人角度沉淀的文字，能为一些同学带来一些启示，产生一些改变。WebAssembly 与 Kubernetes双剑合璧WebAssembly技术已经走出浏览器，让计算无处不在。利用containerd的扩展机制，可以为WebAssembly应...
2020-04-07 10:36:28
168
原创 web前端月刊-22期(202002)
一文搞懂主流的扫码登录技术原理本文简要的介绍了扫码登录功能的技术实现逻辑，并实际结合淘宝、微信的扫码登录功能，介绍了大厂主流应用的技术实现思路。Dan Abramov：我的十年回顾Dan Abramov的十年回顾。(Dan Abramov：React核心开发，Redux作者)深入浅出分布式唯一ID分布式唯一ID和snowflake雪花算法介绍爱奇艺号如何基于Vue定制开发微前端框架？...
2020-04-07 10:35:24
196
原创 web前端月刊-21期(202001)
Node.js 模块系统源码探微本文剖析了部分核心源码实现，方便读者了解Node.js模块加载过程的一些实现，比如CommonJS规范实现、模块定位和加载策略、文件解析和编译执行。十分钟上手 ES2020 新特性ES2020是ECMAScript对应2020年的版本，本文对ES2020新的特性做了解读。Service Mesh 浅析：从概念、产品到实践本文从概念介绍开始，让大家理解Ser...
2020-04-07 10:34:02
159
原创 web前端年刊-2019年(90篇精选文章)
2019年web前端年刊，收录了包括JavaScript、框架和小程序、Node.js、浏览器和网络及性能优化、微前端和Serverless、实践经验和开发思想、前端工程、数据结构与算法等方面的好文。JavaScript：JavaScript 代码简洁之道来自Github项目clean-code-javascript的翻译文章，文章作者根据自己的理解对原文进行了一些修改。JavaScr...
2020-01-05 14:38:20
1343
原创 web前端月刊-20期(201912)
我的前端成长之路来自于玉伯的分享：全情投入、守正出奇、愿等花开。腾讯CDC团队：前端异常监控解决方案本文主要是对前端异常监控的整体框架进行了研究，没有涉及到具体的技术实现。NGW，前端新技术赛场：Serverless SSR技术内幕腾讯NOW直播IVWEB团队Serverless同构直出渲染方案实践。JavaScript中的位运算和权限设计以Linux文件系统权限为例，介绍位运算在权...
2020-01-03 13:33:57
180
原创 web前端月刊-19期(201911)
我的前端成长之路来自于玉伯的分享：全情投入、守正出奇、愿等花开。腾讯CDC团队：前端异常监控解决方案本文主要是对前端异常监控的整体框架进行了研究，没有涉及到具体的技术实现。NGW，前端新技术赛场：Serverless SSR技术内幕腾讯NOW直播IVWEB团队Serverless同构直出渲染方案实践。JavaScript中的位运算和权限设计以Linux文件系统权限为例，介绍位运算在权...
2019-12-05 13:40:38
206
原创 web前端月刊-18期(201910)
面向对象之 7 大基本原则（JS版）单一职责、开闭原则、里氏替换、依赖倒置、接口隔离、迪米特法则等基本原则介绍。从传纸条轻松学习到基本网络概念透过传纸条的小故事，来描述网络概念，让大家理解什么是TCP/IP、HTTP及跟网络有关的东西，阅读起来非常轻松易懂。解读HTTP/2与HTTP/3 的新特性文章介绍了HTTP/1.1存在的主要缺点，HTTP/2解决了HTTP/1的哪些问题和存在的缺...
2019-11-06 14:07:18
124
原创 web前端月刊-17期(201909)
小程序底层实现原理及一些思考作者实现小程序的底层时，在架构与技术方向层面的思考和决策。浏览器垃圾回收机制与 Vue 项目内存泄漏场景分析浏览器垃圾回收机制的常规介绍以及Vue项目内存泄漏常见的场景总结。Google 官方-如何去做code review来自Google的code review实践。浅析Typescript设计模式常规设计模式介绍。蚂蚁金服Node.js基础服务 - ...
2019-10-08 12:04:17
102
原创 web前端月刊-16期(201908)
你未必知道的49个CSS知识点如题，难得一篇css文章。Deep In React 系列之详解 React 16 的 Diff 策略这是Deep In React 系列的第二篇文章，如果还没有读过的强烈建议你先读第一篇：详谈 React Fiber 架构(1)。Chrome架构：仅仅打开了1个页面，为什么有4个进程? 本文从Chrome进程架构的视角，分析了浏览器的进化史，随着Chrom...
2019-09-03 22:38:02
131
原创 web前端月刊-15期(201907)
精读《Vue3.0 Function API》再谈Vue3.0 Function API，并解读了Function API + Hooks和React Function Component + Hooks的对比。微前端如何落地？关于设计微前端架构模式的讨论。『多图警告』手撕排序算法 - 前端进阶必备常见的排序算法介绍。浏览器渲染基本原理解析主要讲解了浏览器主要组成与浏览器线程、渲染过...
2019-08-02 15:44:35
158
原创 web前端半年刊-2019年上半年(42篇精选文章)
JavaScript：JavaScript 代码简洁之道来自Github项目clean-code-javascript的翻译文章，文章作者根据自己的理解对原文进行了一些修改。JavaScript 的数据类型及其检测比较全的一篇数据类型基础知识介绍。前端进击的巨人（一）：执行上下文与执行栈，变量对象文章有助于理解什么是执行上下文，详解了执行栈的规则和执行上下文的生命周期过程。如何编写高...
2019-07-04 10:26:50
493
原创 web前端月刊-14期(201906)
JavaScript 究竟是如何工作的？（第一部分）本文可以帮助你理解 JavaScript 的工作原理，还能从大体上了解一门编程语言的工作原理。JavaScript 究竟是如何工作的？（第二部分）第二部分着重介绍了内存管理方面的知识。让你的网页更丝滑（全）作者分享了什么样的网页是用户觉得比较流畅的、什么叫像素管道，然后介绍了主动交互、被动交互的性能优化方案。用 JS 开发跨平台桌面应...
2019-07-04 10:25:43
131
原创 使用svelte3框架项目实践
通过上篇《svelte3前端框架入门教程》介绍我们知道，svelte是编译时框架，很明显的优势是编译后不依赖框架库，最后运行时代码得以进一步减少，同时它也是响应式的。虽然目前并没有太多的实践项目，但是我觉得这个明显的优化收益值得思考它的使用场景。背景在这个月，我接到了一个前端任务，是一个关于客户端路由器预订活动的前端功能开发。路由器预订分为路由器商品详情页面、快递表单提交页面、支付页面、订...
2019-06-24 18:16:32
2994
原创 svelte3前端框架入门教程
一、概述svelte是一个组件框架，相对于传统界面框架React、Vue比较，最重要的区别是编译时与运行时。svelte是一个编译时框架，在构建时会将组件转换成高效率执行的命令代码，这样使得更新Dom更有效率，而传统框架浏览器必须做额外的工作才能将声明性代码转换为DOM操作，另外由于运行时可以用于优化的信息不足，大多数时候效率不及svelte。svelte作为一种构建用户界面的全新方法，其特点如...
2019-06-24 18:15:32
3189
原创 融云SDK实现类QQ即时通讯的前端开发
一、概述接到一个需求，需要在我们的客户端里实现类似QQ的社交功能，以方便玩家之间的沟通互动。我们的客户端是C++实现的，在开会讨论考虑到成本和时间问题，实现这个功能的任务交个了前端。为了简化说明，我将实现的功能简化成了消息列表、聊天对话框、聊天室三大功能，并且只有基础功能，界面如下的原型图。二、技术调研由于后端方面确定用第三方IM SDK实现核心即时通讯的通讯功能，于是我和后端开始收集第...
2019-06-06 14:12:11
612
原创 web前端月刊-13期(201905)
进阶必备的网络基础如果你对网络基础还不太了解，文章的内容可以给你提供一个思路。Web Component可以取代你的前端框架吗？对Web Component的介绍和使用，最后总结了使用原生web components的好处。浅谈小程序运行机制从小程序的由来，到双线程的出现、设计、通信、到基础库、Exparser 框架、再到运行机制、性能优化等等方面，来看小程序的运行机制和它的整体技术架构...
2019-06-01 15:19:42
223
原创 web前端月刊-12期(201904)
浏览器帧原理剖析有关于将浏览器帧像素显示在屏幕上的过程里发生了什么中台微服务了，那前端呢？再谈微前端设计，本文通过保险订单销售模式设计案例来说明如何进行微前端设计，并最后总结了实施微前端的主要价值和意义。GraphQL和Thrift在Airbnb架构中的配合使用本文介绍了Airbnb在Thrift和展现服务层框架的现有架构上，前后端如何进行合作，利用GraphQL和Thrift两者的优点...
2019-05-01 11:51:34
250
原创 web前端月刊-11期(201903)
Vue性能优化：如何实现延迟加载和代码拆分？以开源项目Storefront为例，讲述了Webpack捆绑的工作原理，Vue的延迟加载、动态导入，以及vue-router、vuex的代码拆分。一文读懂HTTP/2 及 HTTP/3特性文章介绍了http协议、HTTP/1.x协议的缺陷、HTTP/2的新特性及未来HTTP/3的新特性。流水不腐，户枢不蠹 — 设计可维护可扩展的系统（上）本文重...
2019-04-01 20:03:57
99
原创 web前端月刊-10期(201902)
世界是平的吗？——从不同角度看前端在前后端分离下，前后端的唯一桥梁是接口，当一端变更后，变更同步到另一端就成了问题。从架构治理角度，文章介绍了业界探索的三种流程方案，另外介绍了研发流程下组件化实施的三种模式。Node.js 中的依赖管理npm依赖管理的dependencies、devDependencies、peerDependencies、bundledDependencies、opti...
2019-03-04 10:28:16
171
原创 web前端月刊-09期(201901)
如何设计高扩展的在线网页制作平台本文主要介绍如何设计一个高扩展的在线网页制作平台，会交代一些背景和最终的效果以及核心设计方案。前端中的 IoC 理念控制反转（Inversion of Control）是一种「思想」，作者通过一个例子来解释IoC概念，让它变得容易理解。JavaScript 代码简洁之道来自Github项目clean-code-javascript的翻译文章，文章作者根据自...
2019-01-31 11:45:06
189
原创 Ghost博客超级简单的安装搭建教程
Ghost博客介绍：Ghost是一个基于NodeJs完全开源的，用于构建和运行现代出版物的强大平台，平台支持博客、杂志、新闻等发布。它由前WordPress UI部门主管 John O’Nolan和WordPress 高级工程师（女） Hannah Wolfe 创立，目的是为了给用户提供一种更加纯粹的内容写作与发布平台，使命是为世界各地的独立记者和作家创建最好的开源工具。Ghost成立于2013...
2019-01-04 15:47:00
4065
1
原创 web前端半年刊-2018年下半年(30篇精选文章)
CSS相关：一篇全面的CSS布局学习指南非常不错的CSS布局综述类文章，汇总了各类CSS布局技术 聊聊CSS中的层叠相关概念CSS中的层叠相关概念，包括层叠上下文、层叠水平、层叠顺序等。 JS、框架：一篇文章理解 JS 继承介绍了各种js继承实现的方法及优缺点。以Vue为例，解释JavaScript的反应性以Vue为例，一步步详细的介绍了响应式系统原理，并根据...
2019-01-03 16:16:34
210
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人