前端沧海

一、前言 如果厌倦了手写各种后端调用的api文件，可以试试proto2api的ts 生成功能，一个命令自动把Protocol Buffer文件定义的各种message、en...

本文着重讲一些前端测试的进阶技巧，以及通过大量 demo 代码展示如何对较为复杂的命令行工具进行集成测试 关于测试用例每个 api 的功能，请移步官网 查看 为什么需要测试...

Rabin-Karp算法（也可以叫Karp-Rabin算法），由Richard M. Karp和Michael O. Rabin在1987年发表，它也是用来解决多模式串匹配...

一、前言 如果是Spa、Mpa的项目引入sentry会比较简单，但是如果是一个微前端架构或者Monorepo项目引入sentry就需要一点的技巧性了，否则多项目之间的sou...

一、奇异之处 在React中，setState非常奇怪，初学者都会觉得它肯定是异步的，但是在某些场景下它又是同步的，这很让人疑惑。​ 先上代码 1.1 异步场景 这是点击异...

如果要选择一个开源项目来理解virtual dom，snabbdom是一个不错的选择。snabbdom有以下几个优势。 1、VueJS的 virtual dom 部分基于s...

对于任何版本的升级都有一定的风险性，就像上述framgent库，同样的写法可能在1.0.0和1.1.0版本，没有问题，但是当fragment库升级到1.2.0原来的写法就有...

Electron很出名，很多人可能了解过，知道它是用来开发桌面端的应用，但是一直没有在项目中实践过，缺乏练手的实践项目。 很多开源的命令行终端都是使用Electron来开发...

各种js解析器是前端工程化的基石，可以说如果没有它，很多工程化都无法正常执行，我们每天用到的babel、webpack、eslint、TypeScript背后都需要一套对应...

在说js解析器前，我们需要先了解下ESTree这个项目，这个项目的初衷通过社区的力量，保证和es规范的一致性，通过自定义的语法结构来表述JavaScript的AST，后来随...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

Hello，大家好。又一周结束了，我们又如约而至。我们是好未来集团晓黑板前端团队，简称晓前端。每周五，我们都会搜罗一些有趣，有意义的事情和大家分享。如果你喜欢，欢迎关注我们...

一晃眼2020年马上就要过去了，今年感觉过的特别快。 回首过去的几年，记忆已经很模糊了，需要很用力才能想起过去一部分往事。 从大年初九开始在家远程办公，疫情对线上教育行业也...

加载优化分两种情况，一种是新用户第一次打开我们页面，这里面临的挑战是各种缓存都无法起作用，怎么保证将加载速度控制在用户可以接受的范围，提升转化率。第二种情况是老用户，这里我...

我们可以使用懒加载的方式引入模块，比如说当触发了某个条件，在通过import的方式引入模块。这样可以使得项目的性能会更加的好。 同样的路由懒加载的意思，表示当我们监听到路由...

webpack.prod.js 生产环境不需要配置这个，即使配置了这个也是无作用的。 我们为什么要做代码分割呢？举个例子。 假设我们引入了一个lodash第三方库，它的大小...

同事无一例外都是名校毕业，合作之余尽显举止优雅，谈吐得体，作为面试官收到的也几乎都是985、一本简历。相比通过写水文混进字节的我，难免有些诚惶诚恐～ 除了高学历，多才多艺是...