ie

import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8089)) sock.listen(5) while True: connection, address = sock.accept() buf = connection.recv(1024) connection.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf8")) connection.sendall(bytes("<h1>Hello,World</h1>","utf8")) connection.close() if __name__ == '__main__': main() html css 以及js的关系 HTML的学习 HTML 是什么？ htyper text markup language 即 超文本标记语言 超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 标记语言: 标记（标签）构成的语言. 网页==HTML文档，由浏览器解析，用来展示的 静态网页： 静态的资源，如xxx.html 动态网页： html代码是由某种开发语言根据用户请求动态生成的 html文档树形结构图： 什么是标签

<!--组合键： -->IE的键盘监听最多只能作用于document上（window我试过不行）如果内嵌了iframe并且你的焦点在iframe上，那么按键无效 这里我用CTRL+Q写的例子： function test(){　　if(event.ctrlKey&&window.event.keyCode==81){　　　　myalert();　　}} <!--禁止网页右键： --> document.body.oncontextmenu=function rightClick(){ window.event.returnValue= false;} <!--禁止网页另存为： --> <noscript><iframe src=*.html></iframe></noscript> <!-- 禁止选择文本： --> <script type="text/javascript"> var omitformtags=["input", "textarea", "select"] omitformtags=omitformtags.join("|") function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1) return false } function

备注:在火狐下和IE下，js的执行不一致,很多语句结果不一致，其他浏览器也可能，注意验证,多用if else包括window。onload； 　　① 只用来区分IE和非IE内核的浏览器 ,由于只有IE支持ActiveX控件，所以可以用 window.ActiveXObject 来判断，另一个 document.all 也可以用来判断，返回值为true表示IE内核( 如果只是项区分是否IE只是用本方法即可 ); 　　var isIE = window.ActiveXObject; if (isIE) { alert('IE内核'); } else { alert('非IE内核'); } 　　② 判断是否IE内核和浏览器版本， 使用navigator.userAgent来判断 　　我们先来分析一下各种浏览器的特征及其userAgent。 IE 只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数，就可以明确判断出当前浏览器是IE。而IE各个版本典型的userAgent如下： Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)

一：navigator.userAgent window . navigator.userAgent 属性 包含了 浏览器 类型 、 版本 、操作系统类型、浏览器引擎类型等信息，通过这个属性来判断浏览器类型，下面是我写的一个函数，这个函数返回一个包含浏览器名称和版本的数组。 此函数可区分ie5.5~ie8、Chrome、Opera、Safair、Firefox这5种常见浏览器。 function browser() { var ua = window.navigator.userAgent, ret = ""; if (/Firefox/g.test(ua)) { ua = ua.split(" "); ret = "Firefox|" + ua[ua.length - 1].split("/")[1]; } else if (/MSIE/g.test(ua)) { ua = ua.split(";"); ret = "IE|" + ua[1].split(" ")[2]; } else if (/Opera/g.test(ua)) { ua = ua.split(" "); ret = "Opera|" + ua[ua.length - 1].split("/")[1]; } else if (/Chrome/g.test(ua)) { ua = ua.split(" ");

javascript部分 1. document.form.item 问题 问题： 代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements["elementName"] 2. 集合类对象问题 问题： 代码中许多集合类对象取用时使用()，IE能接受，FF不能 解决方法： 改用 [] 作为下标运算，例： document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1] 3. window.event 问题： 使用 window.event 无法在FF上运行 解决方法： FF的 event 只能在事件发生的现场使用，此问题暂无法解决。可以把 event 传到函数里变通解决： onMouseMove = "functionName(event)" function functionName (e) { e = e || window.event; ...... } 4. HTML对象的 id 作为对象名的问题 问题： 在IE中，HTML对象的 ID 可以作为 document 的下属对象变量名直接使用，在FF中不能 解决方法： 使用对象变量时全部用标准的

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 　　 常见兼容问题： 　　1.DOCTYPE 影响 CSS 处理 　　2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 　　3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 　　4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 　　5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 　　6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 　　7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以 　　8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left

WebSocket学习笔记IE，IOS，Android等设备的兼容性问 一、背景 公司最近准备将一套产品放到Andriod和IOS上面去，为了统一应用的开发方式，决定用各平台APP嵌套一个HTML5浏览器来实现，其中数据通信，准备使用WebSocket的方式。于是，我开始在各大浏览器上测试。 二、协议分析 2.1 WebSocket的请求包 首先把原来做Socket通信的程序拿出来，跟踪下浏览器在WebSocket应用请求服务端的时候发的数据包的内容： IE11： GET /chat HTTP/1.1 Origin: http://localhost Sec-WebSocket-Key: 98JFoEb6pMLFYhAQATn6hw== Connection: Upgrade Upgrade: Websocket Sec-WebSocket-Version: 13 User-Agent: Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko Host: 127.0.0.1:1333 Cache-Control: no-cache Cookie: s_pers=%20s_20s_nr%3D1390552565333-Repeat%7C1422088565333%3B FireFox 26.0： GET /chat

PS：在其基础上完善了一些答案，增加一些问题 欢迎fork wj：） 目录 前言 HTML 部分 CSS 部分 JavaScript 部分 其他问题 优质网站推荐 前言 本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！ 面试有几点需注意：(来源程劭非老师 github:@wintercn) 面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。 题目类型： 技术视野、项目细节、理论知识题，算法题，开放性题，案例题。 进行追问： 可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住的。 回答问题再棒，面试官（可能是你的直接领导面试），会考虑我要不要这个人做我的同事？所以态度很重要。（感觉更像是相亲） 资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。 前端开发面试知识点大纲： HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、 选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript： 数据类型、面向对象

　　前段时间离职了，就花了些时间准备笔试和面试。在网上和博客园里都看到这些笔试题，在这里我来做一个解答（少数题目）。有些是参考网上资料，有些是个人理解，有错误或不恰当的地方往指正，谢谢。 一、 <!DOCTYPE> 标签的定义与用法。 答：定义： <!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范 。 该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML版本。 （ 假如文档中的标记不遵循doctype声明所指定的DTD，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。） 用法： a.如果需要干净的标记，免于表现层的混乱，用XHTML Strict DTD类型。 b.Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素. 如果用户使用了不支持层叠样式表（CSS）的浏览器以至于你不得不使用 HTML 的呈现特性时，用Transitional DTD 类型。 c.Frameset DTD 被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD。 二、 块级元素和行内元素都有哪些? 答：块级元素：div,p,h1-h6,ul,ol,dl,form

1.Event 对象对该文档而言是透明的，可将其看成是全局变量使用 2.事件上溯（Bubble，也称冒泡），IE和非IE事件传播方向也不一样,IE多数事件是由它们发生的地方开始向上回溯继承关系, 非IE：事件可能从顶端对象开始至末端对象结束 3.任何事件发生后生成的Event 对象对该文档而言是透明的，可将其看成是全局变量使用 4.IE阻止事件上溯设置Event 对象的cancleBubble 属性为true 5.事件改向： object.fireEvent(arg1,arg2); 该方法需要给定两个参数arg1 和arg2，其中参数arg1 表示目标对象的事件处理器，参 数arg2 表示当前事件如： function ChangeDir() { msg+="-->事件定位于Td,准备事件转向\n\n"; event.cancelBubble=true; document.body.fireEvent("onclick",event); } 6.事件捕获 document.captureEvents(Event.MOUSEDOWN); document.onmousedown=MyHandler; 如果需要捕捉多个事件，各事件之间要用管道符“|”隔开。如捕获文档中所有的Click 和DbClick 事件可使用如下语句： document.captureEvents(Event