这个视频不知道是多久以前的, 但是你看, 视频中使用的boostrap是 3.1.1 版本的. 现在官网已经4.0.0了.变化还是挺大的. 建议你学习的时候 就用 3.1.+版本的, 我使用的3.3.7的.
5534 股份的大股东
考虑到页面的性能,一般js文件放在html结构的最下面
我用的就是Chrome,没有发现你说的问题。
这个的不是响应式,只是将网页在手机屏幕上缩小显示。和原来的网页是一样的。响应式是将网页在不同的分辨率下的不同状态。包括样式的一些改变。
打出HTML后按tab键就可以直接显示,如果不能,试着安装emmet插件再试一下
这讲的就是案例啊 再看不懂你看看
Bootstrap(基础)
这个课!
一种是直接用在线CDN :<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">;
另一种你可以吧样式下载下来,通过本地引用:例如<link href="你的路径位置/bootstrap.css" rel="stylesheet" />
js文件放在底部原因很简单,因为浏览器在解析dom和渲染的时候是单线程,如果遇到js下载缓慢的情况,会造成页面阻塞,用户看不到页面的东西,造成不好的体验,一但js加载失败,那浏览器就会一直不停地加载,页面就一直显示不出来,放在底部的话,就算js加载缓慢或者加载不出来,但是因为css和其他html文档都加在完毕了,至少可以让用户看到完整的界面从而提高用户体验和性能。希望对你有帮助。
bootstrap是包含主题的,需要应用其中主题的时候,需要添加这个CSS文件
同问。。。也是这里看不懂。。
也不一定弊大于利啊,看你怎么学了,如果你只是会用了一些,就一直无脑的套用,从不想是怎么实现的,那是不太好了,但是如果边打基础,边用bootstrap,你会有惊喜的发现,学到很多知识,像bootstrap这样比较优秀的框架,深入点的研究,真的有很多地方值得新手学习了, 它的CSS写法,栅格系统,以及各种封装起来的js功能,响应式的实现等等,你去相关网站上看,还有在bootstrap基础上开发的配套的验证、日历等等插件,你把bootstrap琢磨透,自己也搞出来一套集成的框架,就从新手进化了~~
你是说js的引入位置? js的引入位置可以放到head里,也可以放到body里,但多数人喜欢放到body里,因为页面加载是从上到下加载的,而且在加载js文件时,页面不会往下加载,直到js加载完成才会加载后面的内容。如果把js放到head里,一但出现网络不好或js文件很大的情况,页面加载js文件就需要一定的时间,这时页面在这段时间里就是空白,什么也不显示。但是放到body最下面的话,页面内容就会先加载,最后才去加载js,这样就不会出现空白页面。
对呀,因为页面是顺序加载的
确实,
这里面主要涉及的是加载顺序、js是单线程。
由于浏览器解析是自上而下加载解析,如果一个很大的js文件放在head里面,由于js是单线程,那么浏览器会一直解析,而无法加载解析后面的dom tree,以至于页面出现空白,如果放在body最下面,这样dom tree会先加载解析,呈现出页面再加载解析js里面的内容,这样用户体验会更好。
如果js放在head里面,引用了某个dom,但是这时你还没加载dom tree,会报错,可以采用 window.onload = function(){}这样来解决,或者给js设置defer 或者 async来让js异步加载,这样就不会报错了。