手写Promise

MiYaHub:KOA

写这个的初衷：回顾node技术栈，为啥用KOA而不用Express,因为Express不能很好的处理异步函数，而KOA在处理异步函数时具有天生的优势，因为KOA...

详解Jenkins 实现Gitlab事件自动触发Jenkins构建及钉钉消息推送

Expression 用于提取变量值的表达式(支持JSONPath、XPath)，提取的值赋值给上述自定义变量(例中为event_name)。

Webpack 写一个 markdown loader

前段时间在公司内部写了个 UI 组件库，需要有组件说明文档。我们的组件文档一般都是用 md 文件书写，然后渲染成页面展示。我们首先基于 vue-cli 脚手架生...

浅谈移动端中的视口（viewport）

在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根...

工作时怎么“偷懒”？交给工作流自动化吧

自动化有助于解放人们的工作。不过说实话，即使对简单的任务自动化也需要时间和大量的依赖关系管理，而这可能非常复杂。

vue小技巧—nextTick

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。

webpack 中比较难懂的几个变量名称

对于一份同逻辑的代码，当我们手写了一个个的文件，它们无论是 ESM 还是 commonJS 或是 AMD，他们都是 module； 当我们写的 module 源...

深入了解Babel

Babel 是一个用于 JavaScript 的通用多用途编译器，使用 Babel 可以使用（或创建）下一代 的JavaScript，以及下一代 JavaScr...

帮你精通JS: 学习函数式编程

上面的mutation的处理方法，将会修改原始数据。 尝试 functional-programming的方式为：

reduce的高级用法(二)

好用是挺好用的，但是兼容性如何呢？在Caniuse上搜索一番，兼容性绝对的好，可大胆在任何项目上使用。不要吝啬你的想象力，尽情发挥reduce的compose技...

reduce的高级用法(一)

reduce作为ES5新增的常规数组方法之一，对比forEach 、filter和map，在实际使用上好像有些被忽略，发现身边的人极少用它，导致这个如此强大的方...

Vue内存溢出问题解决方法

引起内存泄漏的原因有不少，本文就介绍webpack 运行 npm run build 内存溢出 JavaScript heap out of memory内存溢...

前端工程化-自动生成页面

按照上述操作以后，才可以正常访问新添加的页面，之后才开始对新页面进行正常开发。但是这样的机械化步骤我们完全可以用代码帮我们执行，更进一步，对于一些简单的页面，我...

前端工程化之动态导入文件

随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。

vuecli实现移动端视频类webAPP 项目发布地址

9月初就申请了 掘金小册子，到现在也没审核通过，只能将此项目的文字教程发布到小专栏了， 小专栏地址

JS事件流

HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订...

Vue 实战-视频类webApp

在平时的前端开发中，我们更多的是完成螺丝钉的角色，即在公司的前端框架下，实现各种业务逻辑，Vue技术栈并不是难点所在，难点往往在于从 0 到 1 搭建一个完整的...

vuecli实现移动端视频类webAPP- 项目基本骨架搭建

为什么移动端CSS里面写了1px，实际上看起来比1px粗；是因为UI设计师要求的1px是指设备的物理像素，而CSS里记录的项目是逻辑像素，他们之间存在一个比例关...

vuecli实现移动端视频类webAPP-项目搭建

在平时的前端开发中，我们更多的是完成螺丝钉的角色，即在公司的前端框架下，实现各种业务逻辑，Vue技术栈并不是难点所在，难点往往在于从 0 到 1 搭建一个完整的...