5Clay

摘要： js有很多开发技巧，把它归为以下几点： String Skill：字符串技巧 Number Skill：数值技巧 Boolean Skill：布尔技巧 Array Skill：数组技巧 Object Skill：对象技巧 Function Skill：函数技巧 DOM Skill：DOM技巧 Str 阅读全文

摘要： 最近有同事问到我如果前端接口写错了，服务端返回错误，怎样在前端提示错误？这个错误其实在产品出厂时就不应该存在，代码错误属于开发人员的错误，不应该到了客户端还给予客户提示。这类问题给予用户提示没有任何意义，因为用户不能解决。而且还告诉用户我们的产品有问题。一般像客户端由于用户操作失误或者用户那边可以解 阅读全文

摘要： 一个软件产品一般有三类用户：专家型用户、随意型用户、主流用户。 需求开发的时候尽量忽略专家型用户，为主流用户而设计，因为专家想要的功能往往会吓到主流用户。与新增功能相比，用户更关注基本功能，遇到软件缺陷时，用户的挫折感远远高于对新功能的兴趣度。不要以功能的多寡来认定产品的价值，应该看产品能否满足用户 阅读全文

摘要： flex弹性布局，如果子元素宽度之和大于或者小于父元素宽度，空间就会存在剩余和不够，flex默认不换行，除非设置flex-wrap,那么这种情况下，有两个重要的属性，flex-grow和flex-shrink. flex-grow默认值为0，用于子元素的宽度之和小于父元素的宽度时分配剩余空间，假如父 阅读全文

摘要： rem单位是根据html元素的单位在页面根据不同的手机屏幕分辨率动态整体的按比例缩小或放大字体。 假如html{font-size: 14px;},那么1rem=14px; 一个div宽度48px,那么换成rem:48px/14px=3.4rem; 宽度200px,换成rem:200px/14px= 阅读全文

摘要： 移动端300ms延迟：假定这么一个场景。用户在 浏览器里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作，当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操作。因此，浏览器 就等待 300 毫秒，以判断用户是否再次点击了屏幕。也就是说，当我们点击页面 阅读全文

摘要： IE盒模型出现在ie5.5以下的版本当中，ie6以上就实行W3C盒模型。 box-sizing有两个属性，border-box和content-box. border-box对应传统的盒子模型，即ie盒模型，盒子的宽高度会把border和padding的算进去。而content-box对应的是标准的 阅读全文

摘要： 1，computed里面定义的方法是以属性的方式（当然也可以以函数调用的方式）出现在html里面，而methods里面定义的方法是以函数的方式； 2，computed依赖于data里面的数据，只有相关依赖的数据发生改变时才会重新求值，所以具有缓存，methods不具有缓存，每次都会重新计算。如果有1 阅读全文

摘要： display-inline-block是让元素在一行显示，但是这些元素在html里面是上下行排列的，所以中间有换行符，于是并排显示就有了换行符带来的空隙。那么如何解决呢？ 方案一：将html标签要display:inline-block 的元素写在一行。缺点：代码可读性差。 方案二：给父元素设置f 阅读全文

摘要： 项目需要在图片上传到服务器之前提供用户裁剪图片，而且要求圆形的裁剪框，于是，我们在裁剪上传到服务器之前写一个引用裁剪的方法，当然我们需要插件cropper.js. 然后裁剪之后通过canvas吧图片裁剪成圆形，这时候要求用户上传的图片必须是正方形，所以我们用canvas裁剪时取的半径和圆心位置都是图 阅读全文