前端路线
html
html其实不用太过意去关注。只要不是瞎嵌套标签就好。感觉没有太多需要注意到的点。到时候面试也几乎不问。感觉就可能问
doctype 指定文档当前的使用的标准和版本 浏览器根据doctype决定使用哪种渲染模式 (标准模式 和 怪异模式)
怪异模式向后兼容 盒子模型的表现是不一样的
- 语义化
语义化就是让人看得懂,让机器看得懂,让屏幕阅读器看得懂。就是h5的几个段落标签。section article footer header 类似的 平时开发几乎不会用到 以及去考虑。
CSS
css是需要重点关注的点之一。但是在我看来 CSS面试问到,以及平时开发常用的属性也就那么些几种样式。
- 了解盒子模型是重中之重。
标准的盒子模型,你设置宽度的时候就是在设置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