WEB前端面试的笔试题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WEB前端面试的笔试题相关的知识，希望对你有一定的参考价值。
- <!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跨域的解决办法？
- 同步和异步的区别
- 什么是闭包
JQuery相关
- 你使用过那些javascript库
- 你是否研究过你所使用的JS库或框架的源代码
- 什么是哈希表
- ‘undefined’变量和‘undeclared’变量分别指什么
- 闭包是什么，如何使用它，为什么要使用它
其他
- 都使用和了解过哪些编辑器？都使用和了解过哪些日常工具？
- 都知道有哪些浏览器内核？开发过的项目都兼容那些浏览器？
- 国内外JS牛人都知道那些？
- 瀑布流布局或流式布局是否又了解？
- 正则表达式是否系统学习过？有的话就问问简单点的邮箱验证、URL验证、贪婪匹配与懒惰匹配的理论知识。
- Node.js是否有过尝试？到什么程度？说说自己的理解
- HTML5有哪些新的JS API？
- 前端优化知识都知道哪些？
- 基础算法题（如快速排名，能否一两句说说重要的核心原理或者数组消重等）
- 是否有接触过或者了解过 重构？
以上是关于WEB前端面试的笔试题的主要内容，如果未能解决你的问题，请参考以下文章
面试集合（更）web前端经典面试题试题及答案html/css