01 2020 档案
摘要：Flexible Box Model(灵活盒子模型)在平常的web横排布局中，会经常用到float或display:inline-block，但是在多种不同宽度的移动设备的自适应布局中用的话，还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应，更加方便。
阅读全文
摘要：先来一道开胃菜： function person(name) { // 变量作用域为函数内部，外部无法访问，防止了变量名冲突和污染 var name = '小明'; this.name = name; this.sayName = function() { console.log(name); }
阅读全文
摘要：JavaScript中new操作符用于创建一个给定构造函数的对象实例。如下例子： function Person(name, age){ this.name = name; this.age = age;}const person1 = new Person('Tom', 20)console.lo
阅读全文
摘要：一、prototype 在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。 例如： function Person(age) { this.age = age } Person.prototype.name = 'kavin' var person1 =
阅读全文
摘要：1、当父元素设置了height值时，则设置overflow:hidden后，子元素超出父元素部分隐藏 2、当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。 作用1示例: <!DOCTYPE html><
阅读全文
摘要：1.解释一下display的几个常用的属性值，inline ， block， inline-block inline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用paddin
阅读全文