Posted on 二月 21, 2019
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标签,里面写代码
Posted on 二月 21, 2019
JS的变量
变量
操作的数据都是在内存中操作
js中存储数据使用变量的方式(名字,值—数据)
js中声明变量都用var—存储数据,数据应该有对应的数据类型
js中的字符串类型的值都用双引号或者单引号
存储一个数组10
变量的声明及赋值
var num=10;
存储一个名字
car name=“小黑”;
变量—作用,存储数据的或者操作数据
变量声明(有var 有变量名字,没有值)
变量初始化(有var 有变量名字,有值):
变量声明的同时并且赋值了 =的意思:赋值的意思
变量声明的方式:
var 变量的名字;
存储一个null—相当于是空
var nul=null
Posted on 二月 21, 2019
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
Updated on 二月 20, 2019
心态
忙碌是一种幸福,让我们没时间体会痛苦;奔波是一种快乐,让我们真实地感受生活;疲惫是一种享受,让我们无暇空虚。
从明天起, 做一个幸福的人;喂马, 劈柴, 周游世界;从明天起, 关心粮食和蔬菜;我有一所房子, 面朝大海, 春暖花开。从明天起, 和每一个亲人通信;告诉他们我的幸福;那幸福的闪电告诉我的;我将告诉每一个人。
Updated on 二月 20, 2019
英雄联盟

在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技能的被动为 – 参与击杀被标记的目标或者印记爆炸后会为劫提供额外的攻击力。如果劫参与击杀了能够提供更多加成的目标时,之前的加成会被替换。而当大招没有准备就绪的时候,能够提升这一额外加成的目标头顶会有一个手里剑标识,加成越大手里剑的图标越大。
——-整体来说后期的成长性变弱,前中期的伤害增强。。
近期评论