考拉海购前端团队

前言 准备工作 Hello World 内容详解 index.js package.json npm link命令 发布项目到npm官网供大家使用 如何处理命令行参数 单元测试 让你的项目显得正规(github badges) 持续集成（CI）和代码覆盖率 常用的库 参考资料 …

Jest 常用的单元测试框架是 jasmine ，Mocha + Chai，不同于这些测试框架，jest 的集成度更高，提供的功能也更丰富，利用好 jest 所提供的功能，能大大提升测试用例的执行效率。 Jest 特点： 测试用例并行执行，更高效 强大的 Mock 功能 内置的代…

正则表达式 一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息（搜索），也可以用来查找并编辑特定的信息（替换）。 核心是 匹配，匹配位置或者匹配字符 先简单的介绍一下语法 基本元字符 . ： 匹配除了换行符之外的任何单个字符 \ ：…

关于js的event loop知识点，可阅读JavaScript并发模型与Event Loop，这里就不着重介绍。 在此，再推荐一篇关于event loop的文章Tasks, microtasks, queues and schedules。 好了，在对js的event loo…

并发模型可视化描述 model.svg 如上图所示，Javascript执行引擎的主线程运行的时候，产生堆（heap）和栈（stack），程序中代码依次进入栈中等待执行，若执行时遇到异步方法，该异步方法会被添加到用于回调的队列（queue）中【即JavaScript执行引擎的主线…

前话：z-index只是CSS层叠上下文和层叠顺序中的一个马仔 1. 层叠上下文 stacking context 当元素具有了层叠上下文，这个元素在z轴上就“高人一等”，离用户更近 2. 层叠水平 stacking level 所有元素都有 决定同一层叠上下文中的元素在z轴上…

没有在Chrome应用商店web store上架发布的插件，如果没有添加到白名单里，下一次重启 Chrome就会被禁用，而且无法手动启用，除非删掉重新添加。 可以通过添加白名单可以一劳永逸地解决这个问题。 下面我们以“将日报插件添加到白名单”为例，讲解步骤 Mac下 mac系统…

chrome作为目前最流行的浏览器，备受前端推崇，原因除了其对于前端标准的支持这一大核心原因之外，还有就是其强大的扩展性。 基于其开发规范实现的插件如今已经非常庞大，在国内也是欣欣向荣，如天猫开发了大量的扩展，用于检测页面质量以及页面性能，淘宝开发了许多的扩展以供运营工具的优化…

前言 “其实我觉得flex很像现在的人——是适应性很好的生物，在家秋衣秋裤在外香肩外露。flex container看作一个环境或者大佬，flex-item是其中个体或者马仔。个体如何存在很大程度上取决环境的设定，当然也会有一些出世的人 比如position: absolute;…