2020年10月15日
CSS中的BFC详解
摘要： 原文链接：https://www.cnblogs.com/yuer20180726/p/11395982.html 一 常见定位方案 普通流默认，从上而下，行内元素水平排列，行满换行，块级元素渲染成一个新行。 浮动先按普通流位置出现，然后根据浮动方向偏移。 绝对定位元素具体位置由绝对定位坐标组成。 阅读全文
posted @ 2020-10-15 19:25 孙淡策 阅读(666) 评论(0) 推荐(0)
HTML data-* 属性
摘要： 使用 data-* 属性来嵌入自定义数据： <ul><li data-animal-type="bird">Owl</li><li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </u 阅读全文
posted @ 2020-10-15 19:15 孙淡策 阅读(229) 评论(0) 推荐(0)
数组Array方法之filter()、map()、sort()、reduce()
摘要： 原文链接：https://www.cnblogs.com/sunny-shine/p/10757677.html map() 循环遍历，返回一个新数组 ，reduce()把结果继续和序列的下一个元素做累积计算 把一个字符串13579先变成Array——[1, 3, 5, 7, 9]，再利用reduc 阅读全文
posted @ 2020-10-15 19:09 孙淡策 阅读(197) 评论(0) 推荐(0)
Object.create()
摘要： 语法： Object.create(proto, [propertiesObject]) //方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。 参数： proto : 必须。表示新建对象的原型对象，即该参数会被赋值到目标对象(即新对象，或说是最后返回的对象)的原型上。该参数可以是n 阅读全文
posted @ 2020-10-15 18:58 孙淡策 阅读(163) 评论(0) 推荐(0)
2020年10月14日
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
摘要： 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不 阅读全文
posted @ 2020-10-14 10:45 孙淡策 阅读(117) 评论(0) 推荐(0)
JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试
摘要： 原文链接：https://blog.csdn.net/u014205965/article/details/45606797 首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性. 之前也一直对这些属性搞的稀里糊涂，看 阅读全文
posted @ 2020-10-14 10:42 孙淡策 阅读(375) 评论(0) 推荐(0)
2020年10月12日
js中兼容情况
摘要： 1. 浏览器卷去的宽度和高度(实际就是页面走的距离)scrollTop我们的页面里document.documentElement表示htmldocument.body表示bodywindow.onscrollTop=function(){}document.documentElement.scro 阅读全文
posted @ 2020-10-12 11:01 孙淡策 阅读(80) 评论(0) 推荐(0)
2020年10月9日
js数组去重的三种方法
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-10-09 19:12 孙淡策 阅读(551) 评论(0) 推荐(0)
2020年10月2日
js之audio的API
摘要： <body> <audio src="./布拉格广场.mp3" controls></audio> //引入音频 <button class="play">开始</button> <button class="pause">暂停</button> <script> var audio = docum 阅读全文
posted @ 2020-10-02 16:14 孙淡策 阅读(1169) 评论(0) 推荐(0)
2020年9月27日
v-once,v-html,v-text,v-pre,v-cloak
摘要： v-once: 该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的) 该指令表示元素和组件(组件后面才会学习)只渲染一次，不会随着数据的改变而改变。 <div id="app"> <h2>{{message}}</h2> <h2 v-once>{{message}}</h2> </ 阅读全文
posted @ 2020-09-27 22:52 孙淡策 阅读(106) 评论(0) 推荐(0)