![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 75
这个作者很懒,什么都没留下…
展开
-
jQuery学习笔记
1.jQuery 和JavaScriptjQuery内部就是JavaScript实现的,封装了大量的JavaScript代码提供了功能函数即JavaScript函数库$jQuery操作的时候,提供了一个核心函数,jQuery()用于操作对应的jQuery对象jQuery源码中对jQuery()函数进行了名称上的优化,使用$()代替对象的转换:项目在开发过程中获取到的对象可能回事js对象,也可能回事jQuery对象,此时,为了方便操作,需要掌握如何相互转换jQuery对象转换成js对原创 2021-09-29 21:07:31 · 109 阅读 · 0 评论 -
浏览器缓存
所谓缓存,就是为了提高数据的读取效率而存在的东西浏览器的工作性质:通过网络,向服务器发送请求,获取服务器返回的HTML网页文档,在页面上进行渲染展示浏览器为了提高客户端打开网页的效率,软件中添加了缓存机制,当用户向服务器发送请求时附带一个当前系统时间,与服务器上的网页的更新时间进行比较,如果这个时间没有发生变化,就直接使用本地缓存的网页数据,直接打开本地计算机上保存的网页(打开网页的速度特别快),如果跟你更新时间发生了变化,就向服务器请求网页数据并覆盖本地存储的数据本地存储浏览器软件提供了一个.原创 2021-09-28 22:07:27 · 73 阅读 · 0 评论 -
面向对象(继承)
面向对象扩展:继承继承:体现了一种子类属于父类的关系,主要是西安了子类可以复用弗雷中的属性和代码的操作提高了代码的复用性继承的实现1-原型 function Person() { this.name = '人' } Person.prototype.say = function() { console.log(this.name + 'hello world') } funct原创 2021-09-23 20:46:04 · 53 阅读 · 0 评论 -
JS面向对象
面向对象概述面向对象是一种编程思想,重点关注解决问题时参与的对象以及对象的行为,通过对象的行为相互协作(调用)完成最终问题的解决面向过程和面向对象面向过程,是一种编程思想,重点关注解决问题时的操作步骤,按照步骤编写代码实现最终问题的解决处理:最直观的代码实现方式就是函数式编程将操作事情的多个步骤,封装成多个函数通过函数的互相调用,完成按照步骤执行代码的操作最后一个函数执行完成,最终得到问题的解决面向过程编程,在程序设计开发时,有自己的优缺点优点:开发的程序稳定性非常高,如操作系原创 2021-09-20 13:17:52 · 52 阅读 · 0 评论 -
JS函数高级
1.回调函数所谓回调函数,就是一个基本函数执行完成后,回头再去调用其他函数function move() { setTimeout(function() { console.log('元素移动') },1000)}function fn() { console.log(1)}move()fn()//运行结果 1 元素移动回调函数function move(fn) { setTimeout(function() { console.log('元素移动') fn()原创 2021-09-20 12:34:06 · 121 阅读 · 0 评论 -
事件对象和属性
1.事件对象和属性事件就是浏览器网页中的操作行为事件对象:浏览器网页中发生的操作行为,代码中也可以通过对象的形式展示出来,通过提供的事件对象可以跟那个号的处理发生的行为事件对象的常见属性属性描述altKey事件发生的时候是否同时按下了Alt键ctrlKey事件发生的时候是否同时按下了Ctrl按键clientX事件发生时鼠标指针距离浏览器窗口左侧的距离clientY事件发生时鼠标指针距离浏览器窗口顶部的距离pageX事件发生时 鼠标指针距离网页原创 2021-09-19 16:23:36 · 208 阅读 · 0 评论 -
浏览器对象模型
1.BOM概述BOM:Browser Object Model浏览器对象模型在代码中渲染展示网页的浏览器,通过对象的形式模拟出来BOM结构Location对象:访问网址信息属性描述hash(*)url网址中的锚连接,如#chapter()host(*)url网址中的主机地址,可以显示为ip地址或者域名,如www.baidu.comhostnameurl网址中的主机名称href(*)浏览器窗口中输入url地址pathname(*)url网址原创 2021-09-18 22:16:41 · 107 阅读 · 0 评论 -
文档对象模型
1.DOM概述DOM(Document Object Model)文档对象模型:浏览器要加载和渲染的网页文档查询节点函数描述document.getElementById()根据id查询单个标签document,getElementsByClassName()根据class属性查询多个标签(ie8兼容问题)HTMLCollectiondocument.getElementsByName()根据name属性查询多个标签;HTMLCollectiondocu原创 2021-09-13 20:22:28 · 56 阅读 · 0 评论 -
正则表达式
正则表达式正则表达式是一种针对字符串进行高效处理的工具正则表达式的创建标准语法var reg = new RegExp('\d')快捷语法var reg = /^[0-9a-z]$/正则表达式函数正则表达式对象提供的函数reg.exec(str):查询字符串中匹配正则表达式的字符串reg.test(str):测试目标字符串是否满足正则表达式正则表达式符号1.普通字符符号描述实例hello查询匹配hello字符串var reg = /hell原创 2021-09-10 21:17:10 · 47 阅读 · 0 评论 -
数组及其方法的使用
数组数组是JavaScript中一种复杂数据类型,可以在一个变量中存储多个有顺序的数据数组的创建1. 字面量创建数组var arr = [1,2,3,4,5]数组索引 0 1 2 3 42.标准方式创建数组var arr = new Array(1,2,3,4,5)数组的操作1.数组的拷贝数组的拷贝分为浅拷贝和深拷贝浅拷贝:将原先数组进行复制,本质上是将原数组的地址复制给新数组,任何一个数组的操作都回影响到两个数组深拷贝:将原先数组的值添加到新数组中,两个数组的操原创 2021-09-10 20:22:50 · 113 阅读 · 0 评论 -
JavaScript字符串对象
字符串对象字符串创建的方式有两种字面量创建var name = "zhangsan";标准语法创建var name = new String('zhansgan')字符串的创建操作1.length作用:获取字符串的长度var name = "zhangsan"console.log(name.length) //72.charAt(index)作用:获取指定索引位置的字符var name = "zhangsan"console.log(name.charA原创 2021-09-10 19:26:21 · 73 阅读 · 0 评论 -
Math对象与Date对象
对象JavaScript语法中内建了很多对象,提供了丰富的功能,可以在代码中直接使用JavaScript中使用的对象,主要区分为三大类宿主对象:JavaScript语法运行环境中支持的对象,浏览器中支持window浏览器窗口、document网页文档对象等等内建对象:JavaScript语法中定义的对象,如String/Number/Boolean/Null/Undefined/Array…自定义对象:开发人员根据需求功能,自行封装和创建的对象Math对象JavaScript为了能在原创 2021-09-09 22:44:29 · 78 阅读 · 0 评论 -
JavaScript中的this指向和自定义属性
1.this关键字this指向的是当前元素全局函数中的this指向window对象代码中声明了一个全局函数,是属于浏览器窗口对象的,所以this表示的就是浏览器窗口对象windowfunction fn() { consolo.log(this);}fn()标签事件属性中的this指向window对象如果将一个全局函数在一个标签属性中调用,如下:<button onclick="fn()">点我试试</button>function fn() {原创 2021-09-06 21:10:19 · 317 阅读 · 0 评论 -
JavaScript基础(JS基本语法)
1.JavaScript简介(1)JavaScript概述JavaScript是一个基于对象的、事件驱动的、解释型的编程语言 (2)JavaScript特点 JavaScript特点:基于对戏那个、事件驱动、跨平台、解释型 ·基于对象:JavaScript语言中它提供了大量的对象可以直接使用,提高程序开发效率 ·事件驱动:可以让项目和用户的操作之间产生一些良好的交互 ·跨平台:不通过的操作系统上都...原创 2021-08-31 22:29:15 · 160 阅读 · 0 评论 -
JavaScript(数据类型转换与运算符)
1.数据类型和类型转换(1)数据类型和typeof()JavaScript中提供了以下几种基本数据类型String 字符串Number 数值Boolean 布尔类型null 空undefined 未定义typeof(dat)可以获取指定数据的数据类型(2)类型转换1.转换成数值类型将数据转换成数值类型有三种固定语法Number(dat)将dat数据转换成数值parseInt(dat)将dat数据转换成整数parseFloatt(dat) 将...原创 2021-09-01 22:32:04 · 104 阅读 · 0 评论 -
JavaScirpt对页面元素的基础操作
1.获取网页标签基本语法:根据id属性获取页面元素var ele = document.getElementById('id');根据name获取多个元素 var ele = document.getElementsByName('name')根据标签名获取多个元素 var ele = document.getElementsByTagName('标签名')根据类名获取多个元素var ele = document.getElementsByClas原创 2021-09-02 21:48:54 · 123 阅读 · 0 评论 -
JavaScript程序结构(选择结构(if-else,swith-case)与循环(for,while,do-while)结构)
所谓程序结构,就是按照固定的处理步骤,执行代码的处理流程程序结构按照流程的不同,分为三大类型,即顺序结构、选择结构、循环结构1.顺序结构即代码从上到下执行逐行执行(了解即可)2.选择结构根据是否某个条件,执行不同的处理流程,JavaScrip提供了两种操作语法用于不同场景中进行选择结构的编码if-else判断结构swich--case选择结构(1)if-else单分支语法基本语法if(条件) { 条件为true时,需要执行的代码}(2).原创 2021-09-05 17:01:24 · 317 阅读 · 0 评论 -
JavaScript函数基础+购物车小计计算案例
1.认识函数为了给网页的界面添加特殊效果,可以使用函数操作页面元素,在生活中,函数类似于人的行为过程而在代码,中,函数描述的就是一段可以执行的代码块2.函数的声明和调用函数声明的语法(常用的两种)function 函数名称() { 函数体}var 函数名称 = function () { 函数体}函数的调用函数名();函数的优点:函数的出现,可以将一些可以重复执行的代码封装起来,在需要的地方通过函数名称直接调用,提高了代码的复用性案例:使用原创 2021-09-05 17:55:21 · 1288 阅读 · 0 评论