创业型小公司--面试分享

创业型小公司，一般希望你能干些实用的，不会提供什么培训之类的，所以问问题的时候比较具体，更加考验你的实践功底和基础功。

html部分

• 行元素有哪些？块元素有哪些？以及他们的区别？
  答：行元素：a-瞄点，b-粗体，i-斜体，img-图片，input-输入框，lable-表格标签，span-内联容器，strong-粗体强调；
  块元素：div-块级容器，form-表单，h1~h6-标题，hr-分割线，p-段落，table-表格，ol-排序表单，ul-非排序表单；
  区别：

  1. 块元素独占一行，宽度自动填满父元素，行元素不独占一行，相邻的行元素会排列在同一行里，直到排列不下，才换行；
  2. 一般情况下，块元素可以设置width,height属性，行元素设置width,height无效，注意，块元素设置了宽度，仍然是独占一行的。
  3. 块级元素可以设置margin和padding。行元素水平方向可以设置边距效果，但竖直方向的padding,margin都不会产生边距效果。
     详细：https://www.cnblogs.com/Jackie0714/p/4923639.html

• display有哪些属性？
  答：block-块级元素，此元素后有换行；
  inline-默认，此元素被显示为内联元素，不会换行；
  inline-行内块元素；
  none-此元素不被显示；
  inherit-从父元素继承display属性；
  table-此元素会作为块级表格来显示（类似

  ），表格前后带有换行符;
  详细：https://www.w3school.com.cn/css/pr_class_display.asp

• 有几种定位，以及区别，会不会破坏dom流？
  static-默认，静态，正常文档流
  relative-相对，不脱离文档流，只改变自身位置
  absolute-绝对，相对于最近的父元素 脱离文档流
  fixed-固定，相对于浏览器窗口，脱离文档流

• input的类型有那些？
  答：button,text,password,checkbox-复选框,radio-单选框,file-文件上传,image-图片，reset-重置按钮，submit-提交按钮，h5中新出现的:email-邮箱，tel-电话，number-数字，search-搜索，url-地址，color-拾色器，date-时间
  详细：https://blog.csdn.net/glgom/article/details/82912985

• html和h5的区别？
  答：广义的h5，实际指的是html,css,javascript在内的一套技术，有W3C制定的一套标准。
  区别：

  1. 文档声明：html:超文本标记语言，一种纯文本类型语言；h5:文档声明简单，精简。
  2. 结构语义：html:没有体现结构语义化的标签，例如："<div id=“nav”>"
     h5:新增了许多具有语义化的标签，如“<nav>"
  3. 绘图区别：html：用于顶柜网络上的基于矢量的图形；h5：canvas使用脚本在页面绘制，控制画布每个像素。
     详细：https://zhidao.baidu.com/question/363882088.html

• h5新出那些标签？抛弃了那些标签？
  新增：
  article-文章
  audio-音频
  video-视频
  time-时间/日期
  nav-导航栏链接
  details-元素的详细内容
  command-命令按钮
  canvas-图形
  抛弃：
  big,center,font,frame,frameset,dir
  详细：https://www.w3school.com.cn/tags/index.asp https://www.cnblogs.com/xlb-happymoment/p/6864050.html

• 页面中DOCTYPE作用？
  答：doctype是document type缩写，是文档类型，他的作用就是规定了使用什么规则集解释文档中的标记。
  还有一种说法是：告诉浏览器使用标准模式还是怪异模式渲染。
  详细：https://www.cnblogs.com/web-coding/p/4675003.html

css部分

• css3有那些新特性？
  圆角，阴影，渐变色，透明度，旋转，过渡等。
  详细：https://jingyan.baidu.com/article/17bd8e5240abae85ab2bb8a2.html

• css选择器的优先级，以及权重？
  !important>行间样式>id选择器>类选择器=属性选择器>标签选择器>*通配符选择器
  权重：
  !important：正无穷
  行间样式：1000
  id选择器：100
  属性选择器，类选择器：10
  标签选择器：1
  通配符选择器：0
  详细：https://www.cnblogs.com/wyx221/p/10075004.html

• 什么时盒模型，以及两种盒模型的转换？
  盒模型：https://blog.csdn.net/weixin_42917994/article/details/106214506
  转换：运用box-sizing属性来定义匹配在某个区域的特定元素。content-box，表示按着标准的盒模型显示，border-box，表示按着IE盒模型来显示。
  详细：https://blog.csdn.net/judy_qiudie/article/details/88393659

• css3中弹性布局？
  详细：https://www.cnblogs.com/kunmomo/p/10856665.html

• 如何设置一个div居中?多种办法？
  详细：https://www.cnblogs.com/Julia-Yuan/p/6648816.html

js部分

• js中有几种数据类型？分别是什么？
  答：5种基本的数据类型，undefined,null,boolean,number,string;
  1种复杂的数据类型，object，本质是由一组无序的名值对组成。
  详细：https://www.cnblogs.com/phillyx/p/5603738.html

• 常用原生js还是jquery？之后根据这个进行提问？

• 1-"2"的值，1+"2"的值？
  答： 数值-1，字串12。

• null和undefined区别？转换成值为？
  null代表数据项有定义，但是没有赋值，此时初始值为null（空）；
  undefined代表数据项没有定义，更不存在初始值，因此就是undefined。
  null转换成值是0，undefined转换成值是NaN（表示not a number不是一个数字的特殊值）。
  详细：https://zhidao.baidu.com/question/336242397.html

• 了解ajax吗？jquey中ajax方法参数？
  url,type,data,async(是否同步)，timeout-设置请求时间，success,error等。
  详细：https://blog.csdn.net/weixin_42917994/article/details/106097649

• ajax步骤？

1. 创建一个XMLHttpRequest对象；
2. 设置请求方式和请求地址
3. 用send发送请求
4. 监听状态变化
5. 接受返回数据