iHeart

我是一名来自蚂蚁金服-保险事业群的前端工程师，在一线大厂的业务部门写代码，非常辛苦但也非常充实。业务代码不同于框架代码、个人项目或者开源项目，它的特点在于逻辑复杂、前后依赖多、可复用性差、迭代周期短，今天辛辛苦苦写的代码，上线运行一周可能就下线了。能熟练书写框架代码、构建底层基…

要想理清 MarkdownIt 源码的来龙去脉，必须要清楚两个基础类—— Ruler & Token。 俗称词法单元。 md 接收一个字符串，经过一系列的 parser 的处理，变成了一个个 token，接着调用 render 对应的rule，将 token 作为输入，最后输出…

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

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…

函数可以将之前的操作结果缓存在某个对象中，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据，从而避免无谓的重复运算。这种优化被称作记忆。 函数可以将之前的操作结果缓存在某个对象中，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据，从而避免无谓的重复运算。这种优化…

自己写的，webpack 处理图片转换成 webp 格式并且解决 hash 不同问题的 webpack-loader

HTTP 协议在网络知识中占据了重要的地位，HTTP 协议最基础的就是请求和响应的报文，而报文又是由报文头（Header）和实体组成。大多数 HTTP 协议的使用方式，都是依赖设置不同的 HTTP 请求/响应 的 Header 来实现的。 本系列《实用 HTTP》就抛开常规的 …

写在最前 本次的分享是一个基于HTML5标签实现的一个自定义视频播放器。其中实现了播放暂停、进度拖拽、音量控制及全屏等功能。 欢迎关注我的博客，不定期更新中—— 效果预览 点我查看源码仓库。 核心思路 我相信一定会有些没有接触过制作自定义播放器的童鞋对于标签的认识会停留在此。 <…

年前去阿里面试，过程中说道了 fastclick 解决 iPhone 机器上 300ms 点击延迟的问题，然后就被问到了 zepto 的 “点击穿透” 的现象以及产生这个具体原因，当时回答的不是很好，主要是没有特别深入的去研究这个原因，只是知道有这个现象和问题，大概怎么解决，面试完了之后有一天突然想起来了，就决定仔细的研究下。