- 博客(7)
- 资源 (3)
- 收藏
- 关注
原创 三元表达式
var a = '123'; var b = (a === 'cpa' ? 'cpa' : (a === 'cps') ? 'cps' : 'flow'); console.log('b', b); // b flow
2019-04-25 10:13:29 698
转载 Object.create()
Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的_proto_。 const person = { isHuman: false, printIntroduction: function () { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); } };...
2019-04-18 18:00:05 212
原创 js判断一个对象是否为空
1、ES6新增的方法Object.keys(); Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。 参数 要返回其枚举自身属性的对象。 返回值 一个表示给定对象的所有可枚举属性的字符串数组。 描述 Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的object...
2019-04-17 17:52:58 153
原创 CSS3动画
1、 @keyframes规则 @keyframes规则用于创建动画,在@keyframes中规定某项css样式,就能创建由当前样式逐渐过渡为新样式的动画效果。 定义动画的方式有两种: 1) <head> <meta charset="UTF-8"> <title></title> <style type="text/css">...
2019-04-11 11:39:11 322
转载 BFC
1、常见布局模式 CSS中的三种布局模型:流动模型(flow)、浮动模型(float)、层模型(layer) 2、BFC的原理 BFC即 Block Formatting Context(块级格式化上下文),它属于上述布局模式中的流动模型。 它是W3C CSS2.1规范中的一个概念,它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及...
2019-04-09 18:03:50 118
原创 CSS盒模型
基本概念 盒模型由里向外是content,padding,border,margin 盒模型有两种:标准模型和IE模型 标准模型:盒模型的宽高是内容(content)的宽高 IE模型:盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高 CSS如何设置两种模型 css3的属性box-sizing 标准模型 box-sizing:content-...
2019-04-09 17:05:32 95
原创 CSS的三种引入方式
1、内联CSS 内联css也称为行内css或者行级css,它直接在标签内引入。 优点:便捷、高效 缺点:不能够重用样式,代码行数多的时候不建议使用 <head> <div style="width: 65px;height: 20px;border: 1px solid;">测试元素</div> </head> 2、页级css 页...
2019-04-03 11:19:06 4400
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人