4月学习div+css+JavaScript

css 选择器

id 选择器  #adb{}                id=adb

类选择器  .adc{}                class=adc    

标签选择器  div{}

派生选择器  div p{}

选择器的优先级是指向越精确的优先级越高 范围越广的越低

div可以理解为块从大局出发可以大致分为哪几块 如头部尾部 主体部分这样的划分

正常来说div的排布是从上往下的  当我们要左右排布的时候 可以用div的float属性 或者display inline属性 div可以理解为android中的线性布局 我觉得

div属于盒子模型 有正常的margin padding border属性

然后这门css+div的课程还说了一个技巧就是 当我们固定一个div的大小 通过div的background position不断调整xy轴的坐标 可以从一张大图上不断截取小图标的方式 来达到不用切图的效果

Js

js中有个匿名函数 不需要给function起名字 感觉跟java的匿名内部类差不多 js放在head中对元素进行操作时要window.onload事件结束才能 放在body中可以直接运行

getelementbyid 一次只能获取一个元素

getElementsByTagName 获取一个类型的元素 获取的结果是个数组

所有的组件可以随意添加自定义属性 不需要申明 可直接赋值 例如 btn.index=1;来给元素+特殊标记

style和classname属性 不要混用

innerHtml？可以往div中直接加内容 带样式标签的html都可以

文档碎片的概念：每次通过dom插入元素后就渲染太耗性能 可以先放到文档碎片中最后统一渲染 document.createDocumentFragment

ajax 发请求方式 同步异步

缓存的处理需要清楚：缓存是根据同一个url来进行缓存的 只要url不停在变就能不读取缓存的内容

eval方法可以把json自动分割以及自动区分字符串 数字等

ajax的四个步骤跟打电话差不多：

1.创建ajax对象

2.连接到服务器（类似拨号）

3.告诉服务器要哪个东西（发送请求）

4.接收返回值