JavaScript
文章平均质量分 83
impact_factor
这个作者很懒,什么都没留下…
展开
-
关于js中数组连接的问题——concat和push.apply
数组连接concat[].push.applyconcat数组连接一般的方法就是JS数组内置的concat方法。var oldArr = [];var arr = [1, 2, 3];var newArr = oldArr.concat(arr);console.log(oldArr);//[]console.log(newArr);//[1, 2, 3]通过上面的例子我们发现arr.concat方法进行连接是没有改变原数组的,而是申请了一块新的区域进行存储。[].push.apply原创 2021-12-20 23:26:17 · 985 阅读 · 0 评论 -
Javascript实现斐波那契数列多种方法——【循环、递归】
斐波那契数列(Fibonacci sequence),又称黄金分割数列,因数学家莱昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、……在数学上,斐波那契数列以如下被以递推的方法定义:F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2)(n ≥ 2,n ∈ N*)循环var fib = function(n) { let pre = 0; let原创 2021-08-20 20:40:52 · 4492 阅读 · 2 评论 -
JS 的构造函数、原型和原型链
构造函数、原型和原型链构造函数构造函数简介静态成员和实例成员构造函数和类的区别构造函数的问题原型构造函数原型 prototype__proto__对象原型constructor 构造函数构造函数、实例、原型对象三者之间的关系原型链构造函数构造函数简介在 ES6之前 ,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个原创 2021-08-20 08:19:11 · 343 阅读 · 6 评论 -
jQuery操作属性大全
jQuery操作属性操作元素属性操作样式类操作样式获取或设置元素高度和宽度操作内容操作HTML代码操作text文本操作值查找和筛选元素过滤查找链式操作操作元素属性属性是每个页面元素的重要内容,HTML标签可以有一到若干个属性。id即是元素的常用属性之一。例如:<input type="text" name="firstname" value="Dennis" id="first" />我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元原创 2021-08-16 13:33:15 · 997 阅读 · 4 评论 -
Javascript实现数据结构中链表、栈、队列、二叉树操作
链表//定义单向链表的节点类class Node{ constructor(data){ this.data = data //节点的数据域(数据成员) this.next = null //节点的指针域(指针成员) }}//定义单向链表类class SingleLinked{ constructor(){ this.size = 0 //用记录链表中的节点个数 this.head = new Node('原创 2021-08-13 14:35:49 · 299 阅读 · 2 评论 -
leetcode215题--数组中的第K个最大元素(JS排序方法大全)
冒泡排序var findKthLargest = function(nums, k) { for(let i = 0;i < nums.length - 1;i++){ for(let j = 0; j < nums.length - i - 1;j++){ if(nums[j] > nums[j+1]){ var temp = nums[j]; nums[j] = nums[原创 2021-08-10 00:16:20 · 543 阅读 · 0 评论 -
Javascript DOM 节点操作
Javascript DOM 节点操作节点概述节点层级父级节点(node.parentNode)子节点案例:下拉菜单兄弟节点操作节点创建节点添加节点删除节点案例:留言板发布和删除复制节点(克隆节点)案例:动态生成表格三种动态创建元素区别获取元素通常使用两种方式:利用 DOM 提供的方法获取元素document.getElementById()document.getElementsByTagName()document.querySelector 等逻辑性不强、繁琐在DOM 获取元素中有详细原创 2021-07-28 22:38:10 · 253 阅读 · 0 评论 -
Javascript DOM ——【操作元素、排他思想】
Javascript DOM一、操作元素常用元素的操作改变元素内容排他思想一、操作元素JavaScript 的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等。要想操作元素首先要获取元素,在Javascript DOM ——【Web APIs、DOM树、获取元素、document对象的属性】对如何获取元素有详细介绍。常用元素的操作innerText、innerHTML 改变元素内容src、hrefid、alt、title操作元素改原创 2021-07-27 23:58:46 · 793 阅读 · 2 评论 -
Javascript DOM ——【Web APIs、DOM树、获取元素、document对象的属性】
Javascript DOM一、Web APIs二、DOM简介DOM树三、获取元素id获取元素标签获取元素name获取元素HTML5新增的获取方式类名获取querySelector()和querySelectorAll()四、document对象的属性console.log和console.dir区别一、Web APIs我们学习的是ECMAScript标准规定的基本语法,WebAPI是W3C组织的标准,要求同学们掌握Js基础语法。Js基础学习ECMAscript 基础语法为后面作铺垫,web APIs原创 2021-07-25 16:53:42 · 854 阅读 · 4 评论 -
Javascript 函数进阶 ——【回调函数、递归函数、闭包函数、作用域和域解析】
Javascript 作用域和域解析一、作用域全局作用域一、作用域全局作用域JavaScript作用域 : 就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突js的作用域(es6)之前 : 全局作用域 局部作用域全局作用域: 整个script标签 或者是一个单独的js文件var num = 10;var num = 30;console.log(num);局部作用域局部作用域(函数作用域) 在函数内部就是局部作用域 这个代码原创 2021-07-24 21:54:42 · 947 阅读 · 4 评论 -
Javascript DOM 事件 —— 【事件注册、删除事件、DOM事件流、事件对象、事件委托】
Javascript 事件流原创 2021-07-23 00:36:39 · 894 阅读 · 6 评论 -
HTML5 —— canvas画布
canvas画布画布:HTML5 的 canvas 元素使用 JavaScript在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。绘制图形的过程创建画布:使用html5中画布标签 <canvas id="id" width="宽度" height="高度"> </canvas>JavaScript中获取画布 document.getElementById('id')原创 2021-07-22 11:16:01 · 1060 阅读 · 6 评论 -
HTML5新增API的使用——【网络连接、全屏显示、文件读取、地理定位】
HTML5新增API的使用1、HTML5 新增API的使用:(1)检测网络连接的事件(注意浏览器的兼容性):(2)控制页面元素的全屏显示(注意浏览器的兼容性)(3)文件读取(4)地理定位:Geolocation接口1、HTML5 新增API的使用:(1)检测网络连接的事件(注意浏览器的兼容性):A、‘online’:网络已连接B、‘offline’:网络已断开(2)控制页面元素的全屏显示(注意浏览器的兼容性)A、webkitRequestFullScreen()方法:谷歌浏览器打开全屏显示B、原创 2021-07-21 13:36:50 · 354 阅读 · 0 评论 -
JavaScript 函数(含经典案例:反转数组、求所有参数最大值、判断闰年、获取指定年份的2月份的天数)
JavaScript 函数一、 函数的使用1. 声明函数:2. 调用函数二、 函数的参数1. 形参和实参的定义2. 形参和实参的使用3. 函数形参和实参个数不匹配问题4. 函数的返回值可以实现某种特定功能的代码块。一、 函数的使用函数在使用时分为两步︰声明函数和调用函数。1. 声明函数: function 函数名([参数]) { 函数体语句 }(1)function是一个关键字,全部小写;(2)函数名:是一个标识符,建议使用驼峰命名,做到见名知义;(3)函数可以有参数也可以没有原创 2021-06-21 15:50:01 · 2337 阅读 · 0 评论 -
JavaScript 数组常用算法总结——【查找算法、排序算法、二维数组排序和转置】
JavaScript 数组常用算法一、 查找算法1. 顺序查找2. 二分法查找(折半查找)二、 排序算法:1. 冒泡排序:2. 选择排序:三、 翻转数组四、 二维数组1. 二维数组的转置2. 二维数组的排序一、 查找算法1. 顺序查找依次查找每个元素;//遍历一遍看是否找到function generalSearch(arr,data){ for(var i = 0; i < arr.length; i++){ if(arr[i] == data){ return true;原创 2021-06-18 22:16:21 · 257 阅读 · 6 评论 -
JavaScript 循环结构语句
JavaScript 循环结构语句1. for循环2. while循环3. do while循环4. continue break 关键字continue关键字break关键字语句(也称为流控制语句)通常使用一或多个关键字完成既定的任务。语句可以简单,也可以复杂。简单的如告诉函数退出,复杂的如列出一堆要重复执行的指令。顺序结构就是我们平常写的按顺序从上往下执行的程序。分支结构在以下的博文有介绍:JavaScript 分支结构语句1. for循环for重复执行某些代码,通常跟计数有关系/原创 2021-06-16 11:01:21 · 296 阅读 · 0 评论 -
JavaScript 分支结构语句
JavaScript 分支结构语句1. if语句2. if else语句(双分支语句)3. if else if 语句 (多分支语句)4. 三元表达式5. switch语句语句(也称为流控制语句)通常使用一或多个关键字完成既定的任务。语句可以简单,也可以复杂。简单的如告诉函数退出,复杂的如列出一堆要重复执行的指令。顺序结构就是我们平常写的按顺序从上往下执行的程序。1. if语句//条件表达式成立时执行代码,否则什么也不做if(条件表达式){ //条件成立执行的代码语句}2. if els原创 2021-06-16 09:48:26 · 1062 阅读 · 1 评论 -
事件冒泡和事件捕获
事件冒泡和事件捕获1. 事件冒泡:2. 事件捕获:1. 事件冒泡:IE 事件流被称为事件冒泡,这是因为事件被定义为从最具体的元素(文档树中最深的节点)开始触 发,然后向上传播至没有那么具体的元素(文档)。比如有如下 HTML 页面:<!DOCTYPE html> <html> <head> <title>Event Bubbling Example</title> </head> <body> <原创 2021-06-12 13:18:23 · 79 阅读 · 0 评论 -
JavaScript 的运算符
JavaScript 的运算符一、 算术运算符1. 浮点数的精度问题二、 递增递减运算符1.前置递增运算符2.后置递增运算符三、 关系运算符四、 逻辑运算符1. 短路运算(逻辑中断)逻辑与逻辑或五、 赋值运算符六、 运算符优先级运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。包括数学操作符(如加、减)、位操作符、关系操作符和相等操作符等。ECMAScript 中的操作符是独特的,因为它们可用于各种值,包括字符串、数值、布尔值,甚至还有对象。在应用给对象时,操作符通原创 2021-06-10 23:59:32 · 143 阅读 · 2 评论 -
JavaScript的隐式转换
JavaScript的隐式转换一、 JavaScript 数据类型二、 JavaScript 隐式转换1. 隐式转换规则1. + 运算符2. == 运算符3. >运算符4.复杂数据类型一、 JavaScript 数据类型js中有7种数据类型,可以分为两类:原始类型、对象类型。简单数据类型(也称为原始类型):Undefined、Null、Boolean、Number、String 和 Symbol。ES6 中新增了一种 Symbol 。这种类型的对象永不相等,即始创建的时候传入相同的值,可以解决属原创 2021-06-05 08:26:27 · 3469 阅读 · 11 评论 -
JavaScript基础 ——【数据类型的转换】
JavaScript 数据类型的转换4.1 什么是数据类型转换使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型...原创 2021-05-26 15:37:52 · 225 阅读 · 0 评论 -
JavaScript基础 ——【数据类型】
JavaScript的数据类型1. 数据类型的作用2. 数据类型的分类2.1 简单数据类型(1) 数字型 NumberA. 数字型进制转换B. 数字型范围C. 数字型三个特殊值D. isNaN()(2) 字符串型 StringA. 字符串引号嵌套B. 字符串转义符C. 字符串长度D. 字符串拼接E. 字符串和变量拼接(3) 布尔型 Boolea(4) 未定义型 Undefined(5) 空型 null2.2 复杂数据类型2.3 获取变量数据类型1. 数据类型的作用在计算机中,不同的数据所需占用的存储空间原创 2021-05-16 17:29:46 · 604 阅读 · 0 评论 -
JavaScript ——【书写方式、输入输出、注释、变量】
JavaScript的书写方式、输入输出、变量1. JavaScript书写方式:1.1 行内式 JS1.2 内嵌 JS1.3 外部 JS 文件2. JavaScript的输入输出3. JavaScript的注释3.1 单行注释3.2 多行注释4. JavaScript变量4.1 什么是变量4.2 变量的使用4.2.1 声明变量4.2.2.赋值4.2.3 变量的初始化4.2.4 更新变量4.2.5 同时声明多个变量4.2.6 声明变量特殊情况4.2.7 变量命名规范4.2.8 变量的交换1. JavaSc原创 2021-05-12 19:59:19 · 554 阅读 · 0 评论