收集收集

来源：互联网发布：酷听说软件编辑：程序博客网时间：2024/05/03 19:30

1 兼容性 javascript http://sojuker.blog.163.com/blog/static/13879087920126319346816/ css http://www.jb51.net/css/23232.html

css hack http://www.duitang.com/static/csshack.html

2 js跨域问题： CORS跨源资源共享在请求前面附加一个Origin头部。

图像ping 通过动态的让img指向一个新src

jsonp 异步加载javascript

ajax comet 两种实现方式长轮询和流。

web socket 会在发起连接后，形成一种新连接方式，使用新的协议 socket协议。可以提供全双工，双向通信。

3 blur、focus、load和unload不能像其它事件一样冒泡

4事件代理

那些需要创建的以及驻留在内存中的事件处理器少了。这是很重要的一点，我们得到了性能上的提升，同时降低了崩溃的风险。
在DOM更新后无须重新绑定事件处理器了。如果你的页面是动态生成的，比如说通过Ajax，你不需要再在元素被载入或者卸载的时候来添加或者删除事件处理器了。

5 html语义化 http://www.cnblogs.com/PeunZhang/archive/2012/03/08/2385592.html

6 清除浮动 http://www.cnblogs.com/mizzle/archive/2011/07/14/2105961.html

7ie中调试microsoft 脚本编辑器开发者工具

8 SVN 操作：导入 import 导出 checkout 提交修改 commit 添加add 更新update 删除delete 打分支 branches

9 ie haslayout以及相关bug（双边距，3像素） http://www.nowamagic.net/librarys/veda/detail/1395

ie6 bug http://www.itlead.com.cn/html/269/2012-11-06/content-9032.shtml

10 http常见状态码：http://www.cnblogs.com/TankXiao/archive/2013/01/08/2818542.html

200 OK 服务器成功处理了请求（这个是我们见到最多的）
301/302 Moved Permanently（重定向）请求的URL已移走。Response中应该包含一个Location URL, 说明资源现在所处的位置
304 Not Modified（未修改）客户的缓存资源是最新的，要客户端使用缓存
404 Not Found 未找到资源
501 Internal Server Error服务器遇到一个错误，使其无法对请求提供服务

11 js优化问题：异步加载，延迟执行。文件合并，使用CDN托管，缓存的使用，减少页面请求。减少DOM更新。使用压缩工具（YUI Compressor）

12 Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8document.URL=location.href

13 css sprites 将一系列图片集合在一张大图上，用定位来显示相应的部分，可以减少http请求。

14 sessionStorage 、localStorage 和 cookie 之间的区别
共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

15 使用多域名存储的好处：

1. CDN缓存更方便
2. 突破浏览器并发限制 (你随便挑一个 G家的 url: https://lh4.googleusercontent.com/-si4dh2myPWk/T81YkSi__AI/AAAAAAAAQ5o/LlwbBRpp58Q/w497-h373/IMG_20120603_163233.jpg, 把前面的 lh4换成 lh3,lh6啥的，都照样能够访问，像地图之类的需要大量并发下载图片的站点，这个非常重要。)
3. Cookieless, 节省带宽，尤其是上行带宽一般比下行要慢。。。
还有另外两个非常规原因:
4. 对于UGC的内容和主站隔离，防止不必要的安全问题( 上传js窃取主站cookie之类的) 。
正是这个原因要求用户内容的域名必须不是自己主站的子域名，而是一个完全独立的第三方域名。
5. 数据做了划分，甚至切到了不同的物理集群，通过子域名来分流比较省事. ^_^ 这个可能被用的不多。

16 css reset重置浏览器的默认样式

17 link和@important引入css的区别：两者都是外部引用CSS的方式，但是存在一定的区别：

　　区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。、
　　区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
　　区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
　　区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

18 如何让浮动元素居中：方法1：父元素和浮动元素同时设置float:left；父left:50%；子right:50%；当然position全部得是relative；

方法2：浮动元素设置为inline-block;（ie下使用display:inline;zoom:1）然后父元素使用text-align:center;会出现间隔bug；font-size:0消除大部分bug