- 博客(28)
- 收藏
- 关注
RSS订阅原创 进阶javascript学习1：数组方法
一、排序方法1、sort 数组排序，Array.sort(); 默认按字符编码顺序排序，如果需要排序数字，需要自定义函数（规则），非string自动转为string类型。升序：如果参数1比参数2的值大，返回正数如果参数1比参数2的值小，返回负数如果相等，返回0降序:如果参数1比参数2的值大，返回负数如果参数1比参数2的值小，返回正数如果相等，返回0function itany(...
2019-09-30 00:39:47
189
原创 window.addEventlistener和document.addEventlistener区别
window.addEventlistener(“click”,showa,true);括号里三个参数：1：“click” 事件类型，有click、onmouseover……等事件类型；2：showa （函数名称）事件触发后调用的函数；3：true （布尔值）用于描述事件是冒泡还是捕获，可选参数，true捕获 false冒泡。document.addEventlistener(“cli...
2019-09-10 20:54:09
4650
1
原创 JavaScript学习：JavaScript表单API
一、约束验证DOM方法：checkValidity() 检查有效性、setCustomValidity()设置自定义有效性二、约束验证DOM属性属性描述validity包含与input元素的合法性相关的布尔属性validationMessage包含当validity为false时浏览器显示的消息willValidate指示是否验证input元素三、合...
2019-08-18 15:59:14
196
原创 JavaScript学习：JavaScript this 关键词
使用this关键词例子：var person = {firstName: “Bill”,lastName : “Gates”,id : 678,fullName : function() {return this.firstName + " " + this.lastName;}};（this.firstName 意味着 this（person）对象的 firstNa...
2019-08-12 21:46:43
220
原创 JavaScript学习：JavaScript 提升hoisting
一、Hoisting 是 JavaScript 将所有声明提升到当前作用域顶部的默认行为（提升到当前脚本或当前函数的顶部）。例1与例2结果相同例1：x = 5; // 把 5 赋值给 xelem = document.getElementById(“demo”); // 查找元素elem.innerHTML = x; // 在元素中显示 xvar...
2019-08-12 17:08:02
109
原创 JavaScript学习：JavaScript作用域
作用域指的是您有权访问的变量集合。一、JavaScript函数作用域，有另种作用域类型：局部作用域全局作用域JavaScript 拥有函数作用域：每个函数创建一个新的作用域。作用域决定了这些变量的可访问性（可见性）。函数内部定义的变量从函数外部是不可访问的（不可见的）。1、局部JavaScript变量 在 JavaScript 函数中声明的变量，会成为函数的局部变量，局部变量的作用域...
2019-08-08 19:40:56
113
原创 JavaScript学习：JavaScript正则表达式
正则表达式是构成搜索模式的字符序列，该搜索模式可用于文本搜索和文本替换操作。 （我自己的理解就是模糊匹配）通常搜索文本数据时，会使用搜索模式来描述搜索的内容，正则表达式是单字符或者更复杂的模式，可用于执行所有类型的文本搜索和文本替换操作。一、语法：/pattern（模式）/modifiers（修饰）;例：var patt = /w3school/i;例子解释：/w3school/i ...
2019-08-08 19:11:28
157
原创 JavaScript学习：JavaScript for循环 while循环
循环可多次执行代码块。需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。例：for (i = 0; i < cars.length; i++) {text += cars[i] + “”;}JavaScript 支持不同类型的循环：for - 多次遍历代码块for/in - 遍历对象属性while - 当指定条件为 true 时循环一段代码块do/w...
2019-08-08 18:00:25
212
原创 Javascript学习：JavaScript比较 （比较运算符、逻辑运算符、条件（三元）运算符）
一、比较运算符等于 ==值相等并且类型相等 ===不相等 ！=值不相等或类型不相等 ！==大于 >小于 <大于或等于 >=小于或等于 <=二、逻辑运算符用于判定变量或值之间的逻辑我们给定 x = 6 且 y = 3，下表解释了逻辑运算符：&& 与 (x < 1...
2019-08-07 21:22:36
347
原创 JavaScript学习：JavaScript逻辑 布尔逻辑
JavaScript 布尔（逻辑）代表两个值之一：true 或 false。在编程中，您会需要只能有两个值之一的数据类型，JavaScript提供布尔数据类型，它只接受值 true 或 false。-0 （负零）的布尔值为 falsevar x = -0;Boolean(x); // 返回 false""（空值）的布尔值为 falsevar x = “”;Boolean(...
2019-08-07 21:04:42
183
原创 JavaScript学习：JavaScript随机 math.random()
Math.random() 返回 0（包括） 至 1（不包括） 之间的随机数。例：Math.random(); // 返回随机数（总是返回小于1的数）JavaScript随机整数 Math.random() 与 Math.floor() 一起使用用于返回随机整数。例：Math.floor(Math.random() * 10); // 返回 0 至 9 之间的数*11就返回0-...
2019-08-07 20:50:24
235
原创 JavaScript学习：JavaScript数学 Math对象
JavaScript Math 对象允许您对数字执行数学任务。一、Math.PI;//返回3.141592653589793**二、Math.round()**返回值是四舍五入最接近的整数。例：Math.round(6.8); // 返回 7Math.round(2.3); // 返回 2三、Math.pow() Math.pow(x, y) 的返回值是 x 的 y 次幂...
2019-08-07 20:34:46
193
原创 Javascript学习：JavaScript日期
一、创建Date()对象有 4 种方法创建新的日期对象：new Date()new Date(year, month, day, hours, minutes, seconds, milliseconds)new Date(milliseconds)new Date(date string)二、有四种 JavaScript 日期输入格式：类型 实例ISO ...
2019-08-07 18:36:47
4858
原创 JavaScript学习：JavaScript数组迭代方法
数组迭代方法对每个数组项进行操作一、forEach()方法为每个数组元素调用一次函数（回调函数）例：var txt = “”;var numbers = [45, 4, 9, 16, 25];numbers.forEach(myFunction);function myFunction(value, index, array) {txt = txt + value + “”;}...
2019-08-07 17:29:55
238
原创 JavaScript学习：JavaScript数组排序
一、sort()方法最强大的数组方法之一sort()方法以字母顺序对数组进行排序。例：var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];fruits.sort(); // 对 fruits 中的元素进行排序,按字母顺序排序：Apple,Banana,Mango,Orange二、reverse()方法反转数组，可以...
2019-08-06 17:01:22
180
原创 JavaScript学习：JavaScript数组
一、JS数组两种表示方法1、var cars = [“Saab”, “Volvo”, “BMW”];2、var cars = new Array(“Saab”, “Volvo”, “BMW”); 使用JavaScript关键词new。出于简洁、可读性和执行速度的考虑，请使用第一种方法（数组文本方法）。二、访问数组元素索引号（下标号）从0开始访问：var name = cars[0]; ...
2019-08-05 19:27:03
380
原创 JavaScript学习：JavaScript数值方法number
一、toString() 方法toString() 以字符串返回数值例：var x = 123;x.toString(); // 从变量 x 返回 123(123).toString(); // 从文本 123 返回 123(100 + 23).toString(); // 从表达式 100 + 23 返回 123二、toExponential...
2019-08-05 16:38:03
282
原创 JavaScript学习：JavaScript数字
一、如果对两个字符串相加，结果将是一个字符串的级联：var x=“10”;var y=“20”;var z=x+y; //1020 字符串数字和字符串使用+也是得到字符串的级联。二、在/ * -数字运算中，JavaScript 会尝试将字符串转换为数字1、var x = “100”;var y = “10”;var z = x / y; // z 将是 102、...
2019-08-02 17:50:43
228
原创 JavaScript学习：JavaScript 字符串和字符串方法
一、特殊转义字符由于字符串必须由引号包围，JavaScript 会误解这段字符串：var y = “中国是瓷器的故乡，因此 china 与"China（中国）“同名。”该字符串将被切为 “中国是瓷器的故乡，因此 china 与”。避免此问题的解决方法是，使用 \ 转义字符。示例：var x = “中国是瓷器的故乡，因此 china 与"China（中国）“同名。”反斜杠转义字符把特殊字符转...
2019-08-02 15:31:28
258
原创 JavaScript学习：JavaScript 数据类型
一、JavaScript 变量数据类型：数值、字符串值、数组、对象等等：var length = 7; // 数字var lastName = “Gates”; // 字符串var cars = [“Porsche”, “Volvo”, “BMW”]; // 数组var x =...
2019-08-02 12:15:03
76
原创 JavaScript学习：JavaScript运算符
一、 JavaScript 算数运算符算数运算符用于对数字执行算数运算：加法：+减法：-乘法：*除法：/系数：%递加：++递减：–二、JavaScript 赋值运算符赋值运算符向 JavaScript 变量赋值：三、JavaScript 字符串运算符运算符+也可用于对字符串进行相加（concatenate，级联）。四、JavaScript 比较运算符五、JavaScr...
2019-08-02 12:04:19
114
原创 JavaScript学习：js语法
一、JavaScript 语法是一套规则，它定义了 JavaScript 的语言结构。var x, y; // 如何声明变量(JavaScript 关键词用于标识被执行的动作。var 关键词告知浏览器创建新的变量)x = 2; y = 3; // 如何赋值z = x + y; // 如何计算值二、JavaScript注释：//单行注释/…/多行注释三、JavaScript 标识符在...
2019-08-02 11:44:39
89
原创 javascript学习：js输出
JavaScript 能够以不同方式“显示”数据：使用 window.alert() 写入警告框使用 document.write() 写入 HTML 输出使用 innerHTML 写入 HTML 元素使用 console.log() 写入浏览器控制台...
2019-08-02 11:35:03
104
原创 CSS盒子模型
CSS盒子模型由margin（边距）、border（边框）、padding（填充）、content（内容）组成。**例：**宽为300px的一个空间div{width:250px; border: 10px solid red; padding: 10px; margin: 5px; }总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距...
2019-07-26 13:18:58
64
原创 对W3C的认识
W3C是对web代码的规范要求：一、对结构的要求1.标签字母要小写2.标签要闭合3.标签不允许随意嵌套HTML标签规范可以可以提高搜索引擎对页面的抓取效率。二、对于css和js的要求1.使用外链css样式表和js脚本，符合结构、表现和行为分为三块的规范，提高页面加载速度。2.少用行间样式表，使结构与表现分离，标签的id和class等属性命名让人易懂，标签越少，加载越快，代码维护简单...
2019-07-26 12:50:34
135
原创 对Web标准的理解
WEB标准是由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准是指HTML标签，表现标准语言主要包括CSS样式，行为标准主要包括JS，与用户的交互。web标准是将三部分独立分开，使其更具有模块化。...
2019-07-26 11:44:36
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人