![](https://img-blog.csdnimg.cn/9c62f87551d24f4882ba0cc3b61327f9.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端开发——JS拓展
文章平均质量分 53
Web开发零基础,进阶内容学习与分享!
Web学习指南——Bible01-02
言行物恒
潜心从修......
展开
-
Web前端开发笔记之JS提升08——JQ
目录JQ对象向DOM对象转换:事件绑定:元素内容设置获取:匹配元素选择器:属性操作:表单元素中的value属性值:查找方法:操纵类名:Js部分结束,我们来看看JQ的一些知识。在基础笔记中,我们对JQ已经有了大概的认识,这里我会说一些,基础中没有说到或需要补充的部分。JQ对象向DOM对象转换: let getAllBtn=document.querySelectorAll('button') let $getAllBtn=$(getAllBtn).原创 2022-04-04 16:37:02 · 552 阅读 · 0 评论 -
Web前端开发笔记之JS提升07——类、对象拷贝
类:其存在于ES6中的关键字,其就是构造函数和属性的封装。这对于学习过其它编程语言的朋友很友好且容易接受。下面看看用法:<script> console.log("只支持EScript6") class Person { //静态成员,必须要使用构造函数来访问 static name='polaris' static age=18 static eat(){ console.log('eating') } stat原创 2022-04-03 18:57:36 · 547 阅读 · 0 评论 -
Web前端开发笔记之JS提升06——严格模式、改变this指向
严格模式:详细见MDN。下面我说几个比较常用的严格情况:箭头函数的this:由于箭头函数会指向其调用者的上级,所以一般不在箭头函数中使用this。那么有没有办法改变this指向呢?改变this的方法合集:<button class="btn">获取验证码</button><script> // console.log(this) // let timer=window.setInterval(function (){原创 2022-04-03 17:20:43 · 241 阅读 · 0 评论 -
Web前端开发笔记之JS提升05——原型对象、constructor和__proto__、继承、原型链
目录原型对象:constructor和__proto__和prototype:继承:原型链:原型对象:其作用是:共享方法,节省内存。简单理解就是每一个构造函数内置了一个prototype,这其实就是一个存储公用数据的对象存取空间。 function Person(name,age,address) { this.name=name this.age=age this.address=address } Person.prototype原创 2022-04-03 16:17:06 · 466 阅读 · 0 评论 -
Web前端开发笔记之JS提升04——构造函数、Object构造函数、Array方法、RegExp方法、字符串方法
目录构造函数:constructor和instanceof:Object构造函数:Array方法:RegExp构造函数:包装类型:构造函数:其实也是函数,只不过构造函数一般用于和new搭配使用创建对象。内置的构造函数:Object,用于创建对象。使用如下: function Obj(name, age, address, phone, testArr = [1, 2, 3], testObj = {a: 1, b: 2, c: 3}) { ...原创 2022-04-03 14:24:27 · 405 阅读 · 0 评论 -
Web前端开发笔记之JS提升03——解构赋值
解构赋值:用于解开数据体并赋值给变量。方便我们取出想要的多个值。下面我们来看看具体使用:数组解构:<script> // 数组解构,一一对应 let [a,b,c,d,e,f]=[1,2,3,4,5,6] console.log(a,b,c,d,e,f) // 变量多值少 let [a1,b1,c1]=[1,2] console.log(a1,b1,c1) // 变量少值多 let [a2,b2]=[1,2,3原创 2022-04-03 13:30:18 · 397 阅读 · 0 评论 -
Web前端开发笔记之JS提升02——预解析,参数默认及多参,箭头函数
预解析:1.变量的预解析代码在运行之前,变量声明会优先运行到变量预解析中,赋值会被中断,等所有作用域块中的所有变量全部预解析完毕,才会执行赋值。2.函数的预解析需要注意的是:函数优先预解析,当遇到变量和函数同名,我们会优先使用函数的预解析。3.let预解析上面我们说到var变量会被预解析,但是我们在使用let时在相同状态下会出现另一种情况:<script> function fn() { console.log(n) var n=1原创 2022-04-03 12:30:29 · 170 阅读 · 0 评论 -
Web前端开发笔记之JS提升01——正则表达式
目录什么是正则表达式:元字符:修饰词:什么是正则表达式:使用场景:语法:元字符:精确匹配必须只能用符号之间框起来的字符。量词:修饰词:过滤敏感词:...原创 2022-04-02 19:41:48 · 296 阅读 · 0 评论 -
Web前端开发笔记之JS回顾09——BOM对象、本地存储
目录 location对象:navigator:history:本地存储:BOM对象:JS执行机制:JS是单线程语言。同步异步理解:同步和异步本质区别在于:执行顺序不同。 location对象:search可用于不同页面之间的get表单数据传值。navigator:history:本地存储:用于暂时存储在本地,清理会丢失。下面说说使用方法:LocalStorage...原创 2022-04-02 18:24:04 · 244 阅读 · 0 评论 -
Web前端开发笔记之JS回顾08——JS各种宽高、距离等,窗口变化
目录scroll系列:offset系列:client系列:窗口变化触发事件:这里我将罗列所有在JS中的宽高距离等相关的方法。具体如下:scroll系列:获取页面HTML内容的长宽距离,不能使用document.querySelector('html')由于兼容性问题,html获取需要使用,document.documentElement。offset系列:client系列:三大系列详细区别如下:窗口变化触发事件:...原创 2022-04-02 15:12:22 · 185 阅读 · 0 评论 -
Web前端开发笔记之JS回顾07——事件对象、事件流、事件委托
事件对象是什么?其中client、offset,除了这两个外还有一个page,可以尝试下面的代码Key触发事件:事件流:阻止冒泡的方法:https://jingyan.baidu.com/article/2c8c281d7e2b5e0008252a24.htmlhttps://jingyan.baidu.com/article/2c8c281d7e2b5e0008252a24.html上面我给出来JQ的阻止方法,下面来看看JS的阻止方法:...原创 2022-04-02 11:15:06 · 178 阅读 · 0 评论 -
Web前端开发笔记之JS回顾06——事件监听、DOM节点、实例化
事件监听:事件监听的一些版本:事件类型:当我们绑定事件时,需要一个事件类型,下面有一个表。原创 2022-04-01 17:26:17 · 245 阅读 · 0 评论 -
Web前端开发笔记之JS回顾05——DOM、间歇定时器
目录DOM树:DOM对象:获取元素:设置/修改元素:修改元素属性:修改样式属性:表单类型属性修改:间歇定时器:由于基础中已经详细讲解过DOM是什么这里就不再赘述了。下面来回顾一下,什么是DOM树:DOM树:这里我们再回忆一下DOM对象:DOM对象:至此,我们基本了解了DOM是什么,能干什么,下面我们来操作一下DOM:获取元素:当然我们也有多选的情况,可能在往期的学习分享中,我们是用getElemen...原创 2022-03-31 14:12:11 · 608 阅读 · 0 评论 -
Web前端开发笔记之JS回顾05——对象、专业术语
对象:是一组存有多种数据的数据体。其基本构成有属性和方法。对象属性的基础用法如下:操作对象的几种方式:遍历对象的方法,使用forin循环会很方便,之前说过forin循环需要index,数组的index就是每个元素的下标,而对象的index就是键值对的键。即我们给予对象的属性的属性名。下面示例:let phoneObj={ pName:"Huawei Mate X", pPrice:11288, pDesc:"This i...原创 2022-03-30 21:51:47 · 229 阅读 · 0 评论 -
Web前端开发笔记之JS回顾04——函数、作用域
目录函数声明要点:逻辑中断:return关键字:作用域:作用域的一些特殊情况:作用域链:匿名函数的使用:立即执行函数:函数声明要点:当然函数也是有命名规范在内的:当我们需要调用的时候,使用函数名()即可调用。当然函数体也是有自己的调用办法的,当我们有参数传入时也要使用函数名(参数)来调用它。具体参数的使用如下:调用的方法:实参和形参的区别:逻辑中断:当用户不传入实参时,函数执行时会导致参数值为...原创 2022-03-30 19:12:18 · 586 阅读 · 0 评论 -
Web前端开发笔记之JS回顾03——运算符、分支语句、循环语句、数组的增删改查
原创 2022-03-30 14:09:38 · 123 阅读 · 0 评论 -
Web前端开发笔记之JS回顾02——变量、数组、数据类型及转换
目录变量是什么?变量的基本使用:变量的本质:变量命名规则与规范:let和var的区别:数组的使用:JS数据类型:检测数据类型:类型转换:变量是什么?变量是用来存储数据的容器。变量的基本使用:1.声明对象:要想使用变量,首先需要创建变量。语法:在let变量声明时其作用域只在当前代码段中,而var也是一种变量声明符,其可以更新掉已声明的变量。变量的本质:变量命名规则与规范:let和v...原创 2022-03-29 15:55:30 · 440 阅读 · 0 评论 -
Web前端开发笔记之JS回顾01——JS是什么、JS基础知识
从本章开始我们会回顾往期的JS基础内容,并适当进行扩充,并逐步进入高级阶段。目录让我们想来回顾一下,什么是JS,有什么作用?JS的组成?书写位置:注释:结束符:输入和输出:字面量:让我们想来回顾一下,什么是JS,有什么作用?JS的组成?书写位置:注释:结束符:输入和输出:输入:document.write可以用于输出html格式内容。输出:字面量:...原创 2022-03-29 13:56:57 · 126 阅读 · 0 评论 -
Web前端开发笔记:JS中经历的小问题(此片会不断更新~)
1.删除节点本身,可以通过获取父节点,然后删除子节点的方式来嵌套:newbutton.addEventListener('click', function () { //通过嵌套来删除自身的方式 this.parentElement.parentElement.parentElement.removeChild(this.parentElement.parentElement原创 2022-03-17 15:43:50 · 109 阅读 · 0 评论