javascript特效代码

Javascript - 基本运算符（+，-，*，/，%）

简单的了解一下+，-，*，/，%+（加号运算符）这里分为一元、二元运算+之一元运算符+号运算符作为一元运算符时，加号后面的表达式or变量将进行转换成Number类型//nullconsole.log(+null);//0//undefinedconsole.log(+undefined);//NaN//booleanconsole.log(+true);//1console.log(+false)
厦门_小灰灰·2024-02-07 21:55

JavaScript实现防抖和节流

2.1节流函数的应用场景2.2节流函数的实现2.2.1节流函数优化之this指向2.2.2节流函数优化之参数三、总结前言JavaScript是事件驱动的,伴随着大量的触发事件操作。
爱打篮球的代码仔。·2024-02-07 20:41

JavaScript中的防抖和节流

防抖(debounce)触发高频事件后n秒内函数只执行一次如果n秒内高频事件再次触发，则重新计算事件防抖场景：1.登录、发短信等按钮避免用户点击太快，以至于发送多次请求，需要防抖2.调整浏览器窗口大小时，resize次数过于频繁，造成计算过多，此时需要一次到位，就需要防抖3.文本编辑器实时保存，当无任何更改操作一秒后进行保存防抖代码：functiondebounce(func,wait){lett
有思想的小胡子·2024-02-07 20:41

JavaScript高级：深浅拷贝

目录1引言2浅拷贝2.1拷贝数组1.2拷贝对象3赋值操作和浅拷贝的比较4深拷贝4.1前置知识-->递归函数4.2使用递归实现深拷贝4.3js库中的lodash里面的cloneDeep内部实现深拷贝4.4利用JSON实现深拷贝深浅拷贝只针对引用数据类型1引言假如我们想要使用一个对象，我们之前通常使用赋值的方式，但是使用赋值的方式时，修改赋值后的对象中的数据，会影响原对象！！！比如：constobj=
是小蟹呀^·2024-02-07 20:40

JavaScript高级：异常和debugger调试

1抛出异常functionfn(x,y){if(!x||!y){thrownewError('参数不能为空！')//会终止程序}returnx+y}console.log(fn())2捕获异常try...catch捕获异常try{//可能抛出异常的代码constp=document.querySelector('.p')p.style.color='red'}catch(err){//拦截错误，不
是小蟹呀^·2024-02-07 20:10

JavaScript高级：剖析this在不同函数下的指向和如何改变指向

目录1普通函数的this指向2箭头函数的this指向3改变this的指向3.1call()方法改变this指向3.2apply()方法改变this指向3.3bind()方法改变this指向1普通函数的this指向【代码1】functionfoo(){console.log(this)//没调用者指向window，严格模式('usestrict')下指向undefined}foo()【代码2】set
是小蟹呀^·2024-02-07 20:10

JavaScript高级：防抖和节流

1防抖（debounce）单位时间内，频繁触发事件，只执行最后一次【例子】王者荣耀英雄回城，只要被打断就要重新来【应用场景】1.搜索框搜索输入。只需用户最后一次输入完，再发送请求；2.手机号、邮箱验证输入检测。【需求】鼠标在盒子上滑动，并在盒子上显示滑动的次数如果不使用防抖，那么在盒子上的数字将会增加的非常快，如果是一些非常消耗性能的代码，可能会造成卡顿1.1使用lodash库实现防抖无论滑动多少
是小蟹呀^·2024-02-07 20:38

ES6新特总结

ES6新特性Babel转码器ECMAScript6简介学习网址：http://es6.ruanyifeng.com/ECMAScript是javascript标准ES6就是ECMAScript的第6个版本
weixin_52576960·2024-02-07 20:37

一幅长文细学JavaScript（五）——ES6-ES11新特性

5ES版本摘要ES5的先天不足致使ES后续版本的发展，这也是前端人员绕不开的一个点。如果我们想要在工作和面试中轻松解决问题，那么了解ES6-ES11是必不可少的。在本文中，我将采用一种更加通俗的方式来讲述这一块知识点，而不是照搬书上概念。声明：在使用本文的代码时，为了避免文章冗长，我只附上了script标签内的代码供演示，如有需要详细代码可以前往代码仓库获取。学习ES6及以上新特性时，我希望你能对
ArimaMisaki·2024-02-07 20:36

前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

模块化的概念在软件开发领域已经存在很长时间，但在JavaScript中的模块化发展相对较晚。
森叶·2024-02-07 20:36

ES6和ES5的区别、ES6新特性、Promise.all()用法简记、JavaScript事件代理（事件委托）、值类型和引用类型的区别、回流与 重绘——面试篇

let、const初始化变量的区别使用箭头函数要注意事项forof与forin的区别Promise.all()用法简记解决promise失败不返回结果封装catch方法（失败结果也接收）只接收成功值方法JavaScript
大脸胖柴·2024-02-07 20:06

GPT每日面试题—如何理解事件循环

以下是一个较为全面的回答，可以帮助你展示对事件循环的理解：公众号：Code程序人生，个人网站：https://creatorblog.cn回答示例：事件循环是浏览器或Node.js执行JavaScript
CreatorRay·2024-02-07 20:03

json_decode与waf

JSON:JavaScriptObjectNotation(JavaScript对象表示法)json实例{"sites":[{"name":"菜鸟教程","url":"www.runoob.com"},
萍水间人·2024-02-07 20:51

微信小程序 --- 腾讯地图线路规划

目录微信小程序JavaScript简介Helloworld！
前端 贾公子·2024-02-07 20:53

Selenium 之订制启动Chrome的选项（Options）

使用selenium时，我们可能需要对chrome做一些特殊的设置，以完成我们期望的浏览器行为，比如阻止图片加载，阻止JavaScript执行等动作。
itbigold·2024-02-07 19:31

21-selenium之options模块

目录前言加载用户配置文件设置编码添加请求头禁止加载图片无界面运行设置开发者模式启动禁用浏览器弹窗禁用JavaScript隐藏滚动条以最高权限运行添加插件添加代理debug模式前言做自动化测试过程中，有时需要绕过验证码或如下场景中都可以使用该模块禁止图片和视频的加载
爱学习de测试小白·2024-02-07 19:55

【刷题日记】最长数对链

给你一个由n个数对组成的数对数组pairs，其中pairs[i]=[lefti,righti]且leftipairs【j】【1】时，dp【i】=max（dp【i】，dp【j】+1）；代码（JavaScript
STATICHIT静砸·2024-02-07 19:44

【JavaScript】字符串反转的常用方法

1.使用`split()`、`reverse()`和`join()`方法将字符串转换为数组，然后使用`reverse()`方法反转数组，最后再使用`join()`方法将数组转换回字符串。letstr="Hello,World!";letreversedStr=str.split("").reverse().join("");console.log(reversedStr);//输出："!dlroW
STATICHIT静砸·2024-02-07 19:44

JavaScript将整数转化为字符串的常用方法

1.使用`toString()`方法`toString()`方法可以将一个数字转换成字符串。letnum=123;letstr=num.toString();console.log(str);//输出："123"你还可以传递一个基数作为参数给`toString()`方法（例如，将数字转换为二进制、八进制或十六进制字符串）。2.使用字符串模板（模板字面量）字符串模板（ES6新增的功能）也可以用来将数
STATICHIT静砸·2024-02-07 19:12

react表单

但大多数情况下，使用JavaScript函数可以很方便的处理表单的提交，同时还可以访问用户填写的表单数据。实现这种效果的标准
不再犹豫_c61b·2024-02-07 18:30

ts总结2、any 类型，unknown 类型，never 类型（编译选项noImplicitAny）

2、为了适配以前老的JavaScript项目，让代码快速迁移到TypeScript，可以把
皓月当空hy·2024-02-07 18:25

ts总结3、类型系统：boolean、string、number、bigint、symbol、object、undefined、null（编译选项noimpolicitAny、strictNullCh

一、JavaScript语言（注意，不是TypeScript）将值分成8种类型。
皓月当空hy·2024-02-07 18:25

碎片时间学编程「13」：如何在 JavaScript 中定义枚举？

然而，JavaScript目前还没有类似的概念。但是JavaScript在语法方面的不足之处在于它在灵活性方面得到了弥补。定义枚举的最简单方法是Object.freeze()与普通对象结合使用。
路条编程·2024-02-07 18:57

js中的事件模型详解

文章目录一、事件与事件流二、事件模型原始事件模型标准事件模型IE事件模型一、事件与事件流javascript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性，常见的有加载事件
章IT·2024-02-07 17:30

js中执行上下文和执行栈是什么

文章目录一、执行上下文二、生命周期创建阶段ThisBinding词法环境变量环境执行阶段回收阶段二、执行栈参考文献一、执行上下文简单的来说，执行上下文是一种对Javascript代码执行环境的抽象概念，
章IT·2024-02-07 17:59

深度解析javascript中的this（一）

文章目录前言正文为什么需要使用this对this的错误认知指向函数自身指向函数的作用域this指向函数调用者小结前言this关键字是JavaScript中最复杂的机制之一。
祯民·2024-02-07 17:26

【JS】Javascript中的this到底是什么

JavaScript中的this是一个对于新手来说特别吓人并且不友好的概念。对于一个前端萌新来说，这个概念既模糊，又看不到它存在的意义。
kevozzy·2024-02-07 17:55

js中this对象的理解（深度解析）

文章目录一、定义二、绑定规则默认绑定隐式绑定new绑定显示修改三、箭头函数四、优先级隐式绑定VS显式绑定new绑定VS隐式绑定new绑定VS显式绑定参考文献一、定义函数的this关键字在JavaScript
章IT·2024-02-07 17:25

ECharts折线图实现（前端、后端、数据结构）

创建一个折线图（js）3、了解ECharts需要的数据结构4、后台将数据整合返回给ECharts5、效果图ECharts简介ECharts，缩写来自EnterpriseCharts，商业级数据图表，一个纯Javascript
小豆的编程世界...·2024-02-07 17:05

vue3学习笔记之Transition&TransitionGroup

Transition1.1TransitionAPI1.2基于CSS的过渡效果自定义过渡class+Animate动画库同时使用transition和animation深层级过渡与显式过渡时长duration（总持续时间）1.3JavaScript
凡小多·2024-02-07 17:04

js数组遍历方法汇总

数组遍历方法汇总1,for循环JavaScript版本:ECMAScript1.0兼容性:无2,map()JavaScript版本:ECMAScript1.6兼容性:IE9+,Firefox1.5作用:
Leo_DLi·2024-02-07 17:31

vue3-内置组件-TransitionGroup

与的区别支持和基本相同的props、CSS过渡class和JavaScript钩子监听器，但有以下几点区别：默认情况下，它不会渲染一个容器元素。
王大可996·2024-02-07 17:59

npm 上传一个自己的应用(4) 更新自己上传到NPM中的工具版本 并就行内容修改

前面npm上传一个自己的应用(2)创建一个JavaScript函数并发布到NPM我们讲了将自己写的一个函数发送到npm上那么如果我们想到更好的方案希望对这个方法进行修改呢？
瑞晟技术服务中心-耿瑞·2024-02-07 17:52

JavaScript-day02

一、逻辑分支(条件分支)程序设计的结构顺序结构:从上朝下执行的代码就是顺序。选择(分支)结构:根据不同的情况，执行对应代码。循环结构:重复做一件事情。除顺序结构外，其余两种程序结构由流程控制语句实现。选择(分支)结构的程序由条件分支语句实现。二、条件分支语句（很重要，很常用，不难）if语句即条件判断语句，一共有三种格式：1、if(条件表达式)语句;（单分支语句）表达式最终要能返回布尔值，一般是逻辑
jiaiqi·2024-02-07 16:24

001 Rust和WebAssembly初体验

低水平控制与高水平的人体工程学JavaScriptWeb应用程序很难获得和保持可靠的性能。Rust为程序员提供了低级别的控制和可靠的性能。
令狐壹冲·2024-02-07 16:33

使用lodash防抖节流

Lodash是一个一致性、模块化、高性能的JavaScript实用工具库。
前端小菜鸟也有人起·2024-02-07 16:28

JS 到底是在干嘛：一文搞懂JS 执行上下文

所有JavaScript代码都需要在某种环境中托管和运行。在大多数情况下，这种环境是一个web浏览器。对于在web浏览器中执行的任何一段JavaS
编程轨迹_·2024-02-07 14:15

【JavaScript 红宝书】JavaScript 高级教程第 3 版学习笔记

javascrpt高级教程一个完整的javascript实现，
编程轨迹_·2024-02-07 14:15

Javascript | 打印菱形

Javascript打印菱形，在校大学生可以拿来糊弄作业（笑）varstr='';for(vari=1;i<=9;i++){if(i<=5){for(vark1=1;k1<=5-i;k1++){str+
红星编程实验室·2024-02-07 14:36

Javascript学习笔记——4.9 关系表达式

=不相等是==的结果求反javascript对象的比较是引用的比较，不是值的比较。对象只和其本身相等。对象向原始值的转换规则：日期类通过toString()转换，其他的先通过of
IFELSE·2024-02-07 14:24

JavaScript中闭包的定义、原理及应用场景

JavaScript是一门以函数为核心的编程语言，其独特的闭包特性是众多开发者所喜爱的特点之一。闭包是一种非常强大的概念，可以帮助我们实现许多复杂的功能和逻辑。
JJCTO·2024-02-07 13:35

在JavaScript中实现继承的几种方式

文章目录前言继承的几种方式构造方式继承进行测试结论修改原型继承进行测试结论（构造函数＋修改原型）组合继承进行测试结论基于组合继承的优化测试结论总结前言JavaScript作为一门面向对象语言，自然有封装
木讷鸭·2024-02-07 13:34

JavaScript如何实现继承？

JavaScript对象和继承JavaScript在编程语言界是个异类，它和其他编程语言很不一样，JavaScript可以在运行的时候动态地改变某个变量的类型。
码上游·2024-02-07 13:04

JavaScript中继承的方式有哪些？

在JavaScript中，我们可以使用多种方式来实现继承，每种方式都有自己的特点和适用场景。
JJCTO·2024-02-07 13:00

实现异步请求有哪些方式

一、xhr异步老祖XMLHttpRequest（简称XHR）是一种在JavaScript中创建异步请求的技术。XHR对象可以向服务器发送请求，并获取服务器返回的数据，而不会使页面刷新。
wyzqhhhh·2024-02-07 13:56

Java和JavaScript区别与联系

引言简要介绍Java和JavaScript的历史背景。阐述两者在名称上的相似性及由此带来的误解。提出文章目的：明确区分两者差异，并探讨它们之间的联系。
五行缺你94·2024-02-07 13:25

js和node事件循环区别

javaScript事件循环机制一、是什么？JavaScript是一门单线程语言，同一时间只能做一件事，但并不意味着单线程就是阻塞，而实现单线程非阻塞的方式就是事件循环。
wyzqhhhh·2024-02-07 13:21

jQuery小总结（1）

入口函数：$（document）.ready（function（）{}）$（function（）{}）jquery对象只能使用jquery方法，DOM对象只能使用原生的javascript属性和方法jquery
super_girl秘密基地·2024-02-07 13:29

用HTML5 + JavaScript实现下雪效果

用HTML5+JavaScript实现下雪效果是一个可以使用脚本(通常为JavaScript)来绘制图形的HTML元素。标签/元素只是图形容器，必须使用脚本来绘制图形。
软件技术爱好者·2024-02-07 12:44

Vue生命周期解析

Vue.js是一个流行的前端JavaScript框架，它采用了组件化的开发方式。Vue实例有一个完整的生命周期，包括创建、挂载、更新和销毁阶段。这些生命周期钩子函数允许
刚满十八工地搬砖·2024-02-07 12:42
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他