前端面试题——html与css基础篇】的更多相关文章

整理一波html和css的面试题,侧重基础,希望明天面试能用到~(╥╯^╰╥) 一.HTML部分 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层.表示层.行为层分别是:HTML.CSS.JavaScript作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务 2.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?  (1). Doctype声明位于文档中的最前面,处于标签之前.告知浏览器的解析器,用什么文档类型…
转自http://www.cnblogs.com/jscode/archive/2012/07/10/2583856.html Doctype是什么?如何触发严格模式与混杂模式模式?区分它们有何意义? Doctype是document type(文档类型)的简写,是用来说明所用的XHTML或HTML是什么版本的.XHTML1.0 提供了三种DTD声明可供选择,分别是: 1.过渡的(Transitional,也叫混杂模式):要求比较宽松,允许继续使用HTML4.01的标识,完整声明为 <!DOCT…
(前端面试题大全,持续更新) 常用的块级元素和行内元素有哪些?说说他们的特点? 浮动产生的原因?清除浮动? 说说一下盒模型 float和position一起用是什么效果 rem用过吗?做不同手机的适配怎么做? script的async有什么用?defer? 给页面注入50万个li怎么做提升性能? 你一般用的MIME类型有哪些? BFC/margin塌陷 说一下伪类?伪元素? fileReader用过吗?base64编码原理? canvas和svg的区别 布局(盒子模型布局,position的布局…
1.简述一下你对HTML语义化的理解 1)用正确的标签做正确的事情 2)html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析 3)即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的 4)搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO 5)使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解 2.Doctype作用?标准模式与兼容模式之间区别? <!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html>…
Html篇: 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit,Google与Opera Software共同开发) 2.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 答案:<!DOCTYPE> 声明位于文档中的最前…
目录: Cookie 是否会被覆盖,localStorage是否会被覆盖? 如何保持登陆状态? Ajax原生 Jsonp的原理.怎么去读取一个script里面的数据. 如果页面初始载入的时候把ajax请求返回的数据存在localStorage里面,然后每次调用的时候去localStorage里面取数,是否可行. 304是什么意思? 强缓存和协商缓存的命中和管理 http请求和响应的消息结构 http请求头有哪些字段 http响应常见状态码 简述http 1.1 与 http 1.0的区别 请列举…
1.介绍所知道的CSS hack技巧(如:_, *, +, \9, !important 之类). CSS hack的原理: 由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样,以及CSS优先级对浏览器展现效果的影响,我们可以据此针对不同的浏览器情景来应用不同的CSS. 条件注释法: 只在IE下生效: <!--[if IE]> 这段文字只在IE浏览器显示 <![endif]--> 只在IE6下生效: <!--[if IE 6]> 这段文字只在IE6浏览器显示…
对最近面试的面试题坐下总结: 一,css部分 1,html元素的垂直居中 答案: <div id="box"> <div> 测试 </div> </div> #box{ width: 200px; height: 200px; text-align:center; vertical-align: middle; display: table-cell; } 2,css考的最多是flex: <!DOCTYPE html> <…
内置类型 JS 中分为七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object). 基本类型有六种: null,undefined,boolean,number,string,symbol. 其中 JS 的数字类型是浮点类型的,没有整型.并且浮点类型基于 IEEE 754标准实现,在使用中会遇到某些 Bug.NaN 也属于 number 类型,并且 NaN 不等于自身. 对于基本类型来说,如果使用字面量的方式,那么这个变量只是个字面量,只有在必要的时候才会转换为对应的类型 let…
JavaScript 运行机制 1. 单线程(用途决定,需要与用户互动以及操作DOM) 2. 分同步任务(主线程)与异步任务(任务队列),只有任务队列通知主线程某个任务可以执行了,该 任务才会进入主线程执行. 放入异步任务的情况: 1. setTimeout.setInterval 2. DOM 事件 3. ES6中的 Promise 4. Ajax异步请求 javascript console.log(1); setTimeout(function() { console.log(3); },…