02 2021 档案
摘要:match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。 <script type="text/javascript"> var str = 'javascript php 2021'; var pattern = /\d+/; var res = str.match(pat
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>分组捕获、反向引用</title> </head> <body> <script type="text/javascript"> var str = '1122 3434 5566
阅读全文
摘要:<script type="text/javascript"> // 点击“完成注册” 绑定点击事件 document.getElementById('reg_btn').onclick = function(){ // 设置一个标记、开关,用来记录是否出错,是否可以提交表单 var flag =
阅读全文
摘要://test方法 搜索字符串指定的值,根据结果并返回真或假。 var str = 'php1js22'; var pattern = /^[a-z]/;//以小写字母开头 var res = pattern.test(str);//匹配字符串是否以小写字母开头 console.log(res);//
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>箭头函数</title> </head> <body> <!-- <script type="text/javascript"> //ES5中 function f(a){ ret
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>extends继承</title> </head> <body> <script type="text/javascript"> // 定义子类时,使用extends关键字 继承父
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类和对象</title> </head> <body> <!-- <script type="text/javascript"> //类 (一类事物) //使用class关键字 定
阅读全文
摘要:<script type="text/javascript"> //symbol 独一无二的值 var symbol1 = Symbol(); var symbol2 = Symbol("Alice"); console.log(symbol1, symbol2) // 输出:Symbol() Sy
阅读全文
摘要:<script type="text/javascript"> //遍历数组 var team = ["师父", "大师兄", "二师兄", "沙师弟", "小白龙"]; for(var v of team){ console.log(v);//v是数组中的一个值 } //也可以遍历字符串 var
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简化的(增强的)对象字面量</title> </head> <body> <script type="text/javascript"> // 字面量语法定义对象(ES5) //
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>参数默认值与解构</title> </head> <body> <!-- <script type="text/javascript"> //函数形参使用数组解构,预期实参是一个数
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>解构</title> </head> <body> <!-- <script type="text/javascript"> //数组解构 将数组中的值取出来并一一赋值给不同的变量
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数参数</title> </head> <body> <!-- <script type="text/javascript"> // function f1(username){
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字符串模板</title> </head> <body> <script type="text/javascript"> //js中 单双引号字符串 不能解析变量 var num
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>块级作用域</title> </head> <body> <!-- <script type="text/javascript"> // {}包含的范围 是块级作用域 // 块级作
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>常量</title> </head> <body> <!-- <script type="text/javascript"> //常量使用const定义 const PI = 3.
阅读全文
摘要:<script type="text/javascript"> //原型链继承 //优点:子类对象 能够继承 父类对象以及父类对象的原型对象的成员(整个原型链上的成员) //缺点:破坏了原型链(将子类自身的constructor丢了) //定义父类构造函数 function A(){ this.ag
阅读全文
摘要:设计思想: 1、设计蛇:属性有宽、高、方向、状态(有多少节),方法:显示,跑 2、设计食物:属性宽、高 3、显示蛇:根据状态向地图里加元素 4、蛇跑起来:下一节到前一节的位置,蛇头根据方向变,删除原来的蛇,新建蛇;当出界时,死亡,初始化;当蛇头吃到自己的时候,死亡,初始化 5、食物被吃掉,蛇加一节,
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>this指向</title> </head> <body> <input type="button" id="btn" value="按钮"> <img src="1.jpg" o
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>闭包</title> </head> <body> <ul> <li>li1</li> <li>li2</li> <li>li3</li> <li>li4</li> <li>li5
阅读全文
摘要:arguments是什么? 函数传入实参的内容,都保存到了arguments里面。 function a(){ console.log(arguments); } a(100,200,300); arguments应用场景是什么? 比如创建一个函数,计算传入参数的总和是多少,那传入的参数有可能是多个
阅读全文
摘要:递归函数:是指函数调用自己本身,则称该函数为递归函数。 //以下就是递归函数,但是会死循环,因为没有出口 function f(){ console.log('递归函数'); f(); } f(); 递归运算会无终止地自身调用。因此,在递归运算中要结合 if 语句进行控制,只有在某个条件成立时才允许
阅读全文
摘要:JavaScript 语言将函数看作一种值,与其它值(数值、字符串、布尔值等等)地位相同。凡是可以使用值的地方,就能使用函数。比如,可以把函数赋值给变量和对象的属性,也可以当作参数传入其他函数,或者作为函数的结果返回。函数只是一个可以执行的值,此外并无特殊之处。 由于函数与其他数据类型地位平等,所以
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>继承</title> </head> <body> <script type="text/javascript"> /* // A 构造函数 function A(){ this.
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>内置构造函数的原型对象</title> </head> <body> <script type="text/javascript"> //Object.prototype 是所有对
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>原型对象</title> </head> <body> <script type="text/javascript"> //定义对象(构造函数 和 原型对象 混合定义方式) //将
阅读全文
摘要:前言 开篇先记住以下两点,再渐渐通过实例理解1、__proto__和constructor属性是对象所独有的;2、prototype属性是函数所独有的。但是由于 JS 中函数也是一种对象,所以函数也拥有 __proto__ 和 constructor 属性 一、函数的原型对象 我们创建函数 A 的同
阅读全文
摘要://构造函数(普通函数,被new 实例化了) function Person(n, a){ this.name = n; this.age = a; this.say = function(){ console.log('我叫' + this.name); } } var person1 = new
阅读全文
摘要://普通值(基本类型) var a = 1; var b = a; console.log(a, b); b = 2; console.log(a, b); //特殊的 对象(复杂类型) // var obj = {"age":40, "sex":"男"}; // var obj2 = obj; /
阅读全文
摘要:var team = ['zhangsan','lisi','wagnwu']; //遍历数组方式1 - for循环 for(var i=0;i<team.length;i++){ console.log(team[i]); }; //遍历数组方式2 - 索引遍历 for(var i in team
阅读全文
摘要:var a = 100,b = 200; //交换两个变量的值,一行代码搞定 b = [a,a = b][0]; console.log(a,b);//打印就是 200 100 已经交换了
阅读全文
摘要:<body> <p id="example"></p> </body> <script> txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>"; txt+= "<p>浏览器名称: " + navigator.appName + "</p>"; txt
阅读全文
摘要:history.back();//上一页 history.forward();//下一页 //history.go 输入要跳转到哪一页 history.go(-1);//上一页 history.go(1);//下一页
阅读全文
摘要:<body> <input type="button" id="btn" value="点击刷新"> </body> <script type="text/javascript"> //点击按钮后执行刷新 document.getElementById('btn').onclick = functi
阅读全文
摘要:html部分 <!DOCTYPE html> <html> <head> <title>ip查询</title> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"><
阅读全文

浙公网安备 33010602011771号