陌上兮月

通常我们所说的分辨率就两种：屏幕分辨率、图片分辨率。 屏幕分辨率，就是指一块屏幕由多少个像素方块组成。比如像我的 iPhone6sp，分辨率是 1920 * 1080，这表示屏幕的水平方向有 1080 个像素方块，竖直方向有 1920 个像素方块。 图像分辨率也是一样的概念，至…

图片懒加载，就是在一开始的时候，收集需要做懒加载的图片元素集合。这些图片一般一开始都没有 src 属性，而是只有一个 data-src 自定义属性。对于这个图片元素的集合，通过判断哪些在视口内，哪些在视口外。在视口内的，就给它们的 src 属性赋值。 针对 IE 浏览器，以及一…

本文对github actions部署前端项目做一个简单的总结，总体来说，我感觉用它想要部署一个前端项目，可以说非常简单，简单得令人震惊🤯。但是高度的封装，会让人没有那种以前travis书写shell的畅快体验感。 不过这也是github actions的初衷所在：开发者不用…

涉及业务细节，均已做脱敏处理。 在一个移动端项目中，需要做城市定位功能。这个城市定位一开始没什么，就是项目初始化的时候调用一下高德的城市定位API，仅此而已。 经过一些业务调整和产品变动，城市定位的需求逐渐变得复杂了起来。比如：内嵌到一个原生APP提供的webview中，需要调…

有一个准则是：如果你的函数参数超过两个，就应该改为对象传入。 这样做是合理的，因为当函数参数超过两个时，参数顺序开始变得难以记忆，而且容易出现一种很尴尬的情况：比如我只需要传入第三个参数，因为其自身顺序的原因，不得不补齐前两个根本用不上的参数，以让它顺利排在第三位。 这是软件开…

有些业务描述会比较长，这时候往往有人会使用简写，但是如果简写不是业内通用的，而是自己随性创造的，这将给阅读带来很大困难。 比如，info-->infomation，def-->default，conf-->config，val-->value等等，这些都是业内广泛使用的简写，可…

fastclick是一款为了解决移动端300ms点击延迟而诞生的插件。 在移动端，如果对页面没有做任何处理，点击一个元素，触发的事件流程可简单理解为：touch -> 经过300ms延迟 -> click。 再通过eventTarget.dispatchEvent将click事…

这是一个长系列的学习，将我科的感悟与我自身情况相结合，总结出一些方法，并运用到日常中。 首先是每晚多睡30分钟，我们需要让大脑提前安静下来（quiet your mind），进入睡眠。 我们会做大量的学习和练习，然而在一些项目中却无法恰当的运用，我想有相当一部分原因是：我们太累…

我尝试了火狐，谷歌，safari，手机QQ浏览器，手机百度浏览器，安卓自带浏览器，均能正常显示。从Can I use官方查询的数据来看，连ie也能正常使用，所以我认为这个属性的兼容性是非常不错，可以放心使用，唯独要注意-webkit前缀的问题。