温叶博客

温叶博客

分类 前端 下的文章

如何用绝对定位实现瀑布流

前言瀑布流是一种布局方式,实现瀑布流有很多种方法,例如flex,grid布局,但或多或少有这样那样的问题。所以这里介绍的是最传统也是兼容性最好的方法,绝对定位布局。实现思路首先我们来看看瀑布流长啥样首先基于瀑布流的特点,我们很容易就能定义出这几个变量data() { return { containerWidth: 1230, // 容器的长度 colCount: 4, ...

如何实现错误重试

前言在我们实际写业务过程中,可能会遇到一种需求,比如某个接口因为网络啥的原因不稳定 会报错,这时候我们就需要一种错误重试机制,比如失败我们就重试5次,5次还不行就算真的失败了,那这个功能具体需要怎么实现呢?实现接口本身是个promise,我们需要做的就是拦截promise的报错,在报错中加入重试机制。但是为了自定义的需求 我们可以将重试的控制权转移给调用者,以下是重试的主体代码。let re...

移动端适配

基础概念先看看一张图?尺寸和分辨率以iphone6为例子,iphone6的尺寸是4.7英寸(一英寸=2.54cm),这个值其实并不是手机的长或者宽,而是对角线的长度,知道长宽情况下通过勾股定理计算出来手机的分辨率则是750*1334,如果设计师根据iphone6进行设计的话,给到的设计稿也就会这个尺寸?DP(device pixels)设备像素,又称物理像素,可以理解为一个像素就是一个发光单...

关于 h5 键盘兼容

前言相比较于 PC 端,移动端的输入方式是虚拟键盘,弹出式的键盘会造成一些在移动端上特有的兼容性的问题,而且只要是涉及到表单输入的时候都能遇到,也是比较常见的移动 h5 兼容的一种问题。也是最近经常做 h5 所以对这个问题进行了一次整理,感谢这篇文章让我收获颇丰: 可能这些是你想要的 H5 键盘兼容方案,本文借鉴了很多这篇文章上的点。键盘在 Android 和 ios 的表现在 ios 上的...