前言本文首先会简单介绍下前端的常见缓存方式，再引入serviceworker的概念，针对其原理和如何运用进行介绍。然后基于google推出的第三方库workbox，在产品中进行运用实践，并对其原理进行简要剖析。前端缓存简介先简单介绍一下现有 ...

版本管理 package.json 中添加如下 scripts + "release:patch": "npm version patch && git push && git push --tags", + "release: ...

简介 需求是在 Vue 项目上同时接入 Google 登陆和 Facebook 登陆。查阅文档发现 firebase 提供了，Google 和 Facebook 等多家联合验证方式。也就是最终拿到各个平台等 token 之后都要再通过 fi ...

主要内容 Git Hooks https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks pre、post 的钩子机制 npm script 中Git Hooks的使用 Git Hook ...

1. 简述 Promise 所谓 Promise，简单来说，就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 Promise 对异步调用进行封装，是一种异步编程的解决方案。 从语法上来说，Promise 是一个对 ...

本文介绍一下js中的一个重要概念——闭包。其实即便是最初级的前端开发人员，应该都已经接触过它。一、闭包的概念和特性首先看个闭包的例子：function makeFab () { let last = 1, current = 1 retur ...

借图Flutter_Boost 背景： 现在Flutter火热，各个公司都会尝试使用Flutter开发，一般采用的都会是混合形式的开发，混合开发目前Flutter官方提供的不太完善、iOS和Android有差异性、接口也不同意、很麻烦，也 ...

基本概念 编译器，解释器 抽象语法树 字节码和机器码 编译器和解释器 计算机不能直接理解高级语言，只能直接理解机器语言，所以必须要把高级语言翻译成机器语言，计算机才能执行高级语言编写的程序。根据语言的执行流程，可以把语言分成编译型语言和解释 ...

异步处理（Promise） ES2015中新增的Promise对象专门用于处理异步。Promise对象使用then和catch方法操作的，then方法用于执行下一步，catch方法用于执行失败后的处理。Promise实例对象的创建需要一个e ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...