嘻嘻xixi

阅读工具以下内容是基于node15.14.0版本阅读的。另外在github仓库的地址上github后面加上 1s 可以在网页上利用vscode查看源码，支持快捷方式文件跳转，全局搜索等。例：https

自我引用，这个类型里的元素也包含这个类型。 int list 包含了上面的三种类型，它可以是[] | int list也可以是int和int list的合并。毕竟list可以由一个元素和另一个list Cons而来。 有两种类型，by position or by name. …

无意中看到的知乎推荐，了解到了这门课，觉得自己经常忙于学习新东西新框架，应该多去关注下那种普适性的知识，比如数据结构，语言设计什么的，所谓的基础知识。扫了下课程的大致内容里面提到了high-order-function, type inference等前端最近经常提到的概念瞬间…

webpack4重写了Tapable, 是webpack的插件组织的核心。它提供给各个插件钩子，在事件触发时执行这些挂载的方法。webapck的插件里必须有apply()方法，当其被调用的时候webpack将钩子上的方法挂载到各个事件下面有点像nodejs里EventEmitt…

一个功能加载一个script 标签 e.g. Jquery , Swiper 加载一个巨大的JS文件。 扩展性太差，标签很多的情况下维持标签的顺序很痛苦。 加载过多的JS文件有加载性能问题，因为浏览器的并行连接数有限制。可以参考html - Max parallel http …

传统script标签的代码加载容易导致全局作用域污染，而且要维系一系列script的书写顺序，项目一大，维护起来越来越困难。模块系统通过声明式的暴露和引用模块使得各个模块之间的依赖变得明显。 这部分推荐去看es-modules-a-cartoon-deep-dive，原文里有图…

这两个属性是设置的item上的，不是container上。 这两个属性可以指定分割线的数值。 span表示跨度，如上所示，item开始的地方在第二条线上跨度了两个单元。 根据规范上所说，个人感觉应该是比如第一个item它是1,2, 但是因为它开始的部分是span 2,所以它的初…

发现其实兼容性已经很好了，本篇文章基于Wes Bos的grid课程，以及相关技术文章整理而成。 推荐使用火狐浏览器开发者版本 Firefox Developer Edition ，对css grid调试很有帮助，相关好处下文有提到。 就是运用display: grid的元素，对…

浏览器（和代理）利用缓存减少http数量或者是减少相应文件大小，增加页面加载速度。 浏览器会将过期时间和相应的url缓存起来，请求同一个资源时查看是否过期，没有过期就直接从缓存里取出，不用发送请求了。过期之后的策略请看最下面的缓存有效性确认 使用了偏移时间，应该是把资源创建时间…