03 2019 档案

摘要: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延迟:假定这么一个场景。用户在 浏览器里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要进行双击操作。因此,浏览器 就等待 300 毫秒,以判断用户是否再次点击了屏幕。也就是说,当我们点击页面 阅读全文
posted @ 2019-03-25 10:54 5Clay 阅读(305) 评论(0) 推荐(0)
摘要: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)
摘要:1,computed里面定义的方法是以属性的方式(当然也可以以函数调用的方式)出现在html里面,而methods里面定义的方法是以函数的方式; 2,computed依赖于data里面的数据,只有相关依赖的数据发生改变时才会重新求值,所以具有缓存,methods不具有缓存,每次都会重新计算。如果有1 阅读全文
posted @ 2019-03-12 16:21 5Clay 阅读(393) 评论(0) 推荐(0)
摘要: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)