您的位置:首页 > Web前端

初学前端犯下的错误(用于反省)

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

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.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: