JS中自定义事件与观察者模式


字数:1.1k 阅读时长:4分钟

观察者模式 也称 发布-订阅模式模型-视图模式 。当对象间存在一对多关系时,则使用观察者模式(Observer Pattern)。比如,当一个对象被修改时,则会自动通知依赖它的对象。观察者模式属于行为型模式。

Observer 观察者模式

阅读全文

setTimeout引发的刨根问底


字数:722 阅读时长:3分钟

setTimeout定时器)是JavaScript中一个比较重要且常用的方法,该方法用于在指定的毫秒数后调用函数或计算表达式。平时开发可能基本都是使用 setTimeout(fn, ms) 的形式,当然还有比较神奇的用法,特别是在前端面试中,经常被问到。

JavaScript setTimeout

阅读全文

webpack中的hash、chunkhash、contenthash


字数:761 阅读时长:2分钟

随着前端工程化越来越成熟,目前比较流行的打包工具 webpackgulprollup等等,都全面、系统、科学的支持了打包文件指纹(hash)。其中 webpack 中有三种形式的指纹,分别是: hash、chunkhash、contenthash 。本文就具体讲讲这三种Hash各自的作用和使用场景。

Webpack Hash

阅读全文

Nginx学习与实战 · 解决SPA单页面应用CDN缓存问题


字数:425 阅读时长:1分钟

现在很多web应用都是使用VueReact等框架开发的,这种SPA单页面应用在打包后,有些文件比较大。因此,大部分公司在生产环境会使用CDN加速,来加快首页渲染速度
但是使用CDN后静态文件会有缓存,重新打包上线后,可能不会立即更新修改的地方。浏览器上可以使用Ctrl + Shift + R强制清理缓存,但是手机上清理缓存就很麻烦。再说这种清理缓存的方式对用户来说极度不友好,所以需要在Nginx中配置相应的缓存策略

Nginx & CDN Cache

阅读全文

GitHub Actions解放你的双手


字数:1.8k 阅读时长:6分钟

GitHub Actions 是一个持续集成CI (Continuous integration)和持续交付CD (Continuous delivery)的平台,它可以做到自动化构建、测试、部署。你可以创建工作流,构建和测试每一个 pull request 或者部署合并后的代码到生产环境。

GitHub Actions

阅读全文