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块,很多时候,一个人的价值取决于所在的位置。

生活

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

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

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

英雄联盟

无形之刃,最为致命!

在2月12日测试服的更新中,召唤师峡谷中最受欢迎的英雄——影流之主 劫 遭受设计师强改。

*成长攻击速度由2.1%提高到3.3%——-本作者感觉没什么L用,众所周知劫是靠技能的熟练使用和衔接打伤害的,你这攻速提高了有什么用???

Q技能

*技能伤害由80/115/150/185/220+90%额外攻击力调整为90/120/150/180/210+100%额外攻击力——-这个改的就不错了,伤害加强,使得劫前期的伤害比以前更高。

W技能

*再次施放的距离由1300提高到1950(与影子可以模仿本体技能的距离一致)

*技能冷却时间由22/20/18/16/14秒下调到20/18.5/17/15.5/14秒——-W的距离和冷缩的减短,可以使劫在后期不仅可以打出更高的伤害,而且也获得了极大的生存空间

R技能

*被动效果移除

注:劫R技能的被动为 – 参与击杀被标记的目标或者印记爆炸后会为劫提供额外的攻击力。如果劫参与击杀了能够提供更多加成的目标时,之前的加成会被替换。而当大招没有准备就绪的时候,能够提升这一额外加成的目标头顶会有一个手里剑标识,加成越大手里剑的图标越大。

——-整体来说后期的成长性变弱,前中期的伤害增强。。