胡洁辉

大家都知道，程序中的所有信息都是以二进制的形式存储在计算机的底层，也就是说我们在代码中定义的一个 char 字符或者一个 int 整数都会被转换成二进制码储存起来，这个过程可以被称为编码，而将计算机底层的二进制码转换成屏幕上有意义的字符（如“hello world”），这个过程…

没多少人能记住上面的定义，需要注意的是本文不是专业讨论系统架构的文章，笔者也还没到那个水平. 所以暂时没必要纠结于什么是架构模式、什么是架构风格。在这里尚且把它们都当成一个系统架构上的套路, 所谓的套路就是一些通用的、可复用的，用于应对某类问题的方式方法. 可以理解为类似“设计…

本篇文章的目的：不会平铺去介绍 Devtools 的使用方法，而是通过分享一些实用的小技巧，帮助大家更愉快的使用 DevTools 工具 来进行日常 Debug。

本文着眼于梳理业界微前端技术的发展脉络、在主流产品中的应用情况，以及目前不同技术方案之间的架构和核心原理对比，只关注精华部分，不纠结于技术细节，帮大家快速建立起对微前端整体上的认识。

当前，基于 vue、react、angular 的单页应用开发模式已经成为业界主流。受益于它们丰富的生态，我们可以使用这些技术快速构建一个新的应用，迅速响应市场。随着公司业务的不断发展，应用开始变得庞大臃肿，逐渐成为一个巨石应用，难以维护不说，每次开发、上线新需求时还需要花费不…

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…

因为我这个项目是 自己搭建的 webpack 使用的是vue框架，所以我很自然的想到 svg-sprite-loader 这个svg处理的神器，配置超级简单，基本度娘都有标准的写法，什么？还让我去百度，那我看你干嘛。 等等先别走，还有一点就完事了，你要关掉了后面的内容咋看。注意…

日常生活离不开网络，而较差的网络环境令人焦虑。衡量网络的指标有哪些？如何通过 JS 实现网络情况的监测？让我们一起来阅读这篇《JS 实现网络测速》吧。

在我们开发组件库之前，我们需要对项目的基础架构以及我们选用的技术栈做一个简单的了解，以此来让我们在后续的正式编码环节可以更加轻松的进入到正式开发的节奏。