WEB前端面试的笔试题
html
- <!DOCTYPE>标签的定义与用法
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
<!DOCTYPE>是HTML5的声明，所有的浏览器都支持它，对大小写不敏感，没有结束标签。
- 块级元素和行内元素有哪些？
块级元素：<div> <d>l <dt> <dd> <form> <h1>……<h6> <ol> <ul> <li> <p> 我自己常用的
行内元素：<a> <b> <big> <em> <i> <img> <input> <small> <span> <strong> <textarea>
块级元素与行内元素的区别：
- 行内元素会在一行内，直线排列，水平方向的排列；块级元素个占据一行，垂直排列；
- 块级元素可以包含行内元素和块级元素，但是行内元素不能包含块级元素；
- 块级元素与行内元素主要是盒模型属性不同：行内元素width height 无效，margin padding上下无效；
- 你真的了解HTML吗？
（这真是一个蛋疼的问题，可以不回答嘛）
问：display有几个值？
有17个值，但是常用的有block inline inline-block none;
CSS相关
- 介绍所知道的CSS hack技术
CSS hack就是针对不同的浏览器不同的浏览器版本写相应的CSS code的过程，叫做CSS hack。
条件注释法、属性前缀法、选择器前缀法三种不同的方式。（妈蛋的那么多的各版本的不同，挺费脑容量啊，具体再用的时候再查）
- 介绍CSS盒子模型
具有外边距、内边距、边框、内容属性的盒子模型。
- CSS层叠是什么，介绍一下。
CSS层叠就是针对同一元素配置同一属性，权重高的选择器配置的值覆盖权重低的选择器配置的值。
- 都知道那些CSS浏览器兼容问题。
内外边距、IE6边距大于实际设置值、min-height不兼容、图片默认有边距、IE中图片默认有边框、IE6和IE7设置小于10px的高度时候不受控制等
具体看收藏的文章。
JavaScript基础相关
- HTTP的状态消息都有那些？（如200 302对应的描述）
2开头成功状态、3开头重定向、4开头请求错误、5或6开头服务器错误
- AJAX是什么？AJAX的交互模型（流程）？AJAX跨域的解决办法？
使用javascript向服务器发出请求并处理响应而不阻塞用户的技术。
触发事件——创建对象——发送请求——服务器响应——处理返回数据
使用script标签可以跨域访问的特性来达到跨域交互的目的
- 同步和异步的区别
同步：脚本会停留并等待服务器发送回复然后在继续
异步：脚本允许页面进行其进程并处理可能的回复
- 什么是闭包
闭包是有权限访问另一函数作用域的变量的函数；闭包的作用：自执行函数、缓存、封装、实现面向对象中的对象
- 什么是事件委托？
事件委托就是事件目标本身不处理事件，而是将事件处理委托给其父元素或其祖父元素。
JQuery相关
- 你使用过那些javascript库
- 你是否研究过你所使用的JS库或框架的源代码
- 什么是哈希表
- ‘undefined’变量和‘undeclared’变量分别指什么
undefined 为空，undeclared 未声明；
其他
- 都使用和了解过哪些编辑器？都使用和了解过哪些日常工具？
- 都知道有哪些浏览器内核？开发过的项目都兼容那些浏览器？
- 国内外JS牛人都知道那些？
- 瀑布流布局或流式布局是否又了解？
- 正则表达式是否系统学习过？有的话就问问简单点的邮箱验证、URL验证、贪婪匹配与懒惰匹配的理论知识。
- Node.js是否有过尝试？到什么程度？说说自己的理解
- HTML5有哪些新的JS API？
- 前端优化知识都知道哪些？
- 基础算法题（如快速排名，能否一两句说说重要的核心原理或者数组消重等）
- 是否有接触过或者了解过 重构？
浙公网安备 33010602011771号