JonnSnow

Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有…

15年刚来运满满，那个时候的前端团队还只有2个人，还没有用到打包的相关工具，我们重构了前端的开发流程，引入了vue做基础开发框架，使用了fis3做项目打包，由于项目快速迭代，公共库的增加，我们引入了webpack，配合npm进行基础库的拆分，方便维护和管理。同时也带来了一个新的…

线下越重，线上需要越轻，这个轻指的是轻便轻巧和简洁易用，通过前面几章小菜技术与产品历史介绍，我们了解到 B2B 生鲜领域在线下是如此之重，那么在交易场景线上化的过程中，端的移动化就势在必行，试想一下，让菜市场摊位老板人手一台笔记本点开网页选购支付，让采购销售抱着电脑去拜访客户，…

Promise 是异步编程的一种解决方案，比传统的解决方案回调函数和事件更合理更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。本篇不注重讲解promise的用法，关于用法，可以看阮一峰老师的ECMAScript 6系列里面的…

这是一个用来在B站视频进度条上方创建显示弹幕热度的Chrome插件，以弹幕数量-时间的直方图显示，在高能处（定义为短时间内有大量弹幕出现的时间点）有明显的峰值，可以用来直观地看视频中的热点，也可以拿来作为空降（跳跃快进）的指示。 已经上架Chrome插件市场，在这里或者搜【Da…

目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源码是在不断更新的，文章里写的源码往往已经过时了。因为这些问题，很多同学都喜欢自己看源码，自己动手，丰衣足食。 这篇文章主要讲的是阅读大型的前端开源项目比如…

在ThreeJS四步制作一个简易魔方中介绍了怎么实现一个可以转动的简易魔方，接来下准备介绍下怎么让这个简易魔方具备自动还原的功能。 在210次自动测试中，平均步数为197步，平均时长为44秒，和代码中设定的0.2秒一步基本吻合，从自动测试数据来看，目前的实现还没有达到该算法的最…

众所周知，Web 发展的很快。如今，响应式编程和 Angular 或 React 这样的框架一样，已经是 Web 开发领域中最热门的话题之一。响应式编程变得越来越流行，尤其是在当今的 JavaScript 世界。从命令式编程范式到响应式编程范式，社区已经发生了巨大的变化。然而，…

前言 现在用户手机性能，浏览器性能，网络性能，越来越好，后端逻辑逐渐向前端转移，前端渲染变得越来越普遍。前端渲染主要依赖JS去完成核心逻辑，JS正变得越来越重要。而JS文件是以源码的形式传输，可以在Chrome Devtools上轻易地被修改和调试。 现在用户手机性能，浏览器性…