- 前端开发：JavaScript 键盘封装器 11-25
- JavaScript流程控制-循环结构 11-25
- JavaScript运算符 11-25
- JavaScript 运算符 11-25
- part3: javascript之计时器 11-25
- web前端：JavaScript注释 11-25
- WebSocket JavaScript CSS教程 11-25
- JavaScript流程控制-跳转语句 11-25
- JavaScript Math对象 11-25
- JavaScript引用类型RegExp 11-25
前端开发：JavaScript 键盘封装器
发布者: superzhang | 发布时间:2017-11-25此文为大家推荐一些实用的JavaScript键盘封装器，希望在今后的前端过程中有所帮助！
1、mousetrap（处理键盘快捷键的 JavaScript 库）
2、Keypress（键入捕捉工具库，任何键都可以成为一个修饰健）
3、KeyboardJS（一个用于绑定键盘组合的 JavaScript 库，让你脱离快捷键和快捷键组合冲突的痛苦）
JavaScript流程控制-循环结构
发布者: superzhang | 发布时间:2017-11-25一、for循环
for(变量=初始值;变量<结束值;变化值){
循环体
}
在浏览器中的样式
二、while循环
var a=7;
while(a<10){
document.write(a);
a++;
}//输出789
输出九九乘法表
alert(a+b);//1fea
B、 %
1.取模，即求余数
2.一般不用于小数，因为结果不确定
var a=5;
alert(a%2);//1
alert(a%3);//2
C、var++ ++var
1. ++在前面，先自加，后赋值
2. ++在后面，先赋值，后自加
var a=1;
var b;
alert(b=a++);//1
alert(a);//2
alert(b=++a);//3
alert(a);//3
二、关系运算符（比较运算符）
> < >= <= == === != !==
1、运算的结果都是布尔值
2、都是字符串时他会先转化
JavaScript 运算符
发布者: superzhang | 发布时间:2017-11-25运算符 = 用于赋值。
运算符 + 用于加值。
运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
实例
指定变量值，并将值相加：
y=5;
z=2;
x=y+z;
在以上语句执行后，x 的值是：
7
JavaScript 算术运算符
<p算术运算符用于执行变量与 或值之间的算术运算。="" <="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helve
part3: javascript之计时器
发布者: superzhang | 发布时间:2017-11-25前端小白入门篇
大白(●––●)先给大家展示一下效果图。
这里是一个最基本的计时器，在网页许多地方都会用到里面类似的函数处理方式，给大家展示这个计时器，主要就是让大家理解js的具体操作，毕竟熟能生巧嘛。
代码
最后希望大家能把上面代码熟悉一遍，或者先收藏起来，emm..记得点一波关注哦⊙∀⊙！⊙∀⊙！
web前端：JavaScript注释
发布者: superzhang | 发布时间:2017-11-25JavaScript注释
JavaScript不会执行注释。我们可以添加注释来对JavaScript进行解释，或者提高代码的可读性。单行注释以//开头。本例用单行注释来解释代码：实例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿景前端(web.gzseoaj.com)</title>
</head>
<body>
<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
// 输出标题：
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
// 输出段落：
document.getElementById("myP").innerHTML="This is my first paragraph.";
</script>
WebSocket JavaScript CSS教程
发布者: superzhang | 发布时间:2017-11-25一、为什么需要 WebSocket？
初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？
答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。
举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。
这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。我们只能使用“轮询”：每隔一段时候，就发出一个询问，了解服务器有没有新的信息。最典型的场景就是聊天室。
轮询的效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开）。因此，工程师们一直在思考，有没有更好的方法。WebSocket 就是这样发明的。
教程目标
本教程的目标是利用VueJS以及Webpack从头创建一个基础但完整的渐进式Web应用。我们的应用将会满足
JavaScript流程控制-跳转语句
发布者: superzhang | 发布时间:2017-11-25一、跳转语句
在循环控制语句中，当满足指定条件时，退出循环或者是退出当前循环的语句
1.break
格式：break;
跳出并终止循环，如果后面有代码，则继续往下执行
输出结果为0,1,2;当i==3时，break跳出语句
2.continue
格式：continue;
跳出并终止当前的循环，如果下个值仍满足循环条件，则继续循环
注:如果有合适的语句最好代替continue
输出结果为0,1,2,4；当j==3时，continue跳出本次循环，j==4，继续输出。
二、标签语句
JavaScript Math对象
发布者: superzhang | 发布时间:2017-11-25Math对象
格式：Math.方法(参数)
取绝对值Math.abs()
var num=-0.3;
alert(Math.abs(num));//0.3
取近似整数
1. Math.round() 四舍五入
var num1=2.3,num2=2.5;
alert(Math.round(num1));//2
alert(Math.round(num2));//3
2. Math.floor() 对数进行下取舍
var num=2.4;
alert(Math.floor(num));//2
3. Math.ceil() 对数进行上取舍
var num = 3.5;
alert(Math.ceil(num));
取最大值或最小值
Math.max(参数1,参数2,....) 取最大值
alert(Math.max(2,5,7,89,9));//89
Math.min(参数1，参数2，.....) 取最小值
alert(Math.min(2,456,6,7));//2
取随机数
Math.rand
JavaScript引用类型RegExp
发布者: superzhang | 发布时间:2017-11-25丨字面量
var reg=/\d+/g;丨构造函数
var reg2=new RegExp("\\d+","g");console.log(reg2.test("1234444456"));//trueconsole.log(reg2.test("asdsa"));//false修饰符
i： 表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写；
m： 表示多行（multiline）模式，即在到达一行文本末尾时还会继续查找下一行中是否存在与模 式匹配的项。
g： 表示全局（global）模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即 停止；
元字符
单个字符数字
\d 与 \D 匹配数字和匹配非数字；
\w 与 \W 匹配字符和匹配非字母
. 匹配除换行符以外的任意字符
[a-zA-Z0-p] 与 [^a-zA-Z0-p] 匹配方括号中的任意字符，前面代^是匹配不在方括号中的任意字符；
空白字符
\O 匹配null字符
\b 匹配空格字符
\f 匹配换页符
\n 匹配换行符
\r 匹配回车符
\s 和
