开发过移动H5或者混合APP的前端小伙伴,估计都体会过各个机型兼容适配的痛苦。有时候为了 1px
而绞尽脑汁,本文就详细介绍一下 Retina (视网膜)屏幕的 1px 的实现方法。
JS中自定义事件与观察者模式
观察者模式 也称 发布-订阅模式 、 模型-视图模式 。当对象间存在一对多
关系时,则使用观察者模式(Observer Pattern)。比如,当一个对象被修改时,则会自动通知依赖它的对象。观察者模式属于行为型模式。
Javascript常用小技巧
setTimeout引发的刨根问底
setTimeout(定时器
)是JavaScript
中一个比较重要且常用的方法,该方法用于在指定的毫秒数后调用函数或计算表达式。平时开发可能基本都是使用 setTimeout(fn, ms)
的形式,当然还有比较神奇的用法,特别是在前端面试中,经常被问到。
SolidJS——前端新秀框架,性能直逼原生JS
SolidJS 是什么?SolidJS
是一个声明式、高效且灵活用于构建用户界面的 JavaScript
库。 Solid 号称拥有 JSX 语法,类似于 React hook 的语法,你可以用现代化的开发方式,获得性能最快的代码。
webpack中的hash、chunkhash、contenthash
随着前端工程化越来越成熟,目前比较流行的打包工具 webpack
、gulp
、rollup
等等,都全面、系统、科学的支持了打包文件指纹(hash
)。其中 webpack
中有三种形式的指纹,分别是: hash、chunkhash、contenthash 。本文就具体讲讲这三种Hash
各自的作用和使用场景。
Nginx学习与实战 · 解决SPA单页面应用CDN缓存问题
现在很多web应用都是使用Vue
、React
等框架开发的,这种SPA单页面
应用在打包后,有些文件比较大。因此,大部分公司在生产环境会使用CDN加速
,来加快首页渲染速度
。
但是使用CDN后静态文件会有缓存,重新打包上线后,可能不会立即更新修改的地方。浏览器上可以使用Ctrl + Shift + R
强制清理缓存,但是手机上清理缓存就很麻烦。再说这种清理缓存的方式对用户来说极度不友好,所以需要在Nginx
中配置相应的缓存策略
。
Rust语言学习 · Hello World
Rust语言学习 · 环境搭建
GitHub Actions解放你的双手
GitHub Actions 是一个持续集成CI
(Continuous integration)和持续交付CD
(Continuous delivery)的平台,它可以做到自动化构建、测试、部署。你可以创建工作流,构建和测试每一个 pull request 或者部署合并后的代码到生产环境。