博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初学前端犯下的错误(用于反省)
阅读量:4683 次
发布时间:2019-06-09

本文共 904 字,大约阅读时间需要 3 分钟。

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

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编码。如图:

  

转载于:https://www.cnblogs.com/fanfan-nancy/p/4944659.html

你可能感兴趣的文章
asp.net web 定时执行任务
查看>>
tomcat 和MySQL的安装
查看>>
11.5 内部类
查看>>
Cosine Similarity
查看>>
浅谈JAVA集合框架
查看>>
halt和shutdown 的区别
查看>>
git常用操作
查看>>
京东SSO单点登陆实现分析
查看>>
render()方法是render_to_response
查看>>
u-boot启动第一阶段
查看>>
谢惠民,恽自求,易法槐,钱定边编数学分析习题课讲义23.2.3练习题参考解答[来自陶哲轩小弟]...
查看>>
北京大学2019年数学分析考研试题
查看>>
[原]quick集成spine动画
查看>>
网站常见漏洞及解决方案
查看>>
MySQL批量SQL插入性能优化
查看>>
linux配置java环境变量(详细)
查看>>
刚毕业的小鲜肉
查看>>
定义列属性:null,default,PK,auto_increment
查看>>
zookeeper笔记
查看>>
VMware装CentOS注意事项 IP
查看>>