JavaScript
关注
分享
扫一扫
itxcr
这个作者很懒，什么都没留下…
展开
-
数组字符串
数组字符串数组操作基本操作方法(4个)push() 向数组末尾添加元素参数：要向数组末尾添加的元素，个数不限返回值：数组长度pop() 从数组末尾删除一个元素返回值：删除的元素值shift() 从数组前面删除一个元素返回值：删除的元素值unshift() 向数组前面添加元素参数：要向数组前面添加的元素，个数不限返回值：数组长度splice() 用来在数组的任意位置进行增删...原创 2019-09-05 08:48:38 · 163 阅读 · 0 评论 -
Math和toFixed用法
var x = 3;var y = 1.1;console.log(x + y);console.log((x * y));console.log(((x+y) * (x-y)));var z = 9;//开平方console.log((Math.sqrt(z)));//abs 绝对值console.log((Math.abs(y/x)));//固定精度var x = 3...原创 2019-09-06 17:40:23 · 1434 阅读 · 0 评论 -
判断结构
var mid = 25;var high = 50;var low =1;var current = 13;var found = -1;if (current < mid) { mid = (current - low) / 2; console.log(mid); //6}var mid = 25;var high = 50;v...原创 2019-09-06 17:41:37 · 194 阅读 · 0 评论 -
switch语句
var monthNum = prompt('请输入月份'); var monthName; switch (monthNum) { case '1': monthName = '一月'; break; case '2': monthName = '2月'; break;...原创 2019-09-06 17:42:46 · 273 阅读 · 0 评论 -
循环结构
//条件为真时执行语句使用while语句var number = 1;var sum = 0;while (number < 11) { sum += number; number++;}console.log(sum);//按执行次数执行一组语句，选用for循环var sum = 0;for (var number = 1; number < 11;...原创 2019-09-06 17:43:22 · 130 阅读 · 0 评论 -
函数
// 有返回值的函数function factorial(number) { var product = 1; for (var i = number; i >= 1; i--) { product *= i; } return product;}console.log(factorial(4)); //24console.log(f...原创 2019-09-07 01:20:11 · 156 阅读 · 0 评论 -
节点相关
节点相关节点nodeType查看节点类型返回值是数值类型nodeName查看节点名称返回值是大写的节点名称获取节点元素.parentNode只获取亲爹获取子元素节点.children获取第一个子元素节点firstElementChild获取最后一个子元素节点lastElementChild前一个兄弟元素节点previousElementSibling后一个兄弟...原创 2019-09-07 20:51:48 · 108 阅读 · 0 评论 -
Event 对象
Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！target返回触发此事件的元素（事件的目标节点）。type返回当前 Event 对象表示的事件的名称。...原创 2019-09-08 11:08:45 · 161 阅读 · 0 评论 -
浏览器的localStorage和sessionStorage
本地存储数据都存储在用户的浏览器里读取方便sessionStorage 存 5MlocalStorage 存 20 M只能存字符串格式数据key ：valuesessionStorage生命周期： 关闭浏览器窗口数据就没了数据共享： 只有在同一个窗口(页面)下数据可以共享存储5M语法：存储数据：sessionStorage.setItem('key', 'val...原创 2019-09-08 19:49:00 · 256 阅读 · 0 评论 -
JavaScript面向对象
1、JavaScript面向对象面向对象三大特性封装性把功能封装好继承性多态性面型对象优缺点易维护、可重用、可拓展、灵活性高性能不如面向过程2、ES6中的类和对象类：抽象类模拟抽象的，泛指的，对象是具体的对象：具体类中的具体的某个实例【属性和方法的集合体】对象是由属性和方法组成的属性：事物的特征，在对象中用属性来表示（常用名词）...原创 2019-09-21 11:00:36 · 108 阅读 · 0 评论 -
ES6类里面this指向
构造函数里this指向实例对象方法里this指向调用者不调用时候this指向原型对象调用时候指向调用者<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...原创 2019-09-22 23:43:32 · 341 阅读 · 0 评论 -
构造函数、原型和继承
element.insertAdjacentHTML(position, text)；可以读取字符串里面的标签创建对象方式字面量创建构造函数 new Object()自定义构造函数1、构造函数和原型声明式函数的使用方式不同决定其为构造函数还是普通函数通过 new 来使用的声明式函数式构造函数2、构造函数和原型构造函数是一种特殊的函数，主要用来初始化对象，...原创 2019-09-23 20:12:56 · 238 阅读 · 0 评论 -
函数调用的方式及其影响this的指向
当调用函数时，除了传入在函数定义中显式声明的参数以外，同时还传入两个隐式参数：arguments 和 this。arguments 参数是传入函数的所有参数的集合。具有length属性，便是传入的参数的个数，通过arguments参数还可以获取那些与函数形参不匹配的参数。在非严格模式下，arguments对象是函数参数的别名，修改arguments对象会修改函数的实参，可以通过严格模式避免修...原创 2019-09-25 17:30:04 · 140 阅读 · 0 评论 -
Web浏览器常用事件
Web浏览器常用事件浏览器窗口事件load页面加载完成时触发beforeunload窗口关闭之前触发unload窗口关闭时触发focus窗口得到焦点时触发blur窗口失去焦点时触发error页面上有脚本报错时触发resize窗口大小改变时触发contextmenu弹出右键菜单时触发鼠标事件mousedown当在元素上按下鼠标按钮时触发mouseover当...原创 2019-09-06 13:27:53 · 327 阅读 · 0 评论 -
基础
基础循环for语句重复执行某段代码for ( var i = 0; i <10; i++) {console.log(i);}for…in遍历数组的元素或者对象的属性for (var n in [1, 2, 3]) {console.log(n);}循环输出数组元素1，2，3for (var p in { a:1, b:2 }) {console.log§;}...原创 2019-09-06 13:27:08 · 143 阅读 · 0 评论 -
作用域、闭包和this
作用域、闭包和this使用 let 实现块级作用域作用域就是变量与函数的可访问范围，即控制着变量与函数的可见性与生命周期var scope = ‘global’;function foo() {var scope = ‘local’;console.log(scope);}foo();console.log(scope);块级作用域，指在一个代码块中所定义的变量，代码一般以花...原创 2019-09-06 13:26:36 · 137 阅读 · 0 评论 -
JavaScript基础（一）
JavaScript基础（一）内核（渲染引擎）用来执行html和css代码，渲染成我们看到的页面。JavaScript解析器（js引擎）用来执行js代码使用。JavaScript语言的组成部分ECMAScript简称为ES，指的是JavaScript的基础语法，语言规范BOM 浏览器对象模型， 本质上是一组用来操作浏览器功能的工具。DOM 文档对象模型，本质上是一组用来操作文档 (...原创 2019-09-05 08:50:27 · 170 阅读 · 0 评论 -
JavaScript基础（二）
JavaScript基础（二）运算符（操作符）算数运算符+ - * / %js中的小数计算精度问题避免方式：将小数通过计算变为整数，再进行加减等计算操作一元运算符一元指的是参与运算的操作数只有一个正+负-号， typeof自增自减运算++ 让变量的值自增1（自身的值+1）– 让变量的值自减1（自身的值-1）比较运算符> < >= <=== 只比较...原创 2019-09-05 08:51:32 · 92 阅读 · 0 评论 -
JavaScript基础（三）
JavaScript基础（三）for循环嵌套循环嵌套不是什么特殊语法，就是说js中的许多语法结构都可以嵌套使用，for也可以循环嵌套时，代码执行次数变多，通常使用是在2层左右while循环规则：先进行条件检测，如果为true，执行循环体代码再检测条件，再为true再执行循环体，以此类推直到条件为false时循环结束while (条件) {// 循环体}for和while的使...原创 2019-09-05 08:52:38 · 126 阅读 · 0 评论 -
JavaScript基础（四）
JavaScript基础（四）冒泡排序// 准备一个需要进行排序的数组var arr = [12, 88, 154, 23, 32, 15, 72, 2, 1, 66]; // 根据分析出的规律进行代码实现 // - 外层循环控制轮数：length - 1 for (var i = 0; i < arr.length - 1; i++) { //...原创 2019-09-05 08:53:05 · 92 阅读 · 0 评论 -
JavaScript基础（五）
JavaScript基础（五）变量的多种声明方式对作用域访问的影响不规范的声明方式（不推荐）不加var声明，直接进行赋值： sum = 100;var 变量名1 = 变量名2 = 变量名3 = 数据; 只有变量名1是标准方式。不规范的变量声明方式导致作用域的访问出现变量，可能会隐式的声明为全局变量作用域链作用域链是用来描述 变量访问 规则的一种方式。在任意作用域下进行变量访问...原创 2019-09-05 08:53:43 · 182 阅读 · 0 评论 -
JavaScript基础（六）
JavaScript基础（六）对象的属性删除操作格式： delete 对象.属性名;var obj = {name : ‘jack’,age : 18,gender : ‘男’,sayHi : function () {console.log(‘这是sayHi方法’);}}; delete obj.name; delete obj.age; delete...原创 2019-09-05 08:54:21 · 150 阅读 · 0 评论 -
JavaScript基础（七）
JavaScript基础（七）将日期对象转化为毫秒的方式（了解）知道日期对象可以转换为毫秒：显示的是距离1970-1-1之间的时间转换为毫秒的形式console.log(date.getTime()); // 推荐方式console.log(+date); // 也可以记忆这个console.log(Date.now());console.log(date.valueOf());c...原创 2019-09-05 08:55:51 · 114 阅读 · 0 评论 -
WebApI
WebApI通过ID获取元素操作页面元素的步骤① 获取需要操作的元素② 操作元素的属性获取元素的套路① 在某个元素对象中元素查找具体元素② 调用方法的方式语法:document.getElementById(‘id’)通过标签名获取元素语法：element.getElementsByTagName(‘标签名’)注意：返回伪数组数据 一个页面可以有多个相同标签名的元素可以使...原创 2019-09-05 08:57:21 · 134 阅读 · 0 评论 -
原生JS获取操作元素
操作元素自定义属性h5方法设置语法**：<p data-自定义属性名 = '自定义属性值'></p>属性名想叫什么就叫什么,可以用多个 -连接 <p data-名称-名称 = '自定义属性值'></p> 获取语法**：element.dataset.自定义属性名如果属性名用多个-连接 ，获取时应将属性名以-为分割符，驼峰方式获取 ...原创 2019-09-05 08:58:57 · 169 阅读 · 0 评论 -
函数和参数
函数和参数函数声明函数式function add(m, n) {return m + n;}var sum = function add(m, n) {return m + n;};var result = sum(1, 2);变量式函数也是一个对象，可以通过创建一个 Function 类的实例来声明一个函数var 方法名 = new Function(参数1，参数2， …...原创 2019-09-06 13:24:06 · 197 阅读 · 0 评论 -
面向对象
面向对象面向对象是程序设计语言中一种常见的思想。就现实世界而言，整个世界是由各种各样具备规律和状态的对象所组成，这是一种认知自然世界的哲学。JavaScript是一种基于对象，但书写上又不同于传统面向对象编程的一门语言原型和原型链JavaScript的函数没有签名，所以不支持接口继承。在JavaScript中继承由原型链来实现。基于原型的继承模型比传统的类继承更要强大JavaScri...原创 2019-09-06 13:24:56 · 155 阅读 · 0 评论 -
事件
事件概述事件（Event）是一种异步编程的实现方式，是程序各个组成部分之间的通信事件不是JavaScript对象，只是一种信息传递机制，所以事件本身不能承载任何数据内容。浏览器通过JavaScript的 Event 对象来承载事件数据信息。当事件发生时，浏览器将被触发元素、发生位置等相关的原始数据存入Event 对象，然后程序通过事件监听获取响应数据。事件类型用于描述发生的事件类别，...原创 2019-09-06 13:26:15 · 236 阅读 · 0 评论 -
浅拷贝、深拷贝及正则表达式
浅拷贝对象遍历只能用中括号。只拷贝最外面一层。for (var key in obj) { newObj[key] = obj[key];}es6新方法： Object.assign(newObj, obj);深拷贝for in 既可以遍历对象也能遍历数组，key就是数组下标使用递归如果拷贝对象的过程中，发现这个属性又是一个复杂数据类型，就继续递归这...原创 2019-09-27 14:40:49 · 416 阅读 · 0 评论