重头戏来了。 宿主环境各不相同，需要将源码进行相关处理后发布至 npm。 本节所有代码可在仓库chapter-3分支中获取。 既然是使用typescript编写的组件库，那么使用者应当享受到类型系统的好处。 这样使用者引入npm 包时，便能得到自动提示，也能够复用相关组件的类型…

halo，大家好，我是132，大家好久不贱了哈！最近上课真的很忙，时间很少的用来写代码了::>_<::，今天主要给大家带来的是一个新框架voe看一眼API，乍一看仿佛和fard类似的API，仿佛又写了

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

前几天大家都在朋友圈@微信官方，求赐一面国旗，没有得到微信官方的小盆友们，有没有很失落呀~心血来潮的我，决定用js来写一个给头像加国旗的功能，然后我就送了自己一面国旗，事实证明，想要的东西还是只能靠自己的双手去创造。哈哈哈，这鸡汤洒的触不及防~，回归正题，下面就一起来看看我是怎…

用行话说，测试表示检查我们的代码是否满足一些期望。例如，一个名为 transformer 的函数在接收一个输入（input）后，返回一个预期输出（expected output）。 本文介绍的 Jest 教程覆盖的是单元测试，但在文末，也给到很多其他类型测试的资源，方便大家学习…

今天打开b站，看见一片灰色。对于公祭日，我们每一个人都应该为此默哀、纪念历史，都要铭记历史、热爱祖国、砥砺前行 首先，职业下意识就打开了控制台。为什么呢？是想看看怎么实现的，是css自定义属性吗？是引入一份css吗？是预处理器修改全局变量吗？结果，打开控制台，浏览了一下，最后定…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

通过 universal link、URL Scheme、a 标签、iframe 几种方式找出最适合这个浏览器的唤起方式。 如果下载了 App，就会走打开逻辑，如果没有下载则走下载逻辑。 我们可以来体验一下，左边的是通用链接 universal link方式，右边是 URL S…