前端

前端路线

html

html其实不用太过意去关注。只要不是瞎嵌套标签就好。感觉没有太多需要注意到的点。到时候面试也几乎不问。感觉就可能问

1. doctype 指定文档当前的使用的标准和版本 浏览器根据doctype决定使用哪种渲染模式 （标准模式 和 怪异模式）

   怪异模式向后兼容 盒子模型的表现是不一样的

2. 语义化
   语义化就是让人看得懂，让机器看得懂，让屏幕阅读器看得懂。就是h5的几个段落标签。section article footer header 类似的 平时开发几乎不会用到 以及去考虑。

CSS

css是需要重点关注的点之一。但是在我看来 CSS面试问到，以及平时开发常用的属性也就那么些几种样式。

1. 了解盒子模型是重中之重。
   标准的盒子模型，你设置宽度的时候就是在设置content内容的宽度。
   也就是说整个盒子占用的宽度是 margin+border+padding+content
   默认情况下 box-sizing: content-box;就是这种表现形式。
   怪异的盒子模型就是你设置的宽度就是 border+padding+content的宽度 注意是这三个。如果不清楚，你就自己写几行代码看看

  <div class="par">

  </div>
  .par{
      box-sizing: border-box;
      margin: 10px;
      padding: 10px;
      width: 100px;
      height: 100px;
      background-color: red;
    }

2.要知道BFC这个东西，以及它的作用。会造成怎样的影响。初看看不懂没关系，那就跳过去。遇到相关问题再看与之对应的有ifc不过懂了bfc ifc也没啥 所以先不用看
http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
3.margin 这个东西是外边距，这个东西没啥好说的 反正遇到margin没效果了
就直接搜索margin 在 xxx方向上失效
4.padding 这个可以来完成一种特定的布局
宽高比固定的布局 这个 可以自己把代码拷贝 运行看效果就知道了 一般用于做背景图 要注意的点是padding 百分比的值继承于元素的父级。这个child元素的padding百分之比值就应是50px 应为par元素的宽度为100px

  <div class="par">
    <div class="child"></div>
  </div>
  .par{
      width: 100px;
      height: 0;
  }
  .child{
    width: 70%;
    height: 0px;
    padding-top: 50%;
    background-color: black;
  }

5.box-sizing了解一下
6.flex布局去看并且需要理解 去看阮一峰老师的
7.line-height vertical-aligin 这些属性知道怎么用就好 遇到问题了再百度。因为有些时候这些问题很玄学。
8.border可以做三角形去看下
9.css3过渡动画和帧动画等需要用到的时候再去学也不迟
10.了解经典的布局

• 左边固定 右边自适应
• 左右固定 中间自适应
• sticky-footer布局
• 水平垂直方向居中
• https://mp.csdn.net/mdeditor/79749315
  其他CSS遇见的问题 就得自己搜索 自己学习

JS

高级程序设计需要精读
主要是要了解JS的作用域 还有它的类 继承
再然后看你之前的教学视频再看一遍，边看视频边看高级程序设计相关的部分。关联起来自己再想。看完一遍 并且把之前的轮播图，动画啊，都做一遍了。就可以先放下了开始学习vue 等你学vue再问我。
学AJAX的时候去慕课网 https://www.imooc.com/learn/250