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.接收返回值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,613评论 1 19
  • 每天清晨,去上班的路上,会经过一个热闹的小菜市场,踩着单车穿梭在熙熙攘攘的人群间,内心总会感到一种恬静的安心,阳光...
    wu枫阅读 226评论 0 0
  • 时间总是过得飞快,就这么跌跌撞撞的走来,一个月已结束。从一开始对前端的东西一窍不通到现在了解了这么多,最大的感想就...
    沙子粒儿在西安阅读 382评论 2 0
  • 在我的印象里,完美的婚姻应该是钱钟书和杨绛先生那种,相濡以沫,彼此扶持。其实真正打动我的,并不是他们不吵架,或者说...
    媛_jane阅读 6,372评论 13 53