初学前端犯下的错误(用于反省)
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.
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与XHTML、以及HTML4与HTML5标签之间的区别简介
- jq的.html()插入失败
- 让html元素水平居中
- 解决前端传来数据中文乱码问题
- 剑指offer(五)
- 剑指offer(四)
- css input[type=file] 样式美化,input上传按钮美化
- js去除字符串的前后空格
- jquery之data
- Htmlparser 中的各种Filter介绍
- 基于HTML5的WebGL电信网管3D机房监控应用
- 基于HTML5的WebGL电信网管3D机房监控应用
- 图片旋转、无限滚动、文字跳动
- Why SIPfoundry decided to offer support
- 【JavaScript知识点二】JavaScript 变量
- 菜鸟日记之JSP1
- JavaScript的闭包特性 如何给循环中的对象添加事件
- CSS/LESS tips and snippets
- 关于jQuery UI样式不能应用问题的解决
- html横向树目录