2018年01月_大西瓜啃完了哟

转载 ES6中let与var的区别

通过var定义的变量，作用域是整个封闭函数，是全域的。通过let定义的变量，作用域是在块级或是子块中。for (let i = 0; i 10; i++) { // ...}console.log(i);// ReferenceError: i is not defined//计数器i只在for循环体内有效，在循环体外引用就会报错。变量提升现象：浏览器在运行代码之前会进

2018-01-12 14:01:52 248

原创作用域预解析

作用域概念预解析规则作用域：在一定的空间、范围、区域对内容进行读写！浏览器 js解析器 1、会去找 var function参数等， a=未定义所有变量，在正式运行之前，都提前赋了一个值未定义； fn1=function fn1(){alert(2);} 所有的函数，在正式运行代码之前，都是整个函数块这种叫做js 预解析 .预解析的时候，相同名字会复盖前面位置 2、逐

2018-01-12 13:51:31 297

转载 h5新增标签及css3新增属性

新增标签video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main time 日期和时间值 ma

2018-01-10 17:17:52 440

转载 css兼容问题整理

标签最低高度设置min-height不兼容问题症状：因为min-height本身就是一个不兼容的CSS属性，所以设置min-height时不能很好的被各个浏览器兼容碰到几率：5%解决方案：如果我们要设置一个标签的最小高度200px，需要进行的设置为：{min-height:200px; height:auto !important; height:200px; overflow:vis

2018-01-10 16:53:02 249

原创两列布局：左边固定宽度，右边自适应宽度，并且左边高度固定，右边自适应，两边的底边一直对齐

style> body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, table, td, img, div { margin: 0; padding: 0; border: 0; } #left { float: left; width: 220

2018-01-10 15:29:18 292

转载 foot元素内容未满或超过一页都底部显示

全局增加一个负值下边距等于底部高度一个全局的元素a包含除了底部之外的所有内容，a元素最小高度为100%,设置a元素的负值下边距等于foot高度，然后在a元素设置两个平级元素c d。其中d高度等于foot高度style> body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, table, td, img, div { m

2018-01-09 16:12:26 557

原创 foot元素一直浮在底层

通过calc一个全局的元素a包含除了底部之外的所有内容，设置a元素的最小高度为body高度减去foot高度。style> body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, table, td, img, div { margin: 0; padding: 0; border: 0

2018-01-09 15:22:16 377

大西瓜啃完了哟