概念

来源：互联网发布：学电脑编程的学校编辑：程序博客网时间：2024/04/30 08:11

你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？
1、DOCTYPE 影响 CSS 处理
2、FF: 设置 padding 后， div 会增加 height 和 width，但 IE 不会，故需要用 !important 多设一个 height 和 width
3、FF: 支持 !important， IE 则忽略，可用 !important 为 FF 特别设置样式
4、div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

5、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px 解决方法： div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反，!important这个属性IE不能识别，但别的浏览器可以识别。

[html5]离线存储
H5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法（更新相关文件或者使用相关API），可以更新、删除离线存储等操作；

H5的离线存储使用一个manifest文件来标明哪些文件是需要被存储的，使用如 <html manifest='offline.manifest'> 来引入一个manifest文件，这个文件的路径可以是相对的，也可以是绝对的，如果你的web应用很多，而且希望能集中管理manifest文件，那么静态文件服务器是个不错的选择。

CSS盒模型原理
1、W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　
2、IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。

DOM操作——怎样添加、移除、移动、复制、创建和查找节点
1、创建新节点
   createDocumentFragment()    //创建一个DOM片段
   createElement_x()   //创建一个具体的元素
   createTextNode()   //创建一个文本节点
2、添加、移除、替换、插入
   appendChild()
   removeChild()
   replaceChild()
   insertBefore()
3、查找
   getElementsByTagName()    //通过标签名称
   getElementsByName()    //通过元素的Name属性的值
   getElementById()    //通过元素Id，唯一性

0 0