js进阶

Threejs进阶之五：使用CSS2DRenderer给模型添加HTML标签

这一节给场景中的模型添加标签，想实现的效果是，通过鼠标点击场景中摩托车的某个部位，则在场景中出现一个标签，并在标签上显示该部位的信息。最终的效果图如下：要实现上面的效果，需要用到CSS2D渲染器，先来了解下CSS2D渲染器CSS2DRenderer(CSS2D渲染器)CSS2DRenderer（CSS2D渲染器）可以把HTML元素作为标签标注到三维场景中，CSS2DRenderer是CSS3DRe
九仞山·2023-11-07 06:42

Threejs进阶之七：使用CSS3DRenderer渲染HTML标签

前面我们实现了通过使用CSS2DRenderer给模型添加HTML标签的效果，渲染出来后我们发现当我们缩放鼠标时，渲染的HTML标签并不会跟着场景缩放，这是因为CSS2DRenderer渲染的标签默认保持自身像素值。官方文档中也提到了，CSS2DRenderer是CSS3DRenderer（CSS3D渲染器）的简化版本，它唯一支持的变换就是位移。所以，它不支持缩放等功能。这一节我们来了解下使用CS
九仞山·2023-11-07 06:12

「NodeJs进阶」超全面的 Node.js 性能优化相关知识梳理

相信对于前端同学而言，我们去开发一个自己的简单后端程序可以借助很多的nodeJs的框架去进行快速搭建，但是从前端面向后端之后，我们会在很多方面会稍显的有些陌生，比如「性能分析」，「性能测试」，「内存管理」，「内存查看」，「使用C++插件」，「子进程」，「多线程」，「Cluster模块」，「进程守护管理」等等NodeJs后端的知识，在这里为大家来分析一下这些场景与具体实现。搭建基础服务首先我们先来实
测试界的飘柔·2023-10-25 08:17

爬虫（js逆向）非指纹built-in函数-js进阶-混淆与伪代码-常见反爬措施-爬虫逆向方法论-（3）

文章目录一、常见非指纹built-in函数二、三元表达式：三、函数内的内置arguments参数四、位运算符和逻辑运算符1、位运算符2、逻辑运算符3、jsfuck五、js混淆，伪代码，操作都有哪些1.自执行函数嵌套执行function(a,b){}(fn1,fn2)2、变量名混淆3、函数名不一致（1.构造函数2.重新复制）4、三元表达式5、流程平6、打包7、控制流平坦化8、重构解释器六、JS反爬原
稳稳C9·2023-10-22 23:25

前端开发js进阶————预编译

js是一门解释性语言，主要特点是一行一行执行代码。但在js运行前，会先进行预编译，下面我就来说说这个预编译的规则。首先给大家举个例子：vara=123;console.log(a)//123如果调换下位置console.log(a);//undefinedvara=123如果我们不定义变量console.log(a)//报错为什么同样打印a，会有这么大的差别，这就是预编译的作用。首先，先普及一个概
吴晨敏·2023-10-20 14:02

【JS进阶】JS 迭代器和生成器

JS迭代器和生成器1.迭代器迭代器，Iterator，其代表一种接口，目的是为各种不同的数据结构提供统一的访问机制。任何数据结构，只要部署了Iterator接口，就可以完成遍历操作！(当然要是可遍历的数据结构，像let、Number这种不可遍历的自然就不支持迭代器了)首先来了解三个相关的类型：可迭代对象—类似Array、NodeList等数据结构，当然我们也可以自己定义一个可迭代对象迭代器对象—是
cannotbecounted·2023-10-18 12:00

Threejs进阶之三：通过GUI修改gltf模型(摩托车)颜色

上一节我们对摩托车的场景进行了优化，添加了聚光灯及阴影等效果，这一节我们继续对摩托车场景进行优化，我们通过GUI来控制摩托车各个部位颜色的修改先看下修改后的最终效果引入GUI在motor3d.js中通过import引入GUI插件import{GUI}from'three/examples/jsm/libs/lil-gui.module.min.js'//引入GUImotor03.gltf的组成在对
九仞山·2023-10-16 17:42

NODE个人学习笔记分享

前言：本篇是个人学习nodejs的笔记，github仓库地址已贴出=>github仓库地址NodeJs进阶学习Node特性(解决web服务器高性能瓶颈问题)1.单线程相对其他服务器开发语言来说，像java
aliensq·2023-10-14 12:39

手把手教你如何用npm发布包

热乎乎的nodejs进阶教程第二篇来了，如果第一篇没看过，建议大家先移步到第一篇npm使用技巧和最佳实践这篇讲述如何发布一个npm模块，大家平时都是下载各种第三方的npm包到自己的项目，身为一个有追求的程序员
weixin_30325971·2023-10-13 21:48

前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶（四）完结撒花✿✿ヽ(°▽°)ノ✿

思维导图高阶技巧1.深浅拷贝1.1浅拷贝1.2深拷贝DocumentfunctiongetTime(){document.querySelector('div').innerHTML=newDate().toLocaleString()setTimeout(getTime,1000)}getTime()递归函数实现深拷贝Documentconstobj={uname:'pink',age:18,h
卡皮巴拉·2023-10-13 03:35

HTML&CSS基础+JavaScript进阶

其中JS进阶课程来自于b站，链接如下：【【Udemy排名第一的JavaScript课程】2023最新完整JavaScript课程从入门到精通--通过项目、挑战和理论掌握JS（中英文字幕）下】https:
King_FLYz·2023-10-12 19:52

nodejs进阶知识

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

前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶（二）

思维导图构造函数&数据常用函数一、深入对象1.1创建对象三种方式1.2构造函数1.3实例成员&静态成员二、内置构造函数为什么简单数据类型也有方法?基本数据类型包装成复杂数据类型2.1Object2.2Arrayreduce()第二个参数（初始值）不能省略，不然自动取第一个数组对象，但要累加的是数组对象的属性。Documentconstarr=[{name:'张三',salary:10000},{n
卡皮巴拉·2023-10-12 09:03

前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶（一）

思维导图一、作用域1.1局部作用域let和const声明的才有块作用域1.2全局作用域1.3作用域链1.4JS垃圾回收机制1.5闭包Document//简单的写法//functionouter(){//leta=10//functionfn(){//console.log(a)//}//fn()//}//outer()//常见的闭包的形式外部可以访问使用函数内部的变量//functionouter
卡皮巴拉·2023-10-12 09:02

前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶（三）

思维导图1.编程思想1.1面向过程编程1.2面向对象编程(oop)2.构造函数3.原型3.1原型Document//自己定义数组扩展方法求和和最大值//1.我们定义的这个方法，任何一个数组实例对象都可以使用//2.自定义的方法写到数组.prototype身上//1.最大值constarr=[1,2,3]Array.prototype.max=function(){//展开运算符returnMath
卡皮巴拉·2023-10-12 09:45

Threejs进阶之六：使用EffectComposer后处理实现点击模型发光效果

这一节我们继续对前面的摩托车模型进行研究，前面我们实现了点击摩托车模型的各个部分时弹出HTML标签显示该部分的信息，这一节我们加入后期处理效果，EffectComposer来实现点击模型使其发光的效果，先看下最终的效果图，整体看起来还不错，下面我们来实现它，老规矩，在实现上面的效果之前，我们先来认识下EffectComposerEffectComposer效果合成器EffectComposer是T
九仞山·2023-10-09 19:49

Threejs进阶之十五：在Thereejs 使用自定义shader

目录最终效果什么是ShaderShaderMaterial类常用属性uniforms属性vertexShader属性fragmentShader属性代码实现新建ShaderView.vue文件并引入Threejs定义初始化函数创建initMesh函数实例化ShaderMaterial类实例化TextureLoader()定义uniforms全局变量定义vertexShader顶点着色器定义frag
九仞山·2023-10-09 01:43

day25--JS进阶(递归函数,深浅拷贝,异常处理,改变this指向,防抖及节流)

目录浅拷贝1.拷贝对象①Object.assgin()②展开运算符newObj={...obj}拷贝对象2.拷贝数组①Array.prototype.concat()②newArr=[...arr]深拷贝1.通过递归实现深拷贝2.lodash/cloneDeep实现3.通过JSON.stringify()实现异常处理throw抛异常try/catch捕获异常debugger处理thisthis指向
cuier520·2023-10-08 23:11

JS进阶-深浅拷贝

浅拷贝和深拷贝只针对引用类型浅拷贝浅拷贝：拷贝的是地址常见方法：1.拷贝对象：Object.assgin()/展开运算符{...obj}拷贝对象2.拷贝数组：Array.prototype.concat()或者[...arr]如果是简单数据类型拷贝值，引用数据类型拷贝的是地址（简单理解：如果是单层对象，没问题，如果是多层就有问题）constobj={uname:'pink',age:18}cons
小沐°·2023-10-08 20:23

JS进阶-异常处理

throw抛异常异常处理是指预估代码执行过程中可能发生的错误，然后最大程度的避免错误的发生导致整个程序无法继续运行。functioncounter(x,y){if(!x||!y){thrownewError('参数不能为空！')}returnx+y}counter()总结：1.throw抛出异常信息，程序也会终止执行2.throw后面跟的是错误提示信息3.Error对象配合throw使用，能够设置
小沐°·2023-10-08 20:23

JS进阶-this

普通函数this指向普通函数的调用方式决定了this的值，即谁调用this的值指向谁普通函数没有明确调用者时this值为window，严格模式下没有调用者时this的值为undefined箭头函数this指向箭头函数中的this与普通函数完全不同，也不受调用方式的影响，事实上箭头函数中并不存在this1.箭头函数会默认帮我们绑定外层this的值，所以在箭头函数中this的值和外层的this是一样的
小沐°·2023-10-08 20:23

JS进阶-防抖和节流

防抖（debounce）单位时间内，频繁触发事件，只执行最后一次。例子：王者荣耀回城，只要被打断就需要重新来使用场景：1）搜索框搜索输入。只需用户最后一次输入完，再发送请求2）手机号、邮箱验证输入检测节流
小沐°·2023-10-08 20:13

前端day23--JS进阶(作用域,垃圾回收机制,闭包,剩余参数,箭头函数,解构)

目录作用域局部作用域函数作用域块作用域全局作用域作用域链JS垃圾回收机制垃圾回收机制算法说明：引用计数法(了解)：标记清除法：闭包为什么要有闭包？闭包的风险→内存泄漏变量提升函数进阶函数提升函数参数动态参数arguments剩余参数...vs展开运算符箭头函数基本语法箭头原函数参数箭头函数this解构赋值数组解构js中两种必须加分号情形变量少，单元值多变量多，单元值少按需导入多维数组解构对象解构解
cuier520·2023-10-08 07:45

day24-JS进阶(构造函数,new实例化,原型对象,对象原型,原型继承,原型链)

目录构造函数深入对象创建对象三种方式构造函数new实例化执行过程(important!)实例成员&静态成员实例对象&实例成员静态成员内置构造函数基本包装类型ObjectObject.keys(obj)返回所有键组成的字符串数组Object.values(obj)返回所有值组成的字符串数组Object.assign(obj1,obj2)返回合并的对象Array数组常见核心实例方法arr.forEac
cuier520·2023-10-08 07:41

js进阶1

js进阶注意事项#行业敲门砖#技术为王web前端岗位竞争对手#应届毕业生(计算机)自学者(转行)社会上的web前端工程师其他机构的学员核心竞争能力#js进阶项目就业辅导js进阶怎么学#
牛马小先锋·2023-10-08 01:33

JS进阶第一课【this，严格模式，闭包】

目录一、this二、call()1、格式2、作用三、apply()1、格式2、作用3、拓展四、bind()【常用】1、格式2、作用3、代码例子：发送验证码（点击按钮后禁用3秒，才可以再点击使用）call()、apply()、bind()总结五、严格模式1、目的2、开启严格模式3、严格模式的变化六、*闭包【面试官常问：什么是闭包？】1、概念：有权访问另一个函数作用域中的变量的函数2、作用3、缺点4、
五秒法则·2023-10-07 19:19

vue.js进阶

vue-cli脚手架：1.生成目录结构2.本地开发调试3.代码部署4.热加载5.单元测试前端路由：在web开发中，路由是指根据url分配到对应的处理程序。vue-router作用：通过管理url，实现url和组件的对应和通过url进行组件之间的切换。单页应用（SPA）：加载单个HTML页面，并在用户与应用程序交互时动态更新该页面。vue-router使用步骤：安装模块：npminstallvue-
十一T_T·2023-10-07 18:52

JS进阶-原型对象prototype

原型原型就是一个对象，也称为原型对象构造函数通过原型分配的函数是所有对象所共享的。JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象，所以我们也称为原型对象这个对象可以挂载函数，对象实例化不会多次创建原型上函数，节约内存作用：可以把那些不变的方法，直接定义在prototype对象上，这样所有对象的实例就可以共享这些方法。构造函数和原型对象中的this都指向实例化
小沐°·2023-10-07 00:36

【前端笔记】Js进阶-03

JavaScript进阶-第3天笔记了解构造函数原型对象的语法特征，掌握JavaScript中面向对象编程的实现方式，基于面向对象编程思想实现DOM操作的封装。了解面向对象编程的一般特征掌握基于构造函数原型对象的逻辑封装掌握基于原型对象实现的继承理解什么原型链及其作用能够处理程序异常提升程序执行的健壮性编程思想学习JavaScript中基于原型的面向对象编程序的语法实现，理解面向对象编程的特征。面
江海寄·2023-10-06 23:17

JS进阶-编程思想

面向过程分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。缺点：没有面向对象易维护、易复用、易扩展面向对象（oop）把事务分解成一个个对象，然后由对象之间分工与合作。在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。面向对象编程具有灵活、代码可复用、
小沐°·2023-10-06 22:15

04 JavaScript ES6基础语法 WebAPIs JS进阶

JavaScript0材料说明1JavaScript基础1.1基本介绍1.2变量&常量1.3数组Array1.4数据类型1.6运算符1.7语句1.8数组1.9函数1.10对象2WebAPIsDOMBOM2.1前置2.2获取DOM对象2.3更改对象内容2.4更改对象属性2.4.1更改对象常用属性2.4.2更改对象控制样式属性2.4.3更改表单对象属性2.4.4其他自定义对象属性2.5定时器-间歇函数
M.AI·2023-10-04 18:48

JS进阶-forEach

forEach()方法用于调用数组的每个元素，并将元素传递给回调函数。主要使用场景：遍历数组的每个元素语法：被遍历的数组.forEach(function(当前数组元素,当前元素索引号){//函数体})例如：constarr=['red','green','pink']arr.forEach(function(item,index){console.log(item)console.log(ind
小沐°·2023-09-30 09:42

JS进阶-构造函数创建对象

创建对象的三种方式1.利用对象字面量创建对象obj={}2.利用newObject创建对象obj=newObject({})3.利用构造函数创建对象构造函数是一种特殊的函数，主要用来初始化对象，在技术上就是常规函数。使用场景：常规的{...}语法允许创建一个对象。比如我们创建了佩奇的对象，继续创建乔治的对象还需要重新写一遍，此时可以通过构造函数来快速创建多个类似的对象。functionPig(na
小沐°·2023-09-30 09:39

JS进阶-函数剩余参数

函数参数的使用细节，能够提升函数应用的灵活度。动态参数arguments是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参，只存在于函数里functiongetSum(){letsum=0for(leti=0;i
小沐°·2023-09-26 23:12

JS进阶-闭包

概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域简单理解：闭包（Closure）=内层函数+外层函数的变量functionouter(){consta=1functionf(){console.log(a)}f()}outer()闭包作用：封闭数据，实现数据私有，外部也可以访问函数内部的变量基本格式：functionouter(){leti=1functionfn(){
小沐°·2023-09-26 20:49

JS进阶-垃圾回收机制和算法

垃圾回收机制（GarbageCollection）简称GC，JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。内存的生命周期JS环境中分配的内存，一般有如下生命周期：1.内存分配：当我们声明变量、函数、对象的时候，系统会自动为他们分配内存2.内存使用：即读写内存，也就是使用变量、函数等3.内存回收：使用完毕，由垃圾回收器自动回收不再使用的内存说明：1）全局变量一般不会
小沐°·2023-09-26 20:19

JS进阶-变量和函数提升

变量提升变量提升是JavaScript中比较“奇怪”的现象，它允许在变量声明之前即被访问（仅存在于var声明变量），把所有var声明的变量提升到当前作用域的最前面，只提升声明，不提升赋值。注意：1.变量在未声明即被访问时会报语法错误2.变量在var声明之前即被访问，变量的值为undefined3.变量提升出现在相同作用域中4.实际开发中推荐先声明再访问变量functionfn(){console.
小沐°·2023-09-26 20:16

nodejs 学习指南

社区官网cnode中文网饿了么大前端Node.js进阶教程文章WEB前端知识总结前端攻略系列
编程之上·2023-09-22 04:47

JS进阶篇--JS数组reduce()方法详解及高级技巧

基本概念reduce()方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。reduce为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用reduce的数组。语法:arr.reduce(callback,[initialValue])callb
前端库·2023-09-18 10:44

JS进阶--compose和pipe函数

为什么需要函数式编程后执行的一些问题值的传递写起来不方便如果要连续执行一系列函数，并且传递计算某个值，会写起来很难受连续调用写起来很麻烦连续调用一系列函数，写起来麻烦compose函数Compose函数可以理解成为了方便我们连续执行方法，把自己调用传值的过程封装了起来，我们只需要给Compose函数我们要执行哪些方法，函数就会自动执行functionminusOne(num){returnnum-
啊胡咧咧·2023-09-18 10:14

Js进阶18-数组方法

js中数组的方法种类众多，有ES5之前版本中存在的，ES5新增，ES6新增等；并且数组的方法还有原型方法和从Object继承的方法，这里只介绍数组在每个版本中原型上的方法。速查表编号方法名对应版本功能原数组是否改变1concat(data1,data2,...)ES5合并数组，并返回合并之后的数据n2join(str)ES5使用分隔符，将数组转为字符串并返回n3pop()ES5删除最后一位，并返回
晴雪月乔·2023-09-18 10:44

Js进阶8-案例：手写常见原生方法

一、map方法手写map方法：functionmap(arr,callback){  if(!Array.isArray(arr)||!arr.length||typeofcallback!=='function'){//arr不是数组，长度非0，callback是function   return[];  }else{   letresult=[];   for(letindex=0;index
晴雪月乔·2023-09-18 10:43

web前端开发分享-css,js进阶篇

昨天我们简单的学习了一下关于web前端的入门应该注意哪两点？一个是css，一个是js今天再来说说关于前端进阶的相关知识点吧一，css进阶篇：等css那些事儿看了两三遍之后，需要对看过的知识综合应用，这时候需要大量的实践经验，简单的想法：把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html，有无从下手的地方可以用firebug,chrome调试工具分析网站结构样式。如果技术熟练自信
半圆学社·2023-09-16 09:51

【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页

1.展示效果（分页）2.分页主要字段分页主要字段包括pageSize每页条数、pageNum第几页、startRow当前开始页编号、endRow当前结束页编号、total总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的功能。但是是非常也是非常重要的。pageSize每页条数pageNum第几页startRow当前开始页编号endRow当前结束页编号tota
叫我詹躲躲·2023-09-13 13:22

ThreeJS进阶之使用后期处理

什么是后期处理？很多three.js应用程序是直接将三维物体渲染到屏幕上的。有时，你或许希望应用一个或多个图形效果，例如景深、发光、胶片微粒或是各种类型的抗锯齿。后期处理是一种被广泛使用、用于来实现这些效果的方式。首先，场景被渲染到一个渲染目标上，渲染目标表示的是一块在显存中的缓冲区。接下来，在图像最终被渲染到屏幕之前，一个或多个后期处理过程将滤镜和效果应用到图像缓冲区。这里three.js通过E
BinParker·2023-09-12 07:48

ThreeJS进阶之矩阵变换

ThreeJS的矩阵变换Three.js使用matrix编码3D变换——平移（位置），旋转和缩放。Object3D的每个实例都有一个matrix，用于存储该对象的位置，旋转和比例。这里介绍如何更新对象的变换。三维物体（Object3D）这是Three.js中大部分对象的基类，提供了一系列的属性和方法来对三维空间中的物体进行操纵。请注意，可以通过.add(object)方法来将对象进行组合，该方法将
BinParker·2023-09-12 07:48

ThreeJS进阶之动画系统（Animation system）

ThreeJS进阶之动画系统概述在three.js动画系统中，我们可以为模型的各种属性设置动画：SkinnedMesh（蒙皮和装配模型）的骨骼，morphtargets（变形目标），不同的材料属性（颜色
BinParker·2023-09-12 07:48

自学JavaScript第四天- JS 进阶：AJAX Promise Canvas

自学JavaScript第四天-JS进阶：AJAXPromiseCanvasAJAX使用XMLHttpRequest获取表单数据对象使用fetch()方法简单使用使用Promise显式异步代码参数选项终止获取
runsong911·2023-09-10 09:43

【JS进阶】防抖与节流

防抖与节流1.防抖1.1为什么要防抖？在项目中，有的操作是高频触发的，但是其实触发一次就好了，比如我们短时间内多次缩放页面，那么我们不应该每次缩放都去执行操作，应该只做一次就好。再比如说监听输入框的输入，不应该每次都去触发监听，应该是用户完成一段输入后再进行触发。所以，防抖就是防止抖动，避免事件的重复触发。思路：等待用户高频操作完成后，再完成操作。1.2基础防抖如何实现？基础设计思路：事件触发后，
cannotbecounted·2023-09-09 14:36

nodejs进阶（1）——npm使用技巧和最佳实践

nodejs进阶教程，小白绕道！！！npm使用技巧和最佳实践前提：请确保安装了node.jsnpm的最佳实践npminstall是最常见的npmcli命令，但是它还有更多能力！
weixin_30845171·2023-09-08 20:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他