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