Love_night

摘要： 原理: document.execComman('copy')可以复制选中内容到剪贴板,如果成功返回true,失败返回false 缺点: 并非所有浏览器都支持,需要处理异常try...catch... 实现过程: 利用<input>来辅助一下 1.设置input的value为想要复制的内容 oInp 阅读全文

摘要： <div id="app"> <p v-colorRed>这是一行文字</p> </div> Vue.directive("colorRed",{ bind: function (el) { el.style.color = 'red'; } }); 上面的例子代码并不能使文字颜色变红, 这是因为指 阅读全文

摘要： 这个功能可能平时并不需要, 但是今天2020年4月4日,为了哀悼抗疫中牺牲的英雄们,很多网站都变成了黑白的,今天就来看看技术上怎么实现 用css3中的filter属性,可以实现一些像ps中的简单滤镜效果: 灰度: grayscale 模糊: blur 对比度: contrast 色相旋转: hue- 阅读全文

摘要： 在模仿淘宝放大镜效果时, 发现mask层一直抖动, 红色方框添加了onmousemove事件, 内部用到了offsetX 最后解决方案是给mask添加css属性: pointer-events: none; <div class="outer"> <div.mask></div> </div> 原本 阅读全文

摘要： attr方法用的是原生js中的getAttribute和setAttribute; prop方法相当于直接用.或者[]来访问/修改dom元素的属性, 所以它俩的区别相当于问原生js中的getAttribute和直接.来修改属性有什么区别: <input type="text" zs="user"> 阅读全文

摘要： for循环中用let或是var来初始化变量，与是否产生闭包均无关（下方例三和五） 函数用var还是用let来定义与是否形成闭包无关，仅仅影响外部是否能直接调用该函数。 但如果函数内引用的变量是let定义的局部变量，那就会形成闭包； 如果函数内引用的是var定义的全局变量，那就不形成闭包 阅读全文

摘要： html和body默认的高度是0， 这样导致它们的子元素使用百分比高度时，就会失效 如果给html和body均设置height: 100% ，则浏览器会自动分配一个高度给html和body，即使我们不知道html标签的父标签是什么。这个高度是浏览器显示的高度。 值得注意的是，如果给body设置bac 阅读全文

摘要： var arr = [['abc', 'de'], [['fg'], ['hi']], 'k']; arr.toString().split(','); //return ["abc", "de", "fg", "hi", "k"] 阅读全文

摘要： 浮动流脱标的字围现象不仅针对文字, 这种现象也会把行内和行内块当做文字. 浮动流的脱标与定位流的脱标不一样: 定位流的脱标对后续元素的影响可以直接无视它的存在, 而浮动流的脱标有字围现象,所以不能直接无视浮动元素的存在 1.浮动流对后续标准流中的行内块级, 以及行内元素的影响: 行内块级and行内元 阅读全文

摘要： css中，写了这样的两行： line-height: 200px; font: 20px Arial; 结果line-height失效了。 原因是font中包含了line-height的赋值(默认值normal)，导致前面的200px被层叠覆盖了。 font连写时，line-height写在font 阅读全文