JavaScript
文章平均质量分 71
开到荼蘼223's
快乐被识破
展开
-
Ajax概述、原生JS实现Ajax及jQuery封装Ajax
什么是Ajax技术?早期浏览器页面向服务器请求数据时,因为返回的是整个页面的数据,所以页面会被强制刷新一下,当我们需要修改页面的部分数据时,但服务器返回的却是整个页面的数据,这对于用户体验无疑很差,并且很消耗网络资源,当我们只需要修改页面部分数据但不希望刷新页面,因此异步网络请求技术就出现了。Ajax全称是async javascript and XML,即异步JavaScript和XML技术,是前后端数据交互的重要工具,并且Ajax是⼀个默认异步执⾏机制的功能,AJAX分为同步(async = fal原创 2021-09-15 01:25:14 · 443 阅读 · 0 评论 -
TypeScript归纳整理
什么是TypeScript?TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程,可以理解TypeScript是JavaScript的super版本,JavaScript能做的,TypeScript能做,JavaScript做不了的,TypeScript也能做。TypeScript基本操作安装TypeScript npm install -g typescript使用方法:创建.原创 2021-08-22 01:53:00 · 270 阅读 · 0 评论 -
用JS实现栈、队列、二叉树遍历等操作
栈的基本运算 后进先出,在一端进行插入和删除的数据结构,表尾端称为栈顶(top),表头端称为栈底(bottom),因为栈限定在表尾进行插入或者删除,所以栈又被称为后进先出的线性表// 栈的构造函数function Stack(){ var items = []; // 将元素送入栈,放置于数组的最后一位 this.push = function(element){ items.push(element); } // 弹出栈顶元素 thi原创 2021-08-15 21:01:17 · 319 阅读 · 2 评论 -
JavaScript DOM详解
什么是DOM原创 2021-07-25 17:30:40 · 432 阅读 · 4 评论 -
JavaScript事件冒泡和事件捕获
事件冒泡原创 2021-07-22 18:01:59 · 157 阅读 · 2 评论 -
关于JavaScript中this指向问题
关于JS中this指针解析器在调用函数时每次都会向函数内部传递进隐含参数,这个隐含的参数就是this,this指向得到是一个对象,这个对象称为函数执行的上下文对象。根据函数的调用方式的不同this会指向不同的对象1.以函数的形式调用时 this指向全局对象window2.以方法(obj.sayName())的形式调用时 this就是调用方法的那个对象3.构造函数内部的this指向新创建的对象 function fun(){ console.log(this.原创 2021-07-19 01:04:04 · 219 阅读 · 4 评论 -
用JS实现单向链表
链表链表是数据的一种存储结构,一个链表包含若干个节点,每个节点至少包含一个数据域和指针域,指针域指向下一个节点。第0个节点称为头节点,头节点中存放第一个节点的首地址,头节点中没有数据域不存放数据,只是一个指针变量,头节点之后的节点都包含两个域数据域 存放各种数据指针域 存放下一个节点的首地址链表的分类单向链表每个节点都只有一个指向其下一个节点的指针域双向链表每个节点都有一个指向其前一个节点的指针域和指向其下一个节点的指针域 // 定义节点类 cl原创 2021-06-26 17:59:43 · 245 阅读 · 3 评论 -
JavaScript原型链详解
原型链原创 2021-06-24 17:46:28 · 159 阅读 · 3 评论 -
JavaScrit构造函数、原型对象作用意义
构造函数构造函数就是一个普通函数,创建方式和普通函数没有区别,构造函数和普通函数区别就是调用方式不同,普通函数直接调用,而构造和函数需要使用new关键字来调用。构造函数执行的流程:1.立刻创建一个新的对象2.将新建的对象作为函数中的this 在构造函数中可以使用this来引用新建的对象3.逐行执行函数中的代码4.将新建对象作为返回值返回如下例子 function Person(name,age,gender){ this.name = name; //原创 2021-06-21 13:46:23 · 225 阅读 · 4 评论 -
JavaScript面向对象、ES6类的语法、静态成员与实例成员
面向对象面向对象的主要思想就是把需要解决的问题分解成一个个对象,建立对象不是为了实现一个步骤,而是为了描述每个对象在解决问题中的行为,面向对象的核心是对象。面向对象的优势:模块化更深,封装性强更容易实现复杂的业务逻辑更易维护、易复用、易扩展面向对象的特征:封装性: 对象是属性和行为的结合体多态性: 同一消息被不同的对象接收后 会产生不同的效果继承性: 子类可以继承父类的信息ES6面向对象语法ES6:ES是ECMAScript的简写,它是JavaScript的语法规范。ES6是在原创 2021-06-19 23:04:18 · 679 阅读 · 5 评论 -
JavaScript正则表达式详解
正则表达式概述正则表达式(Regular Expression)由一些普通字符和特殊字符组成,是描述字符串规则的表达式,用于匹配字符串组合的规则,同时正则表达式本身也是一个对象。正则表达式特点:非常灵活逻辑性强可以用简单的方式对字符串进行复杂的控制如何创建正则表达式字面量创建 - var 变量名 = /表达式/[模式修饰符]使用new RegExp创建 var reg = new RegExp('正则表达式','匹配模式')test()方法使用这个方法可以检测一个字符原创 2021-06-18 00:30:03 · 718 阅读 · 3 评论 -
JavaScript对象、内置对象、值类型和引用类型详解
对象JS中的对象是属性和行为的结合体,其中属性是对象的静态特征,行为又称方法,是对象的动态特征。JavaScript中的对象主要分为三大类:内置对象由ES标准中定义的对象 在任何的ES的实现中都可以使用,比如Math String Number Boolean Function Object宿主对象由JS的运行环境提供的对象,目前来讲主要是浏览器提供的对象,比如BOM DOM自定义对象由开发人员自己创建的对象对象的定义定义非空对象 // 非空对象:原创 2021-06-15 00:37:08 · 8409 阅读 · 27 评论 -
JavaScript关于函数部分详解、以及几种特殊的函数(回调函数、递归函数)
JavaScript函数JS中的函数概念非常重要,是我们日常学习中使用最多的东西,所以掌握函数这一概念十分重要。函数函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码),函数中可以保存一些代码,在需要的时候调用,函数也是一个对象。一个函数由以下部分组成: function 函数名([参数]) { 函数体语句; }注意:function是一个关键字需要全部小写函数名:是一个标识符 建议使用驼峰命名 做到见名知义函数可以有参数也可以没有参数 可以有多个原创 2021-06-10 18:42:01 · 356 阅读 · 0 评论 -
JavaScript数组的方法大全
数组的方法当我们要对数组进行操作时可以使用数组的方法来更加高效的处理问题,下面对数组常见的几个方法进行分析:1.push()该方法可以向数组的末尾添加一个或多个元素并返回数组的新的长度,可以将要添加的元素作为方法的参数,这样这些元素将会自动添加到数组的末尾,该方法会将数组的新的长度作为返回值返回。 var arr = ["孙悟空","猪八戒","沙和尚"]; var result = arr.push("唐僧","蜘蛛精","白骨精"); console原创 2021-06-03 23:27:56 · 204 阅读 · 2 评论 -
用JavaScript实现冒泡排序法、选择排序法、二分法查找
冒泡排序法在我们对一组无序数组进行排序时经常会用到冒泡排序法,主要思想就是让数组的相邻元素两两进行比较,反序则交换位置,不断比较让较大或较小的元素前移 。下面用代码实现这种方法: //冒泡排序法 var arr = [23,78,12,45,89,90] console.log('排序前的数组:'+arr) console.log(arr); for(var i=0;i<arr.length-1;i++){//外循环原创 2021-06-04 21:33:15 · 260 阅读 · 6 评论 -
JavaScript DOM节点概述及相关操作(获取节点 创建节点 插入节点 深拷贝 浅拷贝)
节点一个HTML文档可以看作是一个节点树,网页中的所有内容都是节点,每一个节点都是一个对象,DOM节点有三个重要的属性:nodeName 节点的名称nodeType 节点的类型 1表示元素节点(标签) 2表示属性节点(标签的属性) 3表示文本节点(标签的内容)nodeValue 节点的值<body id="p1"> <h3>3号标题</h3> <b>加粗文本</b>原创 2021-07-25 19:07:46 · 302 阅读 · 0 评论 -
JavaScript DOM事件进阶及相关练习
事件事件:事件是指可以被JavaScript侦测到的行为,是一种“触发-响应”的机制。这些行为指的就是页面的加载、鼠标单击页面、键盘输入等具体的动作,是实现页面交互的方式。事件的三要素事件源:触发事件的元素 (谁触发了事件)事件类型:如click单击事件 (触发了什么事件)事件处理程序: 事件被触发后所执行的代码(函数形式),也称为事件处理函数<body> <button type="button" id="btn">单击事件</button>原创 2021-07-26 22:42:44 · 662 阅读 · 8 评论 -
JavaScript BOM及其相关对象
BOMBOM(Brower Object Model) 即浏览器对象模型,它是js访问浏览器窗口的一个接口,提供了独立于内容而与浏览器窗口进行交互的对象,核心对象是window,所有 JavaScript 的全局对象、函数以及变量都会自动成为 window 对象的成员,全局变量是window对象的属性,全局变量是window对象的属性,在调用全局变量和函数时可以省略window。BOM的构成window对象的常见事件window.onload:是窗口(页面)加载事件,当文档内容(包括图像,CSS原创 2021-07-27 22:49:57 · 166 阅读 · 0 评论 -
jQuery概述 选择器及其相关操作
jQuery是什么,它有什么作用?jQuery是JavaScript的一个库,是把JavaScript的相关函数和方法进行封装,兼容css3和各大浏览器,提供了dom、events、animate、ajax等简易的操作,理念是“写的少,做的多”,可以让我们在开发时更加便捷操作,提高开发效率。jQuery的使用方式可以在官网下载最新的jQuery文件 官网:http://jquery.com/引入jQuery库 <script src="./jquery-3.4.1.js"></s原创 2021-08-01 17:41:42 · 171 阅读 · 0 评论 -
jQuery事件处理 事件对象 动画效果
jQuery事件绑定事件绑定语法: $(selector).bind('事件类型',function(){ 函数体语句 });或 $(selector).事件类型(functiong(){ 处理代码 });注意:这里的事件类型不加前缀on,并且同一个对象的同一类型事件可以绑定多个程序事件的反绑定反绑定是指取消元素上绑定的事件,即事件监听不到语法:$(selector).u原创 2021-08-02 01:41:51 · 152 阅读 · 0 评论 -
JavaScript数组概念及相关练习
数组数组:是一些类型相同的数据的集合,它和普通的对象功能类似,也是用来存储一些值,数组是使用数字来作为索引操作内部的元素。索引:从0开始的整数就是索引。创建数组1.使用new Array()创建数组 var arr = new Array();//定义一个空数组 arr[0] = 10;//向数组中添加元素 arr[1] = 33; arr[2] = 22; arr[3] = 4原创 2021-06-02 15:50:21 · 227 阅读 · 0 评论 -
JavaScript流程控制的三种结构,循环语句及相关练习
JavaScriptJavaScript中流程控制主要分为三种结构:顺序结构,分支结构和循环结构,这三种结构需要使用不同的语句代码来完成,并且完成的顺序也不同,具体如下图可见:顺序结构程序中代码由上到下的顺序依此执行,没有特定给的语法结构。分支结构分支结构在我们日常写代码经常使用,根据不同的条件判断代码的执行方向,从而得到不同的结果。if语句if(条件表达式){ 代码段 }如果条件表达式为真则执行代码段,否则执行下面的代码。if原创 2021-06-02 11:41:46 · 1077 阅读 · 0 评论 -
JavaScript入门基础之变量、数据类型及转换、运算符
JavaScript概论JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是属于 HTML 和 Web 的编程语言,编程令计算机完成您需要它们做的工作。JavaScript完整的JavaScript由以下三部分组成:ECMAScript (核心)BOM (浏览器对象模型)DOM (文档对象模型)主流浏览器及内核Firefox(火狐)->GeckoChro原创 2021-05-22 23:58:16 · 330 阅读 · 0 评论