JSbootstrap第一天

JavaScript 书写位置：分为三种

注意事项： 书写的位置尽量写到文档末尾 前面 外部 js 标签中间不要写代码，否则会被忽略

内部 JavaScript

直接写在html的文件里，用script标签包住

规范：script标签写在上面

拓展： alert(‘你好，js’) 页面弹出警告对话框

外部 JavaScript

代码写在以.js结尾的文件里

语法：通过script标签，引入到html页面中。

内联 JavaScript

代码写在标签内部 语法：

注意： 此处作为了解即可，我们并不推荐，但是后面vue中会看到这一种使用模式

JavaScript 注释

单行注释

符号：// 作用：//右边这一行的代码会被忽略 快捷键：ctrl + /

多行注释

符号：/* / 作用：在/ 和 */ 之间的所有内容都会被忽略

JavaScript的结束符

代表语句结束 英文分号 ; 可写可不写（现在不写结束符的程序员越来越多） 换行符（回车）会被识别成结束符 ,所以一个完整的语句，不要手动换行 因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符 但为了风格统一，要写结束符就每句都写，要么每句都不写（按照团队要求.）

JavaScript 输入输出语法

输入： prompt()

输出： alert() document.write() console.log()

显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字，获取的输入内容是字符串

引入样式，首先引入jquery

删格系统

是bootstrap封装好的一种技术（媒体查询），以更加方便的方式来让我们使用。

做引入框架的铺垫

1、首先引入样式

2、再引入 jquery.js

3、后引入 bootstrap.js

二、写栅格代码

1、先容器 container（为版心） 或者 container-fluid（为版心）

2、再写行 row

3、根据屏幕的种类 以及每一列占的分数 。。。。

大屏幕下 每一列占3份

中等屏幕下 每一列占4份

小屏幕下 每一列占6份

极小屏幕下 每一列占2份

举例样式：

col-lg-3 col-md-4 col-sm-6 col-xs-2

如果只设置了较小屏幕的话，比它大的屏幕默认会沿用它的设置。