JavaScript
关注
分享
扫一扫
文章平均质量分 91
程序媛Gidy
执着于理想，纯粹于当下
展开
-
Ajax（Asynchronous Javascript And XML）
文章目录前言一、原生Ajax1.xhr对象2.open方法3.send方法和请求头4.响应状态分析5.同步和异步二、数据格式1.GET方法2.POST方法2.读入数据总结前言Ajax就是浏览器提供的一套API，可以通过JavaScript调用，从而实现通过代码控制请求与响应，实现通过JavaScript进行网络编程。应用场景：（1）按需获取数据（2）对用户数据进行校验（3）自动更新页面内容（4）提升用户体验一、原生Ajax原生Ajax的发送请求的步骤（1）创建一个XMLHttpRequ原创 2021-07-27 17:47:53 · 811 阅读 · 2 评论 -
jQuery节点操作和元素尺寸
文章目录前言一、节点操作1.创建、追加元素方法2.删除、清空元素3.克隆元素二、元素尺寸1.操作元素尺寸的方法2.操作元素的位置3.操作滚动条卷走的距离总结前言这部分学习jQuery节点操作和元素尺寸，同样也有相关案例，能更好的体会这部分内容。一、节点操作1.创建、追加元素方法创建节点：$("<li></li>")追加节点：1.向父元素最后追加（1）父元素jq对象.append（新创建的jq对象）（2）新创建的jq对象.appendTo（父元素jq对象或选择器）原创 2021-07-06 10:30:03 · 439 阅读 · 3 评论 -
ES6新特性
文章目录前言一、声明变量的关键字使用1.let2.const二、解构1.数组解构2.对象解构总结前言ES6的特点有以下几点：（相比于ES5.1）（1）解决原有语法上的一些问题或者缺陷（2）对原有语法进行增强（3）全新的对象、全新的方法、全新的功能（4）全新的数据类型和数据结构一、声明变量的关键字使用1.let块级作用域：指的是用{}包裹起来的范围。块作用域内用var关键字定义的变量能够在块以外被调用，这样是不安全的，因此使用let关键字定义变量来替代var。以下两个例子都是块级作用域原创 2021-06-29 19:59:04 · 167 阅读 · 3 评论 -
正则表达式
文章目录前言一、正则表达式1.正则表达式语法二、相关正则方法1.字符串方法2.正则方法三、正则表达式的组成1.字符集2.修饰符3.边界4.预定义类总结前言在前端中学习正则表达式是非常有必要的，在实际开发中会经常使用正则表达式。正则表达式:（Regular Expression)用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。一、正则表达式正则表达式的作用：1.给定的字符原创 2021-06-24 11:21:51 · 756 阅读 · 1 评论 -
继承和进阶函数
文章目录前言一、继承1.对象拷贝2.原型继承二、使用步骤1.引入库2.读入数据总结前言这部分学习继承和进阶函数，深化js学习。一、继承1.对象拷贝通过for in的方式将父级的内容拷贝给子级。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g原创 2021-06-21 20:24:17 · 140 阅读 · 2 评论 -
面向对象编程
文章目录前言一、面向对象概念1.对象2.面向对象3.创建对象的方法（构造函数）4.实例成员和静态成员5.构造函数的问题6.原型链7.实例对象读取原型对象的成员8.更简单的原型语法9.内置构造函数的原型对象二、随机方块案例1.引入库总结前言这部分学习一下面向对象编程思想，面向对象编程会使编程更加高效。一、面向对象概念1.对象在实际开发中，对象是一个抽象的概念，可以将其简单理解为:数据集或功能集。ECMAScript-262把对象定义为:无序属性的集合，其属性可以包含基本值、对象或者函数。2.原创 2021-06-10 09:27:47 · 186 阅读 · 1 评论 -
BOM浏览器对象模型
文章目录前言一、BOM1.window对象2.对话框3.onload加载事件4.延时器5.延时器-函数节流6.定时器7.定时器-简单运动二、使用步骤1.引入库2.读入数据总结前言BOM(Browser 0bject Model）是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是 BOM的顶层对象，其他对象都是该对象的子对象。一、BOM1.window对象window是浏览器的顶级对象，当调用wi原创 2021-06-03 20:19:57 · 312 阅读 · 1 评论 -
DOM事件详解
文章目录前言一、绑定事件的方法1.addEventListener绑定事件2.attachEvent绑定事件3.注册事件兼容写法4.解除绑定事件的方法5.移除事件兼容写法二、DOM事件流1.事件流三个阶段2.事件冒泡应用-事件委托三、事件对象总结前言这部分学习一些关于dom事件绑定方法、解除绑定的方法，以及一些相关案例。一、绑定事件的方法1.addEventListener绑定事件参数为：（1）事件类型字符串，click等（2）事件函数同一个元素可以多次绑定事件监听，同一个事件类型可以注册多原创 2021-06-01 23:50:19 · 696 阅读 · 1 评论 -
DOM节点
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnin.原创 2021-05-31 09:36:22 · 704 阅读 · 3 评论 -
DOM事件的元素属性操作
文章目录一、事件1.简介2.非表单元素属性操作二、获取元素的方法1.根据id获取元素总结# 前言这部分学习DOM的一些基本事件。一、事件1.简介绑定事件的三要素：（1）事件源，给谁绑定事件（2）事件类型，绑定什么类型的事件（click单击事件）（3）事件函数，事件发生后执行什么内容，写在函数内部常用事件监听方法：（1）绑定HTML元素属性（2）绑定DOM对象属性<!-- html元素内部属性 --><!-- <input type="button" va原创 2021-05-27 16:43:00 · 454 阅读 · 1 评论 -
DOM获取元素的几种方式
文章目录一、对象1.对象的概念2.对象字面量# 前言这部分学习Web API,包括DOM和BOM。JavaScript包括ES、DOM、BOM三个部分，其中ES是ECMAScript，是JavaScript的核心，是一套一、对象1.对象的概念JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。2.对象字面原创 2021-05-25 12:27:27 · 2417 阅读 · 3 评论 -
对象
文章目录前言一、对象1.对象的概念2.对象字面量3.对象数据的调用和更改二、其他创建对象的方式1.new Object创建对象2.工厂函数创建对象2.读入数据总结前言开始学习对象，以及对象的一些相关知识。一、对象1.对象的概念JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。2.对象字面量创建一个对象原创 2021-05-22 17:08:50 · 205 阅读 · 4 评论 -
函数
文章目录前言函数1.函数的声明和调用2.函数的参数3.函数的返回值4.函数表达式5.函数的数据类型6.arguments对象总结前言这部分来学习函数的知识，要做到学以致用啊！函数函数，也叫作功能、方法，可以将一段代码封装起来，封装起来的代码具有一定的功能，内部封装的代码具有完整的结构体，要执行就都执行，要不就都不执行。（作用：封装一段代码，将来可以重复使用）。1.函数的声明和调用函数的声明又叫做函数的定义，先定义才能使用。函数调用：函数名（） ，函数内部语句执行的位置，与定义位置无关，与调用原创 2021-04-29 14:45:59 · 729 阅读 · 0 评论 -
数组及应用
文章目录前言数组1.定义数组2.获取数组元素3.数组的长度4.数组的遍历5.应用案例总结前言学习一下js的数组部分的知识，如何定义一个数组，怎么获取数组的值，怎样更改数组，数组的应用，都在本篇文章里面啦！数组概念：Array，就是将多个元素（通常是一个类型的数组）按照一定的顺序进行排列放到一个集合中。这个集合就是数组。1.定义数组定义数组：用数组的字面量[],将数组字面量赋值给一个变量，存储多个数据需要用逗号隔开，最后一个后面不需要加逗号。代码如下（示例）：//定义一个空数组var a原创 2021-04-27 23:52:49 · 162 阅读 · 3 评论 -
JavaScript流程控制语句
文章目录前言一、表达式、语句二、条件分支语句1.引入库2.读入数据总结前言接下来学习JavaScript的流程控制语句，会学习到各种流程语句，需要多多做练习才能熟练掌握。一、表达式、语句表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。特点：表达式会先执行出一个结果，然后再参与其他程序。语句可以理解为一个行为，循环语句和判断语句就是典型的语句，一个程序由多个语句组成。（一般语句以分号结束，特殊的结构除外）流程控制语句通过一些特殊结构可以让js代.原创 2021-04-23 00:19:54 · 554 阅读 · 0 评论 -
JavaScript操作符
文章目录前言操作符1.算数运算符2.读入数据总结前言这部分来学习JavaScript的操作符，需要掌握各种操作符的用法。操作符也称作运算operator，js中发起运算的最简单的方式。操作符1.算数运算符加减乘除取余±*/%（），运算顺序是先算乘除取余，后算加减，有小括号先算小括号。代码如下（示例）：// console.log(4 + 5);// console.log(4 - 5);// console.log(4 * 5);// console.log(4 / 5);// .原创 2021-04-21 18:51:29 · 211 阅读 · 3 评论 -
JavaScript数据类型
文章目录前言一、字面量二、使用步骤1.引入库2.读入数据总结前言这部分来学习关于JavaScript数据类型的相关知识。一、字面量用于表达一个固定值的表示法，又叫做常量。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore.原创 2021-04-19 18:24:10 · 379 阅读 · 8 评论 -
JavaScript语法
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言HTML和CSS已经告一段落了，接下来开始学习JavaScript。这部分是前端的重中之中，一定要好好学习，多实践多练习呀。一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as p.原创 2021-04-18 23:06:51 · 139 阅读 · 4 评论