随笔分类 -  HTML/CSS/JavaScript学习笔记

JS继承
摘要：JS继承 伪类:通过构造一个人伪类来继承某个构造器。通过定义它的constructor函数并替换它的prototype为某个构造器的实例。（类的继承） 原型：新对象继承旧对象，通过创建一个对象并将其prototype指向目标原型对象。 阅读全文
posted @ 2018-02-03 20:32 白十三 阅读(139) 评论(0) 推荐(0)
各种宽高
摘要：网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHei 阅读全文
posted @ 2018-02-01 20:52 白十三 阅读(120) 评论(0) 推荐(0)
事件委托
摘要：事件冒泡 事件冒泡：事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。例如当用户点击了<div>元素，click事件将按照<div>—><body>—><html>—>document的顺序进行传播。若在<div>和<body>上都定义了click事件，则在冒泡过程中会 阅读全文
posted @ 2017-12-13 18:09 白十三 阅读(266) 评论(0) 推荐(0)
原型和原型链
摘要：一切皆对象 每个函数都有一个属性叫做prototype。 这个prototype的属性值是一个对象（属性的集合，再次强调！），默认的只有一个叫做constructor(构造函数)的属性，指向这个函数本身。 Object的原型： 通过如下方法可以添加Prototype的属性 Fn是一个函数，fn对象是 阅读全文
posted @ 2017-12-11 14:34 白十三 阅读(204) 评论(0) 推荐(0)
执行上下文和作用域，作用域链
摘要：给执行上下文环境下一个通俗的定义——在执行代码之前，把将要用到的所有的变量都事先拿出来，有的直接赋值了，有的先用undefined占个空。（变量的值是在执行过程中产生的确定的） javascript除了全局作用域之外，只有函数（对象不创建作用域）可以创建的作用域。(ES6新加了块级作用域 let) 阅读全文
posted @ 2017-12-11 13:38 白十三 阅读(560) 评论(0) 推荐(0)
学习笔记一:定位
摘要：CSS中有三种定位机制：普通文档流，浮动和绝对定位。除非指定，否则所有框都是在普通文档流中定位。 浮动：浮动框可以左右移动，直至外边缘碰到包含框或者另一个浮动框的边缘。当一个块级元素浮动起来后，相当于从普通流中抽走了这个块，因而下面的块会占据这个块原本所在的空间即跑到原来的块所在的那一行并占据。而浮 阅读全文
posted @ 2017-12-10 14:53 白十三 阅读(189) 评论(0) 推荐(0)
伪类和伪元素
摘要：a:link() 未点击的链接样式 a:visited() 已点击的链接样式 a:hover() 鼠标指针浮动在其上的元素，并设置其样式： a:active() 鼠标点击出现的样式 伪元素::after和::before 属性 content ，用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容 阅读全文
posted @ 2017-12-06 23:01 白十三 阅读(104) 评论(0) 推荐(0)
visibility和display
摘要：当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置 display隐藏后，不占据空间（效率低，经常用） display:block block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。 bl 阅读全文
posted @ 2017-12-06 22:45 白十三 阅读(136) 评论(0) 推荐(0)
CSS选择器，层叠
摘要：CSS选择器 .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素。 1 element,element div,p 阅读全文
posted @ 2017-12-06 22:26 白十三 阅读(248) 评论(0) 推荐(0)