前端架构

前言 我们经常需要部署一个本地服务用于模拟线上环境进行测试，这时候就会遇到各种细节问题。 nginx安装 安装nginx有很多种方式，不同的系统可以使用对应的包管理器下载安装，这里通过homebrew

前言 编译后react代码出现死循环，发现多次构建输出代码不一样。 思路 调试 JavaScript 编译流程（通常涉及 Babel、Webpack、TypeScript 等工具）需要系统性排查。以下

参考： 前端灰度发布落地方案  前端仔也需要懂的nginx内容 要进大厂？前端灰度发布必须要知道 灰度发布-上线前的最后一公里

参考： source map 居然涉及到我那么多知识盲区 JavaScript Source Map 详解

参考： 一起学跨端技术-离线包 离线包实现方案 Hybrid App 离线包方案实践解析（已开源） 携程无线离线包增量更新方案实践

参考： 写给前端的跨平台方案、跨端引擎的本质 如何做到四端统一桥接？微医跨平台桥接标准化方案了解一下

单元测试 别说你不会单元测试（一）认识单元测试 那些年错过的React组件单元测试（上） 手摸手带你走入前端单元测试 前端测试：Part II （单元测试） e2e测试 参考： 你需要知道的jest测

参考： 从一次重构组件代码来谈谈前端多语言最佳实践 Vue多语言实战 react-intl 实现 React 国际化多语言 React项目国际化(antd)多语言开发

参考： EMP微前端方案全面使用指南 字节跳动面试官:你是怎么理解微前端？ 如何“取巧”实现一个微前端沙箱？

前言 HTTP 协议基于文本传输，字符编码将文本变为二进制，二进制编码将二进制变为文本。TCP 协议基于二进制传输，数据读取时需要处理字节序。本文将介绍常见的字符编码、二进制编码及字节序，并一探 Go

一、工程化 1.规范 2.CI/CD流程建设 3.自动化测试 4.私有npm源 二、代码架构 1.组件库 2.可视化监控系统、埋点 3.可视化插件平台 4.自定义脚手架 5.微前端 参考： 大型项目前

参考： 如何优雅处理前端异常？ 面试官：请用一句话描述 try catch 能捕获到哪些 JS 异常 前端的水平线，错误处理和调试

参考：手把手教你写一个脚手架来手写一个自己的脚手架吧｜项目复盘如何搭建一个属于自己的脚手架（第二弹）

前言 现在，我们要开始构建一个可视化插件平台sdk，用于提供各个应用通用工具层，如小程序、公众号、快应用、后台管理网站、官网、混合app。 参考： 谈谈如何设计一个插件（Plugin）体系 常用chr

参考： 前端与编译原理——用 JS 写一个 JS 解释器 V8引擎详解（二）——AST 平庸前端码农之蜕变 — AST 阿里妈妈出的新工具，给批量修改项目代码减轻了痛苦 「GoGoCode 实战」一口

参考： JS Bridge 通信原理与实践 前端工程师所需要了解的WebView 一篇文章了解JsBridge之IOS篇 【必读】前端需要懂的 APP 容器原理 深入浅出JSBridge：从原理到使用

参考： 设计稿（UI视图）自动生成代码方案的探索 【工具】推荐一款切图神器，设计稿一键导出 Vue/微信小程序 代码

参考： 前端业务组件库技术实现的三个关键点 [译] 前端组件设计原则 可视化拖拽组件库一些技术要点原理分析 从 Element UI 源码的构建流程来看前端 UI 库设计 如何快速为团队打造自己的组件

参考： 前端鉴权方式 OAuth 2.0 的四种方式 傻傻分不清之 Cookie、Session、Token、JWT 前端鉴权的兄弟们：cookie、session、token、jwt、单点登录 前端

参考： 前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 移动端高清、多屏适配方案