网页重构面试题（整理）

一：基础知识
二：常见bug
三：实例处理技法

一：
   1. 浏览器内核？
      IE（ie内核）火狐（Gecko）  谷歌（webkit）  欧朋（presto）
   2. hack写法？
      -0- 欧朋       -ms- 微软       -moz- 火狐    -webkit- 谷歌
      _ IE6       *    IE7       \0    IE8+    \9       ie6+... ...
   3. w3c标准及认识？
      标签闭合、正确嵌套、代码小写，外链样式和脚本，机构、表现和行为分离，容易维护、改版方便。
   4. xhtml、html区别？
         标签闭合、正确嵌套、代码小写
   5.前端分为哪三层？
      结构 html、样式 css、行为 js
   6.css样式（选择器）优先级？
      ①行间> 内嵌 >外链 >导入式
      ②行间 >ID >标签 >类（这个不确定）
   7. css层叠性（一块区域，有多个css文件设置它）？
         样式不冲突，优先级相同；样式有冲突，根据选择器优先级决定
   8.为什么要reset（重置）css？
      让各个浏览器统一样式显示
   9.页面三种渲染模式？
      怪异模式、标准模式和几乎标准模式
   10.标准/怪异模式区别？
      盒子模型渲染模式不同（当前模式 document.compatMode ；值是：9中的3选1）
   11.盒子模型？
      内容 + border+ padding+ margin
   12.块级元素/行内元素？
      块级元素：  div 、p 、h1~h6 、ul... ...
      行内元素：  a  、b 、i 、span 、input... ...
   13.什么是语义化标签？好处是什么？
      如：strong、header、footer 等标签，利于搜索引擎抓取（SEO）
   14.怎么网站优化，提高访问速度？
      ①文件合并，减少请求 ②压缩文件，减小体积
      ③缓存                   ④使用CDN托管                yahoo35条优化
   15.css精灵的优缺点？
      优点：  减少图片请求
      缺点：  不易操作、维护
   16.怎么高效书写css？
      采用复合写法    如： font:字体大小/行高  粗细  样式  字体1，字体2；
   17.如何避免FOUC(flash of unstyled content文档样式短暂失效)?
      原因： ① import 导入样式 ② 样式表在页面底部 ③ 多个样式表冲突
      解决：样式表放在<head>中，用<link>导入样式
   18.HTTP状态码？
      1xx临时响应  2xx成功  3xx重定向  4xx请求错误  5xx服务器端错误
   19.渐进增强/优雅降级？
      渐进增强：向上兼容，使用css3等新技术渲染界面
      优雅降级：向下兼容，对低版本浏览器的页面渲染处理，如禁止使用js的情况
   20.页面渲染原理？
      请求 --返回HTML文档 -- 发现css，（请求并）返回css -- 发现js，（请求并）返回js
      reflow：重新渲染
      repaint：重绘。比上面reflow程度轻，只改变部分样式，不会改变结构
   21.你使用SCSS/LESS等CSS预处理器吗？优点好处。
      代码更少，文件更轻
   22.开发工具你是用哪个？喜欢哪部分功能？
      Editplus             zen Coding功能
   23.为什么要配备多个DNS服务器？
      备用、分流
   24.你怎么制作和维护一个大型网站（涉及多人协作）？
      命名规范、编写习惯（如缩进都用tab键）、标注模块、标注编写人名字... ...

二：
   1.IE6浮动时，产生的双边距？
      _display:inline;
   2.IE6 3px的bug？
      *html 元素{margin-left/right：-3px；}
   3.IE6文本溢出？
      ①去除浮动  ②上下两个DIV间注释去掉 ③调整宽度
   4. IE6/7 display:inline-block 问题？
         ①  _{display:inline-block;...}
            _{display:inline;}
         ② _{display:inline;zoom:1;...}
         ③ 元素之间的间隙解决：戳这里
   5.清除浮动的方法？
      多种清除浮动，HERE
   6.IE6  fixed兼容？
        多种方法

三：
   1. 多行文本溢出显示省略号？
      css3和jq两种方法，这儿
   2.元素垂直居中？
      多种居中   第二篇
      IE9 font垂直居中问题
   3. css、js和ajax图片预加载？
      文章看这里

网页重构面试题（整理）相关推荐

css页面重构面试题
偶然间又看到博客园中这两道页面重构面试题. 题一:分别用2个DIV,3个DIV,5个DIV实现水平垂直均居中显示一个宽50px,高200px的正十字架. 思路:水平垂直均居中的实现,当然非absolu ...
2022年前端面试题整理，持续更新中
端面试题整理已同步到掘金.CSDN 掘金地址: https://juejin.cn/post/7075332630417244173 CSDN 地址:https://blog.csdn.net/z1 ...
.Net 面试题整理(一)
.Net 面试题整理(一) 好久的资料了,拿出来分享给大家,主要是记录一些面试题整理. Main函数是什么?在程序中使用Main函数有什么需要注意的地方? Q:程序的入口函数!函数名字不能改变:一个程 ...
Java面试题整理_P1
Java面试题整理 1.Java基础 1.JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,Java 开发工具包,提供了 Java 的开发环境和运行环境.JR ...
前端面试题整理2020
前端面试题整理2020 1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势. 2.项目介绍 3.如何看待前端开发? 4.平时是如何学习前端开发的? 5. ...
长期维护更新，前端面试题整理
网上找到的各种面试题整理,长期更新.大部分答案整理来自网络,有问题的地方,希望大家能指出,及时修改;技术更新迭代,也会及时更新博客原地址: https://finget.github.io/2019 ...
前端面试题整理总结--2021
双向绑定的原理: 把 Dep / Observer/ Watcher几个类的关系, 如何做到双向绑定.依赖的更新怎么处理 vue的双向绑定原理及实现 - 最骚的就是你 - 博客园 Vue.js双向绑定 ...
最新前端面试题整理和答案（全）一直更新
最新前端面试题整理和答案(全) 参考地址:https://blog.csdn.net/wdlhao/article/details/79079660 javascript: JavaScript中如何 ...
前端面试题整理-ing---kalrry
前端面试题整理-ing---kalrry 前言一.Html/Css面试题 1. img中的alt和title的区别 2. rem/em/vw的区别 3. BFC 是什么 4. @media all ...

网页重构面试题（整理）

网页重构面试题（整理）相关推荐

最新文章

热门文章