会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
5Clay
博客园
首页
新随笔
联系
管理
订阅
03 2019 档案
移动端rem单位和px单位换算
摘要:rem单位是根据html元素的单位在页面根据不同的手机屏幕分辨率动态整体的按比例缩小或放大字体。 假如html{font-size: 14px;},那么1rem=14px; 一个div宽度48px,那么换成rem:48px/14px=3.4rem; 宽度200px,换成rem:200px/14px=
阅读全文
posted @
2019-03-25 15:29
5Clay
阅读(3581)
评论(0)
推荐(0)
移动端的300ms延迟和点击穿透
摘要:移动端300ms延迟:假定这么一个场景。用户在 浏览器里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要进行双击操作。因此,浏览器 就等待 300 毫秒,以判断用户是否再次点击了屏幕。也就是说,当我们点击页面
阅读全文
posted @
2019-03-25 10:54
5Clay
阅读(305)
评论(0)
推荐(0)
IE盒子模型和W3C盒子模型
摘要:IE盒模型出现在ie5.5以下的版本当中,ie6以上就实行W3C盒模型。 box-sizing有两个属性,border-box和content-box. border-box对应传统的盒子模型,即ie盒模型,盒子的宽高度会把border和padding的算进去。而content-box对应的是标准的
阅读全文
posted @
2019-03-20 15:52
5Clay
阅读(287)
评论(0)
推荐(0)
Vue的computed和methods区别
摘要:1,computed里面定义的方法是以属性的方式(当然也可以以函数调用的方式)出现在html里面,而methods里面定义的方法是以函数的方式; 2,computed依赖于data里面的数据,只有相关依赖的数据发生改变时才会重新求值,所以具有缓存,methods不具有缓存,每次都会重新计算。如果有1
阅读全文
posted @
2019-03-12 16:21
5Clay
阅读(393)
评论(0)
推荐(0)
display:inline-block间隙产生的原因以及解决方案
摘要:display-inline-block是让元素在一行显示,但是这些元素在html里面是上下行排列的,所以中间有换行符,于是并排显示就有了换行符带来的空隙。那么如何解决呢? 方案一:将html标签要display:inline-block 的元素写在一行。缺点:代码可读性差。 方案二:给父元素设置f
阅读全文
posted @
2019-03-08 15:12
5Clay
阅读(2288)
评论(0)
推荐(0)
图片上传裁剪之小记
摘要:项目需要在图片上传到服务器之前提供用户裁剪图片,而且要求圆形的裁剪框,于是,我们在裁剪上传到服务器之前写一个引用裁剪的方法,当然我们需要插件cropper.js. 然后裁剪之后通过canvas吧图片裁剪成圆形,这时候要求用户上传的图片必须是正方形,所以我们用canvas裁剪时取的半径和圆心位置都是图
阅读全文
posted @
2019-03-04 17:03
5Clay
阅读(174)
评论(0)
推荐(0)
合并代码注意事项
摘要:1,已上线的代码出现bug,从master拉取新的分支解决bug后合并到master; 2,未上线的代码在测试阶段出现bug,可以直接在此次开发的分支上修复bug,然后合并到test分支; 3,test分支代码如果被合并到master,再revert回滚,再次合并到master就无法合并,因为代码和
阅读全文
posted @
2019-03-04 16:06
5Clay
阅读(522)
评论(0)
推荐(0)
公告