HTML相关

1、<!DOCTYPE>标签的定义与用法。 　　

  1. <!DOCTYPE>的定义：
  3. <!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。
  4. 该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML版本。（假如文档中的标记不遵循doctype声明所指定的DTD，这个文档除了不能通过
    代码校验之外，还有可能无法在浏览器中正确显示。）

  <!DOCTYPE>的用法：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　　　解析：在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD　　。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

     -   :   表示组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。

     +为默认,表示组织名称已注册。

    DTD  :   指定公开文本类，即所引用的对象类型。 默认为DTD。

     HTML :   指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。默认为HTML。

    URL  ：  指定所引用对象的位置。

     Strict：排除所有 W3C 专家希望逐步淘汰的代表性属性和元素。

 2、块级元素和行内元素都有哪些？ (比较常见的)

  1. 块级元素：p div table dl dd dt h1 h2 h3 h4 h5 h6 form hr
  2. 行内元素：a span  font b strong br em i ul li ol

 3、你真的了解HTML吗？（据说是雅虎面试题,答案为借鉴）

  1. 考点1：html和 xhtml的区别
  2. 这行代码在html 4.01 strict下是完全正确的，在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的，p,br需要闭合, 标签不允许大写，
    P要小写。同时nbsp和br必须包含在容器里。html下这些都不是错。p在html里是可选闭合标签，是可以不用闭合的。
    考点2：考样式分离
    用nbsp控制缩进是不合理的。应该用CSS干这事。所以应该删掉nbsp
    考点3：合理使用标签
    br是强制折行标签，p是段落。原题用连续的br制造两个段落的效果，效果是达到了，但显然用的不合理，段落间距后期无法再控制。正确的做法是用两个p表现两个段落。“我说”
    后面是正常的文字折行用br是合理的。

CSS相关

1、介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。

  1. —— 一般针对于IE6
    *  一般针对于IE6 IE7都可以识别
    + IE7都可以识别
    \9 对于IE 6、7、8是不同兼容设置 （补充下\0是针对IE8识别的）
    !important 是火狐浏览器比较常见的（建议少用）

2、介绍CSS盒模型。

  1. 每个HTML标记都可看作一个盒子；
  2. 每个盒子都有：边界、边框、填充、内容四个属性；
  3. 每个属性都包括四个部分：上、右、下、左；这四部分可同时设置，也可分别设置；
  4.  
  5. 如果CSS对HTML文档元素生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框（element box），那么我们可以形象地将其看作是一个盒子。

3、CSS层叠是什么？介绍一下。

  1. CSS层叠指的是—上级标签的样式会自动继承到其所有下级标签，如针对<body>设置的标签选择器所设的字体样式会自动应用到<body>下的<p>中，除非<p>重写了相关样式将其覆盖。
  2. CSS语义化的命名是指用易于理解的名称对html标签附加的class或id命名，如对于页面上方的<div>，可将其id设为header；页面下方的<div>设为footer，可以增强CSS的可维护性。

4、都知道哪些CSS浏览器兼容性问题。

  1. 1、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 
    2、IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。
    3、IE6 7 例如一个比较经典的Bug就是设置border的时候，有时候border会断开，刷新页面或者拖下滚动条的时候，断掉的部分又会连接起来,解决方法zoom:1;overflow:hodden;或height:1%;
    4、IE与FF透明度问题 等等就不一一列举了

5、有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容...

  1. position:absolute fixed inherit relative static 
    CSS3属性：常用的圆角radius 投影shadow 渐变等等

以下内容暂时还需要学习，这是很早以前的面试题了 ，在网上复制过来的。

以上是通过网上内容和自己见解整理的，仅代表个人看法。

看到这些题，自己无比的鸭梨山大啊！

javascript相关

  1. HTTP协议的状态消息都有哪些？(如200、302对应的描述)
  2. AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
  3. 同步和异步的区别?
  4. 简述JavaScript封装。
  5. JavaScript继承有哪两种形式形式，进行描述。
  6. 什么是闭包？以下代码点击<p>会输出什么？为什么？能大概说明白的话继续问能想出几种解决办法。 
    1. <!DOCTYPE HTML>
      <html>
      <head>
      <meta charset="utf-8" />
      <title>闭包演示</title>
      <style type="text/css">
          p {background:gold;}
      </style>
      <script type="text/javascript"> 
      function init() {    
          var pAry = document.getElementsByTagName("p");    
          for( var i=0; i<pAry.length; i++ ) {    
               pAry[i].onclick = function() {    
               alert(i);    
          } 
        }
      }
      </script> 
      </head> 
      <body onload="init();"> 
      <p>产品 0</p> 
      <p>产品 1</p> 
      <p>产品 2</p> 
      <p>产品 3</p> 
      <p>产品 4</p> 
      </body> 
      </html>
  7. 在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。
  8. 简述下cookie的操作，还有cookie的属性都知道哪些。
  9. IE与FF的JS兼容性都知道哪些。
  10. DOM操作 - 怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题，一般不会问)。

JQuery相关

1.jQuery源码是否尝试去读过？说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。

2.都知道哪些不好的jQuery书写方式。

3.Sizzle是否有读过？

前端面试题之nina分享的更多相关文章

  1. 好程序员分享Web前端面试题汇总JS篇之跨域问题

    为什么80%的码农都做不了架构师?>>>   好程序员分享Web前端面试题汇总JS篇之跨域问题,接着上一篇文章我们继续来探讨web前端面试必备面试题. 跨域解决方案 1. 通过jso ...

  2. 前端面试题 之 JavaScript

    昨天我们一起分享了关于html和css的面试题<前端面试题之Html和CSS>,今天我们来分享关于javascript有关的面试题.我面试的时候最害怕面试官问我js了,因为我真心不擅长这个 ...

  3. 前端周报：前端面试题及答案总结；JavaScript参数传递的深入理解

    1.2017前端面试题及答案总结 |掘金技术征文 "金三银四,金九银十",用来形容求职最好的几个月.但是随着行业的饱和,初中级前端er就业形势不容乐观. 行业状态不可控,我们能做的 ...

  4. Vue 前端面试题[转]

    https://mp.weixin.qq.com/s/Uxhx2dJ1Xbm6N3Gl7wNZNw Vue 前端面试题 游荡de蝌蚪 前端开发 1周前 作者:游荡de蝌蚪 https://segmen ...

  5. 金三银四，磨砺锋芒；剑指大厂，扬帆起航（2020年最全大厂WEB前端面试题精选）上

    金三银四,磨砺锋芒:剑指大厂,扬帆起航(2020年最全大厂WEB前端面试题精选)上 引言 元旦匆匆而过,2020年的春节又接踵而来,大家除了忙的提着裤子加班.年底冲冲冲外,还有着对于明年的迷茫和期待! ...

  6. 前端面试题2016--HTML

    本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可 ...

  7. 【web前端面试题整理02】前端面试题第二弹袭来，接招！

    前言 今天本来准备先了解下node.js的,但是,看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼 题目一览 Jav ...

  8. 各大互联网公司前端面试题（js）

    对于巩固复习js更是大有裨益.    初级Javascript: 1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案. 2.JavaScript的数据类型都有什么? 基本数据类型 ...

  9. 前端面试题（html篇）

    前端面试题(html篇)

随机推荐

  1. CUBRID学习笔记 45 REPLACE DELETE MERGE 教程

    c#,net,cubrid,教程,学习,笔记欢迎转载 ,转载时请保留作者信息.本文版权归本人所有,如有任何问题,请与我联系wang2650@sohu.com . 过错 ------ 官方文档是英文的, ...

  2. Spring管理Bean的三种创建方式

    1.使用类构造器实例化  (90%以上都是使用这种) <bean id=“orderService" class="cn.itcast.OrderServiceBean&qu ...

  3. Linux基础知识之—— nohup命令使程序在后台运行的方法

    在linux操作系统中从后台一直运行某个程序的方法,就是使用nohup命令了. 参照网址:http://www.jb51.net/LINUXjishu/189964.html

  4. 关于Spring定时任务（定时器）用法

    Spring定时任务的几种实现 Spring定时任务的几种实现 一．分类 从实现的技术上来分类,目前主要有三种技术(或者说有三种产品): 从作业类的继承方式来讲,可以分为两类: 从任务调度的触发时机来 ...

  5. 优秀c++开源项目集合

    本文会持续更新, 我希望通过这篇文章把我看到过的优秀开源项目记录下来, 有时间仔细阅读. cockroachdb 前googler开发的开源的spanner数据库: https://github.co ...

  6. Js获取当前日期时间及格式化操作

    var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getFullYear();    //获取完整的年份(4位,1 ...

  7. Python中的__new__()方法的使用

    __new__() 函数只能用于从object继承的新式类. 先看下object类中对__new__()方法的定义: class object:   @staticmethod # known cas ...

  8. Java集合类源码分析

    常用类及源码分析 集合类 原理分析 Collection   List   Vector 扩充容量的方法 ensureCapacityHelper很多方法都加入了synchronized同步语句,来保 ...

  9. STM32学习笔记(二) 基于STM32-GPIO的流水灯实现

    学会了如何新建一个工程模板,下面就要开始动手实践了.像c/c++中经典的入门代码"hello world"一样,流水灯作为最简单的硬件设备在单片机领域也是入门首推.如果你已经有了一 ...

  10. 转：设计模式-----桥接模式(Bridge Pattern)

    转自:http://www.cnblogs.com/houleixx/archive/2008/02/23/1078877.html 记得看原始链接的评论. 学习设计模式也有一段时间了,今天就把我整理 ...