js进阶

js进阶第二天

一、水平滚动条和垂直滚动条Snip20161124_1.png1.1核心技术点1）求滚动条的长度？2）拖动滚动条，求内容要走多少？滚动条的长度取决于滚动内容（滚动内容越长，滚动条越短）；内容滚动的距离和滚动条走的距离是成倍数关系。1.2换算公式获取滚动条的长度：**滚动条的长度/盒子的长度=盒子的长度/内容的长度**滚动条长度=(盒子的宽度/内容的宽度)*盒子的宽度拖动滚动条，求内容走的长度：**
LIT乐言·2024-09-15 07:53

前端-JS进阶-API/WebAPI/DOM

文章目录1.API与WebAPI2.DOM1.DOM树2.获取元素3.事件基础4.常见鼠标事件3.改变文本内容/元素属性1.改变文本内容2.改变元素属性4.改变表单属性5.改变CSS样式属性6.排他思想（算法）7.获取/修改/删除属性内容1.获取属性的值2.设置属性的值3.移除属性8.H5自定义属性9.节点操作1.父子节点2.兄弟节点3.创建/添加节点4.删除节点5.复制节点6.创建元素10.DO
知恩️·2024-08-31 16:14

JS进阶之深浅拷贝

深浅拷贝深拷贝：改变不会使原数据跟着改变浅拷贝：改变后会使原数据跟着改变半深拷贝：嵌套对象中，第一层是深拷贝，第二层及以上为浅拷贝（我们要尽量避免浅拷贝，多使用深拷贝）半深拷贝的三种方法数组concat()slice()vararr=['a','b'];vararr2=arr.concat();arr2.push('c');console.log(arr2);//[a,b,c]console.lo
栿志·2024-02-20 11:16

【js进阶】深浅拷贝，随机排序，遍历循环

1.Object.assign()官方描述：如果目标对象中的属性具有相同的键，则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。简单来说，就是该方法有两个或或以上个参数，且参数都为json对象格式，后面的参数里面的属性值将覆盖前面第一个参数的相同属性的值，如果没有则新建一个属性值。且除了原先的对象会更改，还会新建一个对象，属于浅拷贝。举例说明varplayer={score:1,na
阿渊啊啊啊啊啊啊啊啊啊啊啊啊·2024-02-20 11:45

JS进阶——深浅拷贝、异常处理、this指向、防抖节流

这里写自定义目录标题深浅拷贝浅拷贝深拷贝异常处理throw抛异常try/catch捕获异常debugger处理thisthis指向改变this改变this指向方法的区别性能优化防抖debounce节流throttle深浅拷贝深浅拷贝只针对引用类型。浅拷贝浅拷贝拷贝的是地址单层对象的拷贝，多层对象使用这种拷贝方法就会出现问题。//对象的浅拷贝constobj={name:'name',age:18}
Sakura_0413·2024-02-20 11:41

JS进阶——变量和函数提升

变量提升"变量提升"（VariableHoisting）是JavaScript中的一个概念，它指的是在函数或代码块内部声明的变量（使用var关键字）在代码执行之前就被提升（hoisted）到其包含函数或全局作用域的顶部。这意味着你可以在声明之前的代码中访问这些变量，并且它们不会被认为是未定义的。下面是一个关于变量提升的例子：functionexample(){console.log(a);//输出
松果猿·2024-02-20 09:57

JS进阶——动态参数、剩余参数和展开运算符

在JavaScript中，剩余参数（RestParameters）和展开运算符（SpreadOperator）是两种非常有用的语法特性，它们分别用于处理函数参数和数组/对象的操作。剩余参数（RestParameters）剩余参数语法允许你将一个不定数量的参数表示为一个数组。这在你不确定会有多少参数传入函数，或者你想要收集所有剩余参数到一个数组时非常有用。剩余参数语法使用...符号来表示。funct
松果猿·2024-02-20 09:57

JS进阶9 --JS设计模式

JS进阶9--JS设计模式JS进阶9--JS设计模式工厂模式应用场景总结单例模式需求核心步骤实际应用总结观察者模式应用场景1.
前端小白进阶之旅·2024-02-02 07:14

JS进阶10 -- 防抖和节流

JS进阶10--防抖和节流JS进阶10--防抖和节流防抖防抖的适用场景手写防抖需求核心实现步骤lodash的debounce方法参数返回手写debounce函数需求核心步骤节流节流的适用场景手写节流lodash
前端小白进阶之旅·2024-02-02 07:14

JS进阶8 -- 函数柯里化

JS进阶8--函数柯里化JS进阶8--函数柯里化什么是函数柯里化需求核心步骤总结柯里化面试题-全局变量需求核心步骤总结柯里化面试题-使用闭包需求核心步骤总结柯里化实际应用-类型判断需求核心步骤总结柯里化实际应用
前端小白进阶之旅·2024-02-02 07:44

JS进阶7 -- 手写Promise及其API

JS进阶7--手写Promise及其APIJS进阶7--手写Promise及其API1.手写Promise核心功能1.1构造函数需求核心步骤总结:1.2状态及原因需求核心步骤总结1.3then方法1.3.1
前端小白进阶之旅·2024-02-02 07:43

【JS进阶】ES6箭头函数、forEach遍历数组

文章目录前言一、箭头函数1.1基本语法1.2带参数的箭头函数1.3this指针指向谁？二、forEach遍历数组总结前言随着JavaScript语言的不断发展，ES6（ECMAScript2015）引入了许多新的语法和特性，其中箭头函数和forEach方法成为了开发者们经常使用的重要工具。箭头函数简化了函数的写法，提升了代码的可读性和简洁性；而forEach方法则为数组遍历提供了一种更为直观的方式
人才程序员·2024-01-31 13:36

JavaScript 学习笔记（JS进阶 Day4）

「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
Tiger Z·2024-01-31 11:51

【JS进阶】Promise/async await 详解

文章目录Promise一、什么是Promise二、Promise初体验三、Promise的状态改变resolve不同值的区别四、Promise的实例方法1.then方法then的参数then的多次调用then的返回值2.catch方法catch的多次调用catch的返回值catch与then第二个参数的区别3.finally方法五、Promise中的类方法/静态方法1.Promise.reslov
programmer11123·2024-01-30 06:16

【JS进阶】async/await

文章目录一.认识async/await1.async2.await二.async/await如何捕获异常三.async/await优势四.async/await对比Promise的优势一.认识async/awaitasync/await其实是Generator的语法糖，它能实现的效果都能用then链来实现，它是为优化then链而开发出来的。从字面上来看，async是“异步”的简写，await是等待
爱吃炫迈·2024-01-30 06:43

JS进阶--设计模式

能干什么帮我们设计组织模块：通过设计模式，组织模块之间的组成结构帮我们设计沟通：设计模块间如何沟通提高代码质量：让代码具备可读性设计模式的设计原则开闭原则：程序对扩展开放，对修改关闭；能够不用修改源码的去扩展功能单一职责原则：一个模块只做一件事情，工作越单一越好依赖倒置原则：上层模块不要依赖具体的下层模块，而依赖于抽象接口隔离原则：接口细化，功能单一，不要一个接口调用太多的方法；单一职责原则关注模
啊胡咧咧·2024-01-30 03:34

JS进阶-高阶技巧

深浅拷贝首先浅拷贝和深拷贝只针对引用类型•浅拷贝开发中我们经常需要复制一个对象。如果直接用赋值会有下面问题：这好比有同学来pink老师这里拷视频，竟然用的是剪切…气人不浅拷贝：拷贝的是地址1.拷贝对象：Object.assgin()/展开运算符{...obj}拷贝对象2.拷贝数组：Array.prototype.concat()或者[...arr]如果是简单数据类型拷贝值，引用数据类型拷贝的是地址
smilehjl·2024-01-30 03:32

JavaScript 学习笔记（JS进阶 Day3）

「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
Tiger Z·2024-01-29 06:56

JavaScript 学习笔记（JS进阶 Day2）

「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
Tiger Z·2024-01-28 05:08

JavaScript 学习笔记（JS进阶 Day1）

「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
Tiger Z·2024-01-28 05:33

JS进阶-深入面向对象（三）

看文章可以得到的收获：1.在日常开发中，我们在声明一个数组对象后，没有声明有map，filter等方法，为什么可以调用这些方法呢？2.什么是面向过程思想，什么是面向对象思想呢？3.JS中如何实现面向对象的封装思想的？4.什么是JS中的原型？5.JS中的原型链是如何串起来的....编程思想在程序开发中有二种常见的编程思想，分别是面向过程和面向对象，像c语言就是一种面向过程的语言，而Java则是面向对
smilehjl·2024-01-26 00:51

JS进阶-内置构造函数（二）

小提示：这些内置函数在开发使用的频率非常的频繁，建议认真看一下，并背一下目录知识回顾：•Object三个常用静态方法（静态方法就是只有构造函数Object可以调用的）Object.keysObject.valuesObject.assign•Array1.数组常见实例方法-核心方法编辑forEach()filter()mapreduce（）2.数组常见方法-其他方法join()find()ever
smilehjl·2024-01-25 00:57

JS进阶-深入对象（二）

拓展：深入对象主要介绍的是Js的构造函数，实例成员，静态成员，其中构造函数和Java种的构造函数用法相似，思想是一样的，但静态成员和实例成员和java种的有比较大的差别，需要认真理解•创建对象三种方式1.利用对象字面量创建对象2.利用newObject创建对象3.利用构造函数创建对象•构造函数构造函数：是一种特殊的函数，主要用来初始化对象基本使用使用场景：常规的{...}语法允许创建一个对象。比如
smilehjl·2024-01-25 00:57

JS进阶-解构赋值（一）

扩展：解构赋值时Js特有的一种处理数据的方式，在Java中没有处理数据的方式知识引入：思考：在js中，在没有学习解构赋值之前，我们是如何获取数组的内容的？以上要么不好记忆，要么书写麻烦，此时可以使用解构赋值的方法让代码更简洁解构赋值是一种快速为变量赋值的简洁语法，本质上仍然是为变量赋值。在前端开发中使用分为：数组解构对象解构•数组解构数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法。基本
smilehjl·2024-01-25 00:24

JS进阶-函数进阶（一）

•函数提升函数提升与变量提升比较类似，是指函数在声明之前即可被调用。总结：1.函数提升能够使函数的声明调用更灵活2.函数表达式不存在提升的现象3.函数提升出现在相同作用域当中•函数参数1.动态参数arguments是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参2.剩余参数剩余参数允许我们将一个不定数量的参数表示为一个数组1....是语法符号，置于最末函数形参之前，用于获取多余的实参2
smilehjl·2024-01-23 04:01

JS进阶-作用域、垃圾回收机制、闭包、变量提升（一）

•作用域作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问作用域分为：局部作用域全局作用域•局部作用域局部作用域分为函数作用域和块作用域。1.函数作用域：在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。总结：1.函数内部声明的变量，在函数外部无法被访问2.函数的参数也是函数内部的局部变量3.不同函数内部声明的变量无法互相访问4.函数执行完毕后，函数内
smilehjl·2024-01-23 04:00

丁鹿学堂：js进阶之异步解决方案：generator迭代器

协程协程是一种基于线程之上，但又比线程更加轻量级的存在。对内核来说具有不可见性。一个进程可以有多个线程。一个线程可以有多个协程。generator函数generator就是生成器函数。是协程在es6中的一个实现。它最大的特征就是可以交出函数的执行权。generator函数的执行和传统的不一样，它的返回值是一个迭代器对象。简单理解就是返回值是一个对象，有两个属性，一个是value，一个是done，v
丁鹿学堂·2024-01-16 22:56

Js进阶10-typeof 的返回值

typeof是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它会返回一个字符串，该字符串说明运算数的类型。typeof返回值有六种可能："number"、"string"、"boolean"、"object"、"function"和"undefined"。详解：1.数字类型typeof返回的值是number。比如说：typeof(1)，返回的值就是number。上面是举的常规数字，对于非
晴雪月乔·2024-01-11 21:02

Js进阶29-正则表达式专题

一、正则表达式概述正则表达式（RegularExpression，简称RegExp）是用于匹配字符串的一种模式、规则。正则表达式定义最常用的方法是使用字面量，写法是两个反斜杆（//），这两个反斜杆经常称之为定界符。正则表达式在JS当中属于引用数据类型。console.log(/abc/);///abc/console.log(typeof/我爱你/);//object正则表达式的创建方式有字面量和
晴雪月乔·2024-01-11 01:17

前端JS进阶四（ES6-其他常用语法）

let/sonstlet:定以后可以修改的变量const：定以后不能再修改的常量//JSvari=10;i=100;//ES6leti=10;i=100;//trueconstj=20;j=200;//flase多行字符串/模板变量//JSvarname='zhangsan',age=20,html='';html+='';html+=''+name+'';html+=''+age+'';html
EmilioWeng·2024-01-03 15:12

Vue.js进阶系列(4)--模板抽离和组件数据存放

  通过前面语法糖的介绍，我们简化了组件注册的步骤，但是对于template模块的书写还是比较繁琐，下面小编为大家分享两种方法来实现template模板的抽离并且告诉大家组件能否操作Vue实例中的数据一、模板抽离1.使用script标签使用script标签，直接将原本template的内容直接复制到script下即可。我是标题我是段落Vue.component('cnp',{template:'#
外星人_863d·2023-12-29 03:47

nodejs进阶

文章目录写在前面一、dependencies、devDependencies和peerDependencies区别：二、需要牢记的npm命令2.1npminit2.2npmconfiglist2.3npm配置镜像源三、npminstall的原理四、package-lock.json的作用五、npmrun的原理六、npx6.1npx是什么6.2npx的优势6.3npm和npx区别七、发布npm包八、
搜捕鸟了·2023-12-28 17:51

node.js进阶【19】：base64 编码解码

base64编码解码一、普通字符串编码解码:varb=newBuffer('JavaScript');vars=b.toString('base64');//SmF2YVNjcmlwdA==varb=newBuffer('SmF2YVNjcmlwdA==','base64')vars=b.toString();//JavaScript二、编码解码并转成hexvarb=newBuffer('SmF2
岚平果·2023-12-22 17:16

JS进阶知识点

JS进阶作用域作用域规定了变量能够访问的范围，离开了这个范围变量便不能被访问作用域分为了两种：局部作用域，全局作用域局部作用域局部作用域分为：函数作用域，块作用域函数作用域在函数内部的变量只能在函数内部被访问
不是真的冷漠·2023-12-05 16:40

js进阶笔记之Promise

目录为什么用PromisePromise的基本语法Promise的then方法then的链式调用Promise的相关方法为什么用PromiseJS代码分为同步代码和异步代码同步:代码依次执行，上一个任务完成后，下一个任务才执行异步遇到耗时任务不必等待其完成，继续执行后面的任务，如定时器，事件回调，ajax请求(axios)js是单线程的,先执行同步代码，后执行异步代码异步的实现:通过回调函数来执行
诗霖雪·2023-12-05 03:38

JS进阶——高阶技巧

1、深浅拷贝浅拷贝和深拷贝只针对引用类型1.1浅拷贝浅拷贝：拷贝的是地址如果是简单数据类型拷贝值，应用数据类型拷贝的是地址（简单理解：如果是单层对象，没问题，如果有多层就有问题）常见方法：拷贝对象：Object.assgin()/展开运算符{...obj}拷贝对象拷贝数组：Array.prototype.concat()或者[...arr]Documentconstobj={uname:'red'
越努力越幸运`·2023-12-01 17:11

JS进阶学习(作用域、函数进阶、解构赋值、原型链)

文章目录1.面相对象编程介绍2.ES6中的类和对象3.类的继承ES6中的类和对象三个注意点作用域局部作用域全局作用域作用域链JS垃圾回收机制（GC）JS垃圾回收机制—算法说明闭包变量提升函数进阶函数提升函数参数动态参数剩余参数（提倡使用）展开运算符箭头函数（重要）基本语法箭头函数参数箭头函数this解构赋值数组解构对象解构遍历数组forEach方法（重点）构造函数构造函数创建对象实例化执行过程实例
今日上上签-·2023-11-22 19:51

js进阶笔记之原型，原型链

目录1、原型对象constructor属性对象原型2、原型链3、instanceof4、原型继承1、原型对象面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。面向过程开发(关注具体实现步骤)面向对象开发(分析涉及的对象，指挥对象完成）-----封装、继承、多态原型为了共享公
诗霖雪·2023-11-22 19:46

js进阶笔记--原型链相关

1、昨天说了，构造函数的方法对象都放到prototype里，实例对象可以直接使用，那么为什么实例对象可以直接使用呢？就是因为__proto__的存在。存在一个三角关系newStar().__proto===Star.prototypeStar.prototype.constructor=Star__proto__是对象专有，所以叫对象原型，而prototoype叫原型对象2、继承继承是面向对象的三
Aquarius818·2023-11-21 17:32

js进阶笔记--原型prototype

今天学习的内容主要是js进阶部分关于prototype的部分主要分为以下几点1、面向对象和面向过程面向对象就是把东西分成几份，每一份都很详细，再把需要的东西拼到一起，组成实体。
Aquarius818·2023-11-21 17:01

JS进阶笔记

1.创建类classStar{constructor(uname){//构造函数this.uname=uname;}}2.继承语法classFather{//父类}classSonextenedsFather{//子类继承父类}super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普通函数classFather{constructor(x,y){this.x=x;
永远在入门的小菜鸡·2023-11-21 17:00

JS进阶学习笔记（3）函数

函数基本概念1、一段js代码，只定义一次，但是可以执行或调用无数次。2、js函数是参数化的：函数定义时会包含一个形参，是局部变量；3、函数调用会为形参提供实参的值；4、函数使用实参的值来计算返回值，成为该函数调用表达式的值；5、除实参外，每次调用还会拥有另一个值（本次调用的上下文），这就是this关键字的值6、方法：如果函数挂载在一个对象上，作为对象的属性，称其为对象的方法。当通过这个对象来调用函
朝哥的奇迹暖暖·2023-11-21 16:58

js进阶笔记

domdocumentobjectmodel文档对象模型浏览器提供给外界的工具可以让其他的语言修改或者获取文档的内容dom树将文档分成很多节点元素节点标签属性节点标签的操作文本节点标签内的文本内容获取元素节点通过id名获取getElementById通过class获取getElementsByClassName返回一个集合，因为可以重名，可通过[0]获取某一个通过标签名获取getElementsB
大饼卷肉加肉·2023-11-21 16:25

js进阶笔记之构造函数

目录一、构造函数1、创建对象2、new执行过程3、带参数构造函数4、实例成员与静态成员二、内置构造函数1、Object静态方法2、包装类型3、Array1、map方法2、find方法3、findIndex()4、some与every5、reverse()6、reduce方法7、forEach()方法8、filter()一、构造函数构造函数是专门用于创建对象的函数，如果一个函数使用new关键字调用，
诗霖雪·2023-11-21 16:20

JS进阶——作用域、解构、箭头函数

1、作用域作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问。1.1局部作用域局部作用域可分为函数作用域和块作用域。1.1.1函数作用域在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。总结：函数内部声明的变量，在函数外部无法被访问函数的参数也是函数内部的局部变量不同函数内部声明的变量无法互相访问函数执行完毕后，函数内部的变量实际被清空了1.1.2块作
越努力越幸运`·2023-11-20 02:44

JS进阶——深入面向对象

1、编程思想1.1面向过程编程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的一次调用就可以了。1.2面向对象编程（oop）面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目面向对象的特性：封装
越努力越幸运`·2023-11-20 02:44

JS进阶——构造函数&数据常用函数

1、深入对象1.1创建对象三种方式1.1.1利用对象字面量创建对象1.1.2利用newObject创建对象1.1.3利用构造函数创建对象1.2构造函数构造函数：是一种特殊的函数，主要用来初始化对象使用场景：常规的{...}语法允许创建一个对象。比如我们创建了佩奇的对象，继续创建乔治的对象还需要重新写一遍，此时可以通过构造函数来快速创建多个类似的对象。注意构造函数在技术上是常规函数不过有两个约定：它
越努力越幸运`·2023-11-20 01:07

JS进阶webAPIs

WebAPI作用：通过使用js去操作html和浏览器分类：DOM：文档对象模型BOM：浏览器对象模型一、DOM基础1.简介(1)DOM(DocumentObjectModel)文档对象模型，是浏览器提供的一套专门用来操作网页内容的功能，即开发网页特效实现交互内容(2)DOM树(文档树)将HTML文档以树状结构直观表现出来，称之为DOM树，是描述网页内容关系的名词。作用是用树状图表示了标签与标签之间
PCGuo999·2023-11-13 07:29

Koa2 洋葱模型 —— compose 串联中间件的四种实现

阅读原文前言Koa是当下主流NodeJS框架，以轻量见长，而它中间件机制与相对传统的Express支持了异步，所以编码时经常使用async/await，提高了可读性，使代码变得更优雅，上一篇文章NodeJS
Panda Shen·2023-11-10 18:37

【JS进阶】纯函数 + 高阶函数 + 函数柯里化

纯函数+高阶函数+函数柯里化1.纯函数纯函数(PureFunction)是函数式编程中一个非常重要的概念。纯函数是一个定义，对于一个纯函数，执行它不会产生不可预料的行为，也不会对外部产生影响。如果一个函数是纯函数，其必须符合两个条件：返回结果只依赖于其参数在执行过程中没有副作用1.1副作用首先要了解一个概念，什么是副作用？函数副作用，指当调用函数时，除了返回函数值之外，还对主调用函数产生附加的影响
cannotbecounted·2023-11-10 08:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他