摘要：
页面布局，一些块的布局，文字写在块的里面 页面布局，一些块的布局，文字写在块的里面 元素的浮动 默认的div是一个块级元素，一个div就占据了一行，可恶的很！！！ 元素的浮动 默认的div是一个块级元素，一个div就占据了一行，可恶的很！！！ .item{ background: red } <di 阅读全文
posted @ 2017-04-03 14:51
阿柴与米
阅读(182)
评论(0)
推荐(0)
摘要：
什么是CSS 从字面上来理解，css的全称是Cascading Style Sheets，翻译成为中文，就是层叠样式表，为啥子要叫作这个名字？ 先来看看这个层字：从字面意义上来理解，就是一层一层的意思 我们一般都是怎么样子给页面添加css的呢？ 浏览器默认的拥有一套样式 行内样式 style标签引入 阅读全文
posted @ 2017-03-30 15:24
阿柴与米
阅读(1095)
评论(3)
推荐(2)
摘要：
学习js的小伙伴们一定知道，闭包这个东西，非常的绕，他的官方概念不是一般的难以理解。就是让人完全懵逼的赶脚。。我们干脆一点，拿出例子说话 function foo(){ var a=3; function bar(){ console.log(a); //输出3 } bar(); } foo(); 阅读全文
posted @ 2017-03-30 13:30
阿柴与米
阅读(169)
评论(0)
推荐(0)
摘要：
提到js的作用域，我的习惯就是。先看代码 var my=function(){ var s=3; } console.log(s) 这段代码的执行结果是什么？ 会不会有人觉得结果是 3 呢？ 但是，结果是ReferenceError: s is not defined 。原因在于，变量 s 是定义在 阅读全文
posted @ 2017-03-29 18:29
阿柴与米
阅读(181)
评论(0)
推荐(0)
摘要：
事件处理程序太多了，会带来一些问题的，首先，事件处理函数写多了，会占据内存，其次，这些处理函数导致DOM的访问次数增加，这样子会延迟整个页面的就绪时间 所以，我们可以用事件委托的办法，来解决这些问题 前面已经讲过事件冒泡了，事件委托就是利用了这一点 举个例子 事件处理程序太多了，会带来一些问题的，首 阅读全文
posted @ 2017-03-29 08:37
阿柴与米
阅读(372)
评论(0)
推荐(0)
摘要：
上一章节，整理出了flex布局的一些知识（点击这里），这一章节，来说说 flex-basis 这个属性 这个属性的取值。存在几种不同的情况 auto 首先检查项目的尺寸，如果设置了width，那么这个值就为这个项目的宽度，就像上一个章节的例子一样 如果这个项目没有设置宽度，是有内容撑开的，那么这个值 阅读全文
posted @ 2017-03-12 21:38
阿柴与米
阅读(1592)
评论(1)
推荐(1)
摘要：
flex布局是一种可以完美的解决响应的布局，非常的美妙。关于flex布局的属性太多太多了。但是我们掌握最关键，常见的布局，就是可以的了。 flex布局包括两个东西，一个叫做容器，还有一个叫做 flex项目 ,这样子说起来好累，我们还是上代码 我们操作flex布局，只需要在容器上面，添加一个属性 di 阅读全文
posted @ 2017-03-12 09:47
阿柴与米
阅读(6690)
评论(0)
推荐(2)
摘要：
数组一般我们是用for循环来遍历 数组一般我们是用for循环来遍历 var arr=[1,2,3,4,5] for(var i=0;i<arr.length;i++){ console.log(arr[i]) } 地球人都能看的懂这段代码，不解释 数组有个forEach(_)方法，也是个遍历，没有返 阅读全文
posted @ 2017-03-10 14:23
阿柴与米
阅读(186)
评论(0)
推荐(0)
摘要：
当我们在DOM上面触发一个事件的时候，就会调用对应的事件处理函数，这个时候会产生一个事件对象，我们叫做event，这个对象中有着很多的信息，我们来看一看 都有些啥子 先从DOM0级事件处理说起 说明一下，这个event是这个事件函数自动产生的，我可以不叫做event，换成任何名字都可以的 至于这个e 阅读全文
posted @ 2017-03-04 11:25
阿柴与米
阅读(214)
评论(0)
推荐(0)
摘要：
事件流 提起事件，第一个要提及的就是这个事件流，举个例子 事件流 提起事件，第一个要提及的就是这个事件流，举个例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </hea 阅读全文
posted @ 2017-03-03 17:02
阿柴与米
阅读(256)
评论(0)
推荐(0)
浙公网安备 33010602011771号