开发过移动H5或者混合APP的前端小伙伴，估计都体会过各个机型兼容适配的痛苦。有时候为了 1px 而绞尽脑汁，本文就详细介绍一下 Retina (视网膜)屏幕的 1px 的实现方法。

阅读全文

每个web项目上线后，难免会出现各种奇奇怪怪的bug，或网络，或系统无法，或兼容适配，或测试遗漏等等原因。为了能更快的定位问题，解决问题，所以添加前端异常监控至关重要。本文就具体介绍一下怎么在Vue3项目中配置全局异常监控。

阅读全文

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

阅读全文

收集汇总平时开发过程中的 Javascript 常用小技巧和方法。如：伪（类）数组转数组、获取数据类型、生成随机ID、日期时间格式化等等，将不定时补充更新。

阅读全文

Vue.js 是一个渐进式 javascript 框架，用于构建 UIS（用户界面）和 SPA（单页应用程序）。UI 组件库提高了我们的开发效率，增强了应用的整体外观、感觉、交互性和可访问性，下面就来看看有哪些适用于 Vue 的 UI 组件库。

阅读全文

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

阅读全文

SolidJS 是什么？SolidJS是一个声明式、高效且灵活用于构建用户界面的 JavaScript 库。 Solid 号称拥有 JSX 语法，类似于 React hook 的语法，你可以用现代化的开发方式，获得性能最快的代码。

阅读全文

Serverless Framework 是业界非常受欢迎的无服务器应用框架，通过与众多一流云供应商如腾讯云，AWS 等的紧密合作，为广大开发者提供无需关心底层基础设施，即可编写和部署代码的无服务开发体验。

阅读全文

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

阅读全文

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

阅读全文