coconutGirl

摘要： 随机生成颜色： 想到的比较简单的是： rgba颜色值范围是0-255, 所以单个值为：Math.ceil(Math.random() * 255),生成三个值以后，可以拼起来 eg: rgb(Math.ceil(Math.random() * 255), Math.ceil(Math.random( 阅读全文

摘要： 页面总布局是最小宽度原为1280，后为1200，自己写的滚动条是宽度随时变化的，所以里面内容的元素的宽度写width：100%是滚动条包裹元素的宽度，所以都要设置min-width为：1200，这个时候css预处理器就派上用场了，用变量保存相对稳定的的最小宽度值，不需要一个一个元素去改值。 2、在用 阅读全文

摘要： 以前一直用margin-top:50%,transform:translateY(-50%)来实现垂直居中，但是今天在自己做banner的上下切换按钮的垂直居中的时候才发现，margin-top的%值是相对于父元素的宽度的。 也可以改变布局：writing-mode:vertical-rl;为纵向排 阅读全文

摘要： 回流 改变元素位置等 重绘 改变元素颜色，是否显示 回流必然导致重绘 重绘不一定会出现回流 阅读全文

摘要： 父元素添加float overflow:hidden 在最后添加一个块级子元素或者伪类：clear：both 最后一个子元素clear:both，即不把前面的兄弟元素当成脱离文档流的浮动元素，然后最后一个子元素为快级元素的话，横向占满父元素，再有前面兄弟元素的高度，就使得父元素有了具体的高 http 阅读全文

摘要： 把参数转换成数值的三种方法：Number(),ParseInt(),ParseFloat() Number(): 入参 出参 true/false 1/0 数值，如1 数值1 空字符串 0 字符串只包含有数字（如011） 11（忽略前导0） 字符串包含有效的浮点格式（如01.11） 1.11（忽略前 阅读全文

摘要： 第一种： 通过addEventListener添加事件，必须通过removeEventListener移除事件，并且回调与参数都必须一致，所以如下情况使用匿名回调函数是无法移除事件的。 不起效： document.addEventListener('mousedown', function() { 阅读全文

摘要： content这个css属性被用于before和after这两个伪元素去产生放在元素内的内容。而所有元素都可以用content这个属性的url()值和其他的图片值用于替换元素本身的内容。用content属性被插入的对象是匿名的替换对象。 content有如下几种值： 1、content: norma 阅读全文

摘要： 所有需要通信的组件共用一个事件对象。new Vue()，新new一个vue对象，然后所有组件都访问这个对象，通过这个对象$emit事件，也通过这个对象$on监听事件。 实现一：直接在单文件里面实例化根Vue的时候，在data里return一个属性，值为new Vue()，例如bus: new Vue 阅读全文

摘要： document.hasFocus()返回一个Boolean值，只能用来判断文档中的活动元素是否获得了焦点。但是无法知道是哪个元素获取了焦点。 document.activeElement属性返回当前页面中获得焦点的元素。 很多时候，该属性会返回一个<input>或者<textarea>元素，与此同 阅读全文