The Insider Secrets for Hello World

The Insider Secrets for Hello World

You will carry on to let it operate since you stop by this next report. Nothing might have assisted them longer. Yes, in the event that you should be doing Math.

If you should be capable of going into the candidate name in the writing box and vote and comprehend that the vote count increment, you’ve successfully created your own first program! A mortal mistake will be received by you! Because of this, you could need to change between one and the other based http://likesite.xyz/website-list-62.html on which is not or working presently time.

The Insider Secrets for Hello World

The Insider Secrets for Hello World

You will carry on to let it operate since you stop by this next report. Nothing might have assisted them longer. Yes, in the event that you should be doing Math.

If you should be capable of going into the candidate name in the writing box and vote and comprehend that the vote count increment, you’ve successfully created your own first program! A mortal mistake will be received by you! Because of this, you could need to change between one and the other based http://likesite.xyz/website-list-62.html on which is not or working presently time.

The Insider Secrets for Hello World

The Insider Secrets for Hello World

You will carry on to let it operate since you stop by this next report. Nothing might have assisted them longer. Yes, in the event that you should be doing Math.

If you should be capable of going into the candidate name in the writing box and vote and comprehend that the vote count increment, you’ve successfully created your own first program! A mortal mistake will be received by you! Because of this, you could need to change between one and the other based http://likesite.xyz/website-list-62.html on which is not or working presently time.

JS的基础

js:
JavaScript
是一门脚本语言
是一门解释性语言
是一门动态类型的语言
是一门基于对象的语言

?编译语言:需要把代码翻译成计算机所认知的二进制语言,才能够执行
脚本语言:不需要翻译,直接执行

常见的脚本语言:t-sql(数据库语言),CMD,
JS是一种运行在客户端的脚本语言
运行路线:电脑的硬件–系统–浏览器–代码

js原名LiveScript
发明者:布兰登.艾奇 网景公司
js的作用:解决用户和浏览器之间的交互的问题

js现在的应用:
1网页特效
2服务端开发(Node.js)
3命令行工具(Node.js)
4桌面程序(Electron)
5App(Cordova)
6控制硬件-物联网(Ruff)
7游戏开发(cocos2d-js)

HTML:是标记语言,展示数据的
css:美化页面
js:用户和浏览器的交互

js的组成:ECMAScript DOM BOM

alert()//在页面中弹出一个对话框

js的代码可以在三个地反写:
1.在HTML的文件中,script的标签中写js代码
在webstorm工具中打开页面
2.js的代码可以在HTML的标签中写
3.在js的文件中写,但是需要在HTML的页面中引入script的标签中的src=“js的路径”

js代码的注意问题:
1.在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会在执行
2.如果第一对的script比哦钱中有错误,不会影响后面的script标签中的js代码执行
3.script的标签中可以写:
type=“text/javascript”是标准写法或者写language=”javascript”都可以
但是,目前在我们的HTML页面中,type和language都可以省略。原因:html是遵循h5的标准
4.有可能会出现这种情况:
scri标签中可能同时出现type和language的写法
5.scri标签在页面中可以出现多对
6.script标签一般是放在body的标签的最后的,有的时候会在head标签中,最好是放在body标签的后面(body中的最后)
7.如果script标签是引入外部js文件的作用,那么这对标签中不要写任何的js代码,如果要写。重新写一对script标签,里面写代码

JS的变量

变量
操作的数据都是在内存中操作
js中存储数据使用变量的方式(名字,值—数据)
js中声明变量都用var—存储数据,数据应该有对应的数据类型
js中的字符串类型的值都用双引号或者单引号

存储一个数组10
变量的声明及赋值
var num=10;
存储一个名字
car name=“小黑”;

变量—作用,存储数据的或者操作数据

变量声明(有var 有变量名字,没有值)

变量初始化(有var 有变量名字,有值):
变量声明的同时并且赋值了 =的意思:赋值的意思

变量声明的方式:

var 变量的名字;

存储一个null—相当于是空
var nul=null

H5-bootstrap 之网格系统

                          { 网格类}

Bootstrap 4 网格系统有以下 5 个类:

.col- 针对所有设备
.col-sm- 平板 - 屏幕宽度等于或大于 576px
.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)
.col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)
.col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px                                                  

Bootstrap4 网格系统规则:

网格每一行需要放在设置了 .container (固定宽度) 或 .container-fluid (全屏宽度) 类的容器中,这样就可以自动设置一些外边距与内边距。
使用行来创建水平的列组。
内容需要放置在列中,并且只有列可以是行的直接子节点。
预定义的类如 .row 和 .col-sm-4 可用于快速制作网格布局。
列通过填充创建列内容之间的间隙。 这个间隙是通过 .rows 类上的负边距设置第一行和最后一列的偏移。
网格列是通过跨越指定的 12 个列来创建。 例如,设置三个相等的列,需要使用用三个.col-sm-4 来设置。
Bootstrap 3 和 Bootstrap 4 最大的区别在于 Bootstrap 4 现在使用 flexbox(弹性盒子) 而不是浮动。 Flexbox 的一大优势是,没有指定宽度的网格列将自动设置为等宽与等高列 。 如果您想了解有关Flexbox的更多信息,可以阅读我们的CSS Flexbox教程。
        

Bootstrap4 网格基本结构

创建一行()。然后, 添加是需要的列( .col- 类中设置)。 第一个星号 () 表示响应的设备: sm, md, lg 或 xl, 第二个星号 () 表示一个数字, 同一行的数字相加为 12

不在每个 col 上添加数字,让 bootstrap 自动处理布局,同一行的每个列宽度相等: 两个 “col” ,每个就为 50% 的宽度。三个 “col”每个就为 33.33% 的宽度,四个 “col”每个就为 25% 的宽度,以此类推。同样,你可以使用 .col-sm|md|lg|xl 来设置列的响应规则。

    (创建相等宽度的列,Bootstrap 自动布局)
    (等宽响应式列)

在移动设备上,即屏幕宽度小于 576px 时,四个列将会上下堆叠排版:
实例 .col-sm-3 .col-sm-3 .col-sm-3 .col-sm-3

     (不等宽响应式列)

在移动设备上,即屏幕宽度小于 576px 时,四个列将会上下堆叠排版:
实例 .col-sm-4 .col-sm-8

         (平板、桌面、大桌面显示器、超大桌面显示器 )

以下在平板、桌面、大桌面显示器、超大桌面显示器的宽度比例为分别为:25%/75%、50%/50%、33.33%/66.67%、16.67/83.33%, 在移动手机等小型设备上会堆叠显示。

       (偏移列)

偏移列通过 offset- 类来设置。第一个星号( * )可以是 sm、md、lg、xl,表示屏幕设备类型,第二个星号( * )可以是 1 到 11 的数字。

为了在大屏幕显示器上使用偏移,请使用 .offset-md-* 类。这些类会把一个列的左外边距(margin)增加 * 列,其中 * 范围是从 1 到 11。

例如:.offset-md-4 是把.col-md-4 往右移了四列格。
实例 .col-md-4 .col-md-4 .offset-md-4 .col-md-3 .offset-md-3 .col-md-3 .offset-md-3 .col-md-6 .offset-md-3

启示

宁愿背对阳光睁开双眼,也不愿面朝阳光睁一只眼闭一只眼!—-近视者的心态

心态

忙碌是一种幸福,让我们没时间体会痛苦;奔波是一种快乐,让我们真实地感受生活;疲惫是一种享受,让我们无暇空虚。
从明天起, 做一个幸福的人;喂马, 劈柴, 周游世界;从明天起, 关心粮食和蔬菜;我有一所房子, 面朝大海, 春暖花开。从明天起, 和每一个亲人通信;告诉他们我的幸福;那幸福的闪电告诉我的;我将告诉每一个人。

启示

同样一瓶饮料,便利店里卖2块,五星级饭店5块,很多时候,一个人的价值取决于所在的位置。

生活

生活原则:往高处立朝平地坐向阔处行。

生活态度:存上等心结中等缘享下等福。

生活目标:为社会奉献经典,为人生创造精彩。