摘要: 分支结构 条件语句 1.单向分支 if(条件){ } 2.双向分支 if(){ } else{ } 3.嵌套分支 if(){ if(){ } } else{ } 4.多项分支 if else if(适应表示范围) if(){ } else if(){ }else if(){ }else { } 5. 阅读全文
posted @ 2017-08-15 21:01 不完美的完美 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 数据类型转换 1.自动转换(在某种运算环境下) Number环境 String环境 Boolean环境 2.强制类型转换 Number() 字符串:纯数字和空字符转为正常数字,其他NaN 布尔值:ture=1,false=0 var str = "abc" console.log(typeof(st 阅读全文
posted @ 2017-08-14 22:02 不完美的完美 阅读(218) 评论(0) 推荐(0) 编辑
摘要: JavaScript 基础 编程语言 机器语言 汇编语言 高级语言 编译形 解释形 php/js ECMA 欧洲计算机制作联合会 JavaScript 组成 ECMA3 ECMA5 ECMA6(ECMA2015) (ECMA2016) (ECMA2017) 客户端 JavaScript 组成 ECM 阅读全文
posted @ 2017-08-12 11:37 不完美的完美 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 盒子垂直左右居中方法 方法1(不常用) <!DOCTYPE html 盒子垂直左右居中 .box{ width:1000px; height:500px; border:1px solid 000; margin:0 auto; display:flex; } .box div{ width:200 阅读全文
posted @ 2017-08-11 16:56 不完美的完美 阅读(748) 评论(0) 推荐(0) 编辑
摘要: 弹性网络(删格系统) sm 小屏幕 md 中屏幕 lg 大屏幕 响应式图片 给img的宽度 设置为 100% 使用background image 配合 padding top/background size 使用 `` 标签。 使用 pricturefill.js 插件 使用插件实现图片拖动 wi 阅读全文
posted @ 2017-08-10 16:15 不完美的完美 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 制作旋转小风车 一 我先搭建一个大盒子400x400px大盒子里面嵌套四个小盒子200x200px,放在一起肯定是四个排在一行,我想要的效果是上下各两个, { margin:0; padding:0; } box{ display:flex;/ 将容器设置为伸缩盒,和设置float效果一样 / fl 阅读全文
posted @ 2017-08-09 21:22 不完美的完美 阅读(3192) 评论(0) 推荐(0) 编辑
摘要: viewport 定义 可视区域 移动端:布局视口(大部分980px)/理想视口(视口宽度=设备宽度) 设置 设置选项 width 视口宽度 通常设置为device width height 视口高度 initical calse 初始化缩放比例 maximum scale 最大缩放比例 minim 阅读全文
posted @ 2017-08-09 17:53 不完美的完美 阅读(254) 评论(0) 推荐(0) 编辑
摘要: WEB字体 语法 @font face{ font family:""; src:url() format() ... } 兼容性写法 @font face { font family: 'diyfont'; src: url('diyfont.eot'); / IE9+ / src: url('d 阅读全文
posted @ 2017-08-08 19:19 不完美的完美 阅读(240) 评论(0) 推荐(0) 编辑
摘要: css3 变形/变换 相关属性 transform transform origin transform style:flat/preserve 3d perspective: 长度单位 perspective origin观察者的位置 backface visibialbe:visible/hid 阅读全文
posted @ 2017-08-08 11:33 不完美的完美 阅读(382) 评论(0) 推荐(0) 编辑
摘要: 边框 圆角 border radius border top left radius border top right radius border bottom left radlius border bottom right radius 盒子阴影 box shadow box shadow:5p 阅读全文
posted @ 2017-08-08 11:32 不完美的完美 阅读(556) 评论(0) 推荐(0) 编辑