1、Html1. 行内元素有哪些？块级元素有哪些？ 空(void) 元素有那些？（1）CSS 规范规定，每个元素都有 display属性，确定该元素的类型，每个元素都有默认的 display值，比如 div默认 display属性值为“block”，成为“块级”元素；span默认 display属性值为“inline”，是“行内”元素。 （2）行内元素有：a b span img input select strong（强调的语气） 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4p （3）知名的空元素： 鲜为人知的是： 2. 常见兼容性问题？png24位的图片在 i
2、E6浏览器上出现背景，解决方案是做成 PNG8.* 浏览器默认的 margin和 padding不同。解决方案是加一个全局的*margin:0;padding:0;来统一。* IE6双边距 bug:块属性标签 float后，又有横行的 margin情况下，在 ie6显示 margin比设置的大。 浮动 ie产生的双倍距离 #box float:left; width:10px; margin:0 0 0 100px; 这种情况之下 IE会产生 20px的距离，解决方案是在 float的标签样式控制中加入 _display:inline;将其转化为行内属性。(_这个符号只有 ie6会识别)渐进识
3、别的方式，从总体中逐渐排除局部。 首先，巧妙的使用“9”这一标记，将 IE游览器从所有情况中分离出来。 接着，再次使用“+”将 IE8和 IE7、IE6 分离开来，这样 IE8已经独立识别。css.bbbackground-color:#f1ee18;/*所有识别*/.background-color:#00deff9; /*IE6、7、8 识别 */+background-color:#a200ff;/*IE6、7 识别*/_background-color:#1e0bd1;/*IE6 识别*/ * IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用 getAttribute()
4、获取自定义属性;Firefox下 ,只能使用 getAttribute()获取自定义属性. 解决方法:统一通过 getAttribute()获取自定义属性.* IE下,even 对象有 x,y属性,但是没有 pageX,pageY属性; Firefox下, event对象有 pageX,pageY属性,但是没有 x,y属性.* 解决方法：（条件注释）缺点是在 IE浏览器下可能会增加额外的 HTTP请求数。* Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决.超链接访问
5、过后 hover样式就不出现了 被点击访问过的超链接样式不在具有hover和 active了解决方法是改变 CSS属性的排列顺序 :L-V-H-A : a:link a:visited a:hover a:active 3. html5 有哪些新特性、移除了那些元素？如何处理 HTML5 新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。* 绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；ses
6、sionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素，比如 article、footer、header、nav、section 表单控件，calendar、date、time、email、url、search 新的技术 webworker, websockt, Geolocation* 移除的元素纯表现的元素：basefont，big，center，font, s，strike，tt，u；对可用性产生负面影响的元素：frame，frameset，noframes；支持 HTML5新标签：* IE8/IE7/IE6支持通过 document.createElement方法产生
7、的标签，可以利用这一特性让这些浏览器支持 HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式：* 当然最好的方式是直接使用成熟的框架、使用最多的是 html5shim框架src=“http:/ 4. 谈谈你你对 HTML5 的离线储存？localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 数据在浏览器关闭后自动删除。5. 请描述一下 cookies，sessionStorage 和 localStorage 的区别？cookie在浏览器和服务器间来回传递。 sessionStorage 和 localStorage 不会sessionStor
8、age和 localStorage的存储空间更大；sessionStorage和 localStorage有更多丰富易用的接口；sessionStorage和 localStorage各自独立的存储空间；CSS1. CSS 引入的方式有哪些? link 和import 的区别是?内联 内嵌 外链 导入 区别 ：同时加载前者无兼容性，后者 CSS2.1 以下浏览器不支持Link 支持使用 javascript 改变样式，后者不可2. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和 important 哪个优先级高？标签选择符 类选择符 id 选择符继承不如指定 Idclass
9、标签选择后者优先级高3. 为什么要初始化 CSS 样式 ?- 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS初始化往往会出现浏览器之间的页面显示差异。- 当然，初始化样式会对 SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。*最简单的初始化方法就是： * padding: 0; margin: 0; （不建议）淘宝的样式初始化： body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button
10、, input, textarea, th, td margin:0; padding:0; body, button, input, select, textarea font:12px/1.5tahoma, arial, 5b8b4f53; h1, h2, h3, h4, h5, h6 font-size:100%; address, cite, dfn, em, var font-style:normal; code, kbd, pre, samp font-family:couriernew, courier, monospace; small font-size:12px; ul,
11、ol list-style:none; a text-decoration:none; a:hover text-decoration:underline; sup vertical-align:text-top; sub vertical-align:text-bottom; legend color:#000; fieldset, img border:0; button, input, select, textarea font-size:100%; table border-collapse:collapse; border-spacing:0; 4. 如果需要手动写动画，你认为最小时
12、间间隔是多久，为什么？多数显示器默认频率是 60Hz，即 1秒刷新 60次，所以理论上最小间隔为1/601000ms 16.7ms5. display:inline-block 什么时候会显示间隙？移除空格、使用 margin负值、使用 font-size:0、 letter-spacing、word-spacingJavascript1. javascript 的 typeof 返回哪些数据类型Object number function boolean underfind2. IE 和 DOM 事件流的区别1.执行顺序不一样、2.参数不一样3.事件加不加 on4.this 指向问题3.aj
13、ax 请求的时候 get 和 post 方式的区别一个在 url 后面 一个放在虚拟载体里面有大小限制安全问题应用不同 一个是论坛等只需要请求的，一个是类似修改密码的4.Node.js 的适用场景？高并发、聊天、实时消息推送5.Jquery 与 jQuery UI 有什么区别？jQuery是一个 js库，主要提供的功能是选择器，属性修改和事件绑定等等。*jQuery UI则是在 jQuery的基础上，利用 jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等其他问题1. 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？2. 最近看的一篇 Javascript 的文章是？3. WEB 应用从服务器主动推送 Data 到客户端有那些方式？4. 页面重构怎么操作？5. 列举 IE 与其他浏览器不一样的特性？参考网站http:/
