初学前端犯下的错误（用于反省）

　　由于初学，总是犯错，纠结了半天，搜过若干帖子，蓦然回首，才知道错误是如此的。。。难以启齿。所以准备开个随笔，记录自己犯下的一些错误。

1.bootstrap初学，搬代码的时候发现无效果。

　　错误原因：bootstrap的css文件版本引入错误，引入的是v2.3.2版本，实际上参考的教程是v3版本

　　总结：在引入bootstrap的时候要注意版本，但根本上要解决的是检查bootstrap里面这个样式设置的代码。在sublime中快捷键是Ctrl+F搜索关键词

　　     

2.引用图片等资源的时候，无资源

　　错误原因： 资源路径是资源相对于你当前所在的位置的对应关系。./images/pic_2.png和../images/pic_2.png的区别

3.bootstrap的Glyphicons字体库的引用

　　要把下载的fonts文件夹复制到自己的工程目录下，并引用类名如：<span class="glyphicon glyphicon-user" aria-hidden="true"></span>

　　

4.bootstrap下拉框无下拉效果

　　错误原因1：未引入bootstrap.min.js文件

　　错误原因2：引入bootstrap.min.js文件时，方式错误，想当然的把bootstrap.min.js文件放入<link>标签里。应该放在<script>里面

　　错误原因3：未引入jquery.min.js文件

　　错误原因4：bootstrap.min.js文件和jquery.min.js的先后顺序写错了。应该先写jquery.min.js文件。

　　

　　　　图1：无下拉效果　　　　　　　　　　　　　　　　图2：正确的引用方式和文件及顺序　　　　　　　　　　　　　　　图3：正确的效果

5.用记事本编写HTML文件，明明写了utf8编码，但在网页中还是出现乱码。

　　错误原因：记事本本身编码是gb2312，要在存储的时候改为utf-8编码。如图：