- 前端开发: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 和
