滴滴前端技术

最近在学习 babylon 的词法解析，发现了一段很有趣的代码，百思不得其解。 从方法名可知，目的是为了获取某个字符的 unicode 编码单元（code point）。按道理，通过 charCodeAt 方案就可以返回某个字符的编码单元，后面的 if 语句的作用是什么？ 遇到…

距离 BetterScroll v1 版本发布，至今已经 3 年多，由于它在移动端良好的滚动体验与性能以及多种滚动场景的支持，深受社区的青睐。用户也可以基于 BetterScroll 抽象出各种复杂的业务滚动组件，期间依托于 BetterScroll，我们还开源了基于 Vue2…

与目前业内的几个小程序框架相比较而言，mpx 开发设计的出发点就是基于原生的小程序去做功能增强。所以从开发框架的角度来说，是没有任何“包袱”，围绕着原生小程序这个 core 去做不同功能的 patch 工作，使得开发小程序的体验更好。 于是我挑了一些我非常感兴趣的点去学习了下 …

在开始前，为了避免部分歧义，先统一下对提交记录的认识：我们都知道每个提交记录都会有唯一对应的一个 40 位字符串，这是 Git 根据我们的提交内容利用 SHA-1 算法计算出来的哈希值。这个 40 位的字符串，有人称 id 或 哈希值 或 校验和 或 SHA-1 值。因为 SH…

markdown-it 是一个 parser。它接收一些字符串，并且经过内部的 rule 函数处理之后，调用 render 之后输出 HTML 字符串。既然是接受字符串，那么如下所见 输入一定格式的字符串给 md，输出 HTML 字符串，只要将其 append 到 DOM Tr…

经过前几篇文章我们介绍了 webpack 如何从配置文件的入口开始，将每一个文件转变为内部的 module，然后再由 module 整合成一个一个的 chunk。这篇文章我们来看一下最后一步 —— chunk 如何转变为最终的 js 文件。 上篇文章主要是梳理了在 seal 阶…

webpack 对于不同依赖模块的模板处理都有单独的依赖模块类型文件来进行处理。例如，在你写的源代码当中，使用的是ES Module，那么最终会由 HarmonyModulesPlugin 里面使用的依赖进行处理，再例如你写的源码中模块使用的是符合 CommonJS Modul…

插件扩展了在 md 文件里面识别 emoji 的能力。一般 emoji 的语法是 :名称:。名称一般是指定的英文或者数字，同时还支持一些 shortcuts。例如 而 MarkdownIt 的 use 的逻辑很简单，就是调用 use 传入的第一个参数，它是一个函数，这函数会被调…

在所有 Parser 编译生成完 tokens 的时候，就传给 Renderer.render 方法了。我们来看下 Renderer 的定义。它位于 lib/renderer.js。 default_rules 对象存在不同类型的 token 渲染函数。 再来细看 render…