JavaScript-

JavaScript-多种方法生成UUID

全局唯一标识符（GUID，GloballyUniqueIdentifier）也称作UUID(UniversallyUniqueIDentifier)。GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的x是0-9或a-f范围内的一个32位十六进制数。在理想情况下，任何计算机和计算机集群都不会
ruizuo007·2023-02-01 14:41

JavaScript-对象

1.概述JavaScript的对象是一种特殊又重要的数据类型。从结构上来说，对象就是一些以键值对无序组合起来的数据类型，键名称为属性，键值则是属性的值。从它的内容上看，对象内部可以包含各种类型的数据，这些数据的数据结构可以是number、string甚至一些function，对象内部的function称之为方法。方法可以作为接口给外部调用。相比number、string、boolean等其他数据结
qh0814·2023-02-01 07:33

JavaScript-发布订阅模式与观察者模式

发布订阅模式有事件中心，事件中心解耦了发布者和订阅者，发布者通过事件中心发布消息，订阅者通过事件中心订阅消息，彼此不知道对方的存在实现关键:使用一个对象存储不同事件的回调函数(事件处理函数)核心方法:on,emit,offon:添加回调emit:依次执行指定事件的回调函数off:取消指定事件的指定事件处理函数//发布订阅模式,事件中心classEvent{constructor(){this.ca
qq_42372534·2023-01-31 01:34

JavaScript-逻辑元算基础

逻辑运算又称布尔代数，就是布尔值的"算数"运算。逻辑运算符包括:1,逻辑与(&&)2,逻辑或(||)3,逻辑非(!)16.2.1逻辑与运算//16.2.1逻辑与运算varuser;//定义变量(!user&&console.log("没有赋值"));//返回提示信息//等效于varuserid;if(!userid){console.log("没有赋值01");}返回结果预览:逻辑与运算.png/
纵昂·2023-01-30 22:17

javascript-字节跳动，腾讯大厂面试专题——力扣（121）买卖股票的最佳时机

题目给定一个数组，它的第i个元素是一支给定股票第i天的价格。如果你最多只允许完成一笔交易（即买入和卖出一支股票一次），设计一个算法来计算你所能获取的最大利润。注意：你不能在买入股票前卖出股票。示例1:输入:[7,1,5,3,6,4]输出:5解释:在第2天（股票价格=1）的时候买入，在第5天（股票价格=6）的时候卖出，最大利润=6-1=5。注意利润不能是7-1=6,因为卖出价格需要大于买入价格；同时
纯粹的少年·2023-01-30 04:20

JavaScript-函数防抖

前言在前端开发过程中，我们会遇到一些频繁触发的事件，但我们需要控制回调的频率，比如下面几种场景：游戏中的按键响应，比如格斗，比如射击，需要控制出拳和射击的速率。自动完成，按照一定频率分析输入，提示自动完成。鼠标移动和窗口滚动，鼠标稍微移动一下，窗口稍微滚动一下会带来大量的事件，因而需要控制回调的发生频率。下面我们通过代码来看看mousemove事件是如何频繁触发的：index.html文件代码如下
前端极客技术·2023-01-29 04:14

JavaScript-数组扁平化

上一篇文章我们将JavaScript中数组的方法汇总了一下，本文我们一起来看看JavaScript数组常见的一个问题：数组扁平化。什么是数组扁平化数组扁平化：就是讲一个复杂的嵌套多层的数组，一层一层地转化为层级较少或者只有一层的数组。下面我们通过实际例子来看看都有哪些解决方法：letarray=[1,[2,[3,[4,5]]]]//需要将上面的array展开得到下面的一维数组[1,2,3,4,5]
前端极客技术·2023-01-29 04:36

web前端入门到实战：JavaScript-警告（alert 消息对话框）

1alert(字符串或变量);我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的，以上为alert()语法12345JavaScript-警告（alert消息对话框）67varmystr="火山哥,有没有看我的博客,记得留言Thanks♪(･ω･)ﾉ";8alert("(╯▽╰),博客？(꒪ꇴ꒪
大前端世界·2023-01-28 02:39

事件高级(javascript-注册事件-删除事件-DOM事件流-事件对象-事件冒泡-事件委托-鼠标事件-键盘事件-模拟京东按键输入内容案例)

事件高级▲1.注册事件(绑定事件)1.1注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式传统注册方式利用on开头的事件onclickbtn.onclick=function(){}特点：注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c标准推荐方式addEventListe
派大锌老板·2023-01-27 12:15

JavaScript-对象、类与面向对象编程（理解对象）

文章目录一、属性的类型1.1数据属性1.2访问器属性二、定义多个属性（Object.defineProperties()）三、读取属性的特性（Object.getOwnPropertyDescriptor()）四、合并对象（Object.assign()）五、对象标识及相等判定（Object.is()）六、增强的对象语法6.1属性值简写6.2可计算属性6.3简写方法名七、对象解构7.1嵌套解构7.
每天内卷一点点·2023-01-14 19:18

JavaScript-函数

文章目录一、函数1.函数的声明2.函数返回值3.函数调用4.函数参数5.函数参数传递1.基本数据类型2.引用数据类型6.函数属性1.length属性2.name属性3.prototype属性原型7.函数方法：call、apply、bind1.call、apply（）方法2.bind()方法和callapply类似，bind有返回值(一个函数)一、函数1.函数的声明函数的声明语句functionfn
不加蔗糖·2023-01-09 20:26

【JavaScript-动画原理】如何使用js进行动画效果的实现

个人主页：Aic山鱼个人社区：山鱼社区如果文章对你有所帮助请点个吧!欢迎关注、点赞、收藏(一键三连)和订阅专哦目录前言1.动画原理2.动画函数的封装3.给不同元素添加定时器4.缓动动画原理5.给动画添加回调函数6.动画函数的使用写在最后前言动画对于我们来说都不陌生，css里面就有很多动画，2d，3d等各种动画，本篇主要是如何使用js实现动画效果，如果本篇文章对你有帮助，点赞支持一下吧！1.动画原理
Aic山鱼·2022-11-24 09:08

一线大厂常用的六大vue自定义指令合集之节流v-throttle

关于javascript中是如何实现节流，这里不再过多赘述，感兴趣的小伙伴可以查看这篇web前端高级JavaScript-函
一笑程序猴·2022-10-28 16:47

深入理解JavaScript-作用域

本文介绍JavaScript中的作用域。从作用域是什么聊起，介绍JavaScript的词法作用域，再从词法作用域聊到动态作用域，将二者进行对比。讲完了作用域的分类，我们用一个例子解释作用域的作用。然后讲作用域的分类以及如何因为特性写函数作用域是什么？编译原理程序中的一段源代码在执行之前会经历三个步骤，统称“编译”分词/词法分析（Tokenizing/Lexing）例如将vara=2;拆解成最基本的
·2022-09-22 17:45

【JavaScript-进阶】详解数据类型，内存分配，API元素对象获取

前言祝大家中秋节快乐，祝每一位小伙伴能在中秋佳节有一个快乐的好心情，快快乐乐过中秋！1.数据类型1.简单数据类型和复杂数据类型简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型string,number，boolean，undefined,null引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用
Aic山鱼·2022-09-09 23:35

【JavaScript-数组全家福】

目录前言数组1.创建newArray数组2.检测是否为数组1.使用instanceof检测是否为数组2.使用Array.isArray()来检测3.添加删除数组方法4.筛选数组5.数组排序6.数组索引方法7.数组去重8.数组转字符串写在最后前言博主是一个帅气的boy，你可以叫我山鱼君Aic山鱼的个人主页：Aic山鱼的个人主页如果这篇文章对你有帮助的话希望三连下⭐✍支持一下博主Aic山鱼数组1.创建
Aic山鱼·2022-09-09 23:34

JavaScript-带你找对象】对象是什么，对象能干嘛，对象该怎么用，本篇带你了解js中的对象。

前言博主是一个帅气的boy，你可以叫我山鱼君个人主页：山鱼君的个人主页社区主页：山鱼社区如果这篇文章对你有帮助的话希望三连下支持一下博主如果有什么建议的话可以在评论区留言哦！或者私信博主而也可以哦！本篇内容是有关js-对象的，没对象的小伙伴们快来，看看对象吧！目录前言对象1.对象是什么？2.对象由什么组成呢？3.创建对象的三种方式（1）利用字面量创建对象（2）利用newObject创建对象（3）利
Aic山鱼·2022-09-09 23:04

【JavaScript-函数】函数是什么？一文搞懂js当中的函数，

前言博主是一个帅气的boy，你可以叫我山鱼君⌨个人主页：山鱼君的个人主页如果这篇文章对你有帮助的话希望三连下⭐✍支持一下博主如果有什么建议的话可以在评论区留言哦！或者私信博主而也可以哦！函数1.函数的的概念函数就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。在JS里面,可能会定义非常多的相同代码或者功能相似的代码这些代码可能需要大量重复使用。虽然for循环语句也能实
Aic山鱼·2022-09-09 23:04

【JavaScript-循环-js循环你学懂了吗】

前言博主是一个帅气的boy，你可以叫我山鱼君⌨个人主页：山鱼君的个人主页如果这篇文章对你有帮助的话希望三连下⭐✍支持一下博主如果有什么建议的话可以在评论区留言哦！或者私信博主而也可以哦！双重for循环（循环嵌套）语句结构for(外层的初始化变量;外层的条件表达式;外层的操作表达式){for(里层的初始化变量;里层的条件表达式;里层的操作表达式){执行语句;>}}for(vari=1;i下面我们来看
Aic山鱼·2022-09-09 23:34

【JavaScript-内置对象】找对象，那家好，内置对象错不了，方便简单，还好用

目录1.内置对象2.什么是MDN3.如何使用对象中的方法4.Math是啥？5.封装对象6.Math绝对值和取整7.随机数8.利用Math.random()来进行简单的猜数字写在最后1.内置对象JavaScript中的对象分为3种：自定义对象，内置对象，浏览器对象。前面两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于我们JS独有的,我们JSAPI讲解内置对象就是指JS语言自带的
Aic山鱼·2022-09-09 23:02

深入理解JavaScript-继承

JavaScript的继承是基于原型实现，在前文原型里，笔者讲到了原型继承，并详细介绍了显式原型继承和隐式原型继承各自的两种方法。现在我们以继承的视角切入，并以案例的形式来介绍8种常见的JavaScript继承方法在看这篇之前，建议先看new，或者记住一句话，new关键字所形成的原型链关系是：实例.__proto__===构造函数.prototype原型链继承functionPerson(){th
·2022-09-08 17:21

深入理解JavaScript-原型

这篇文章将尝试回答这些问题：原型是什么为什么要有原型prototype和__proto__有什么区别原型链又是什么原型是如何实现继承的原型和原型链的关系如何概述首先，JavaScript是基于原型继承（Prototypalinheritance）的语言。原型（prototype）是给其他对象提供共享属性的对象，每个函数都有一个prototype属性，它指向的是一个prototype对象。每个对象都
·2022-09-06 17:33

深入理解JavaScript-拷贝的秘密

前文JavaScript由什么组成中讲述了JavaScript的数据类型分为基本类型和引用类型，而区分两则的依据是基本类型是”轻量“的，它存在栈内存中，而引用类型比较重，它存在堆内存中。所以当基本类型拷贝时，能直接拷贝，引用类型拷贝时，拷贝的不是对象（引用类型有且只有一个数据类型——对象），而是该对象在内存中的地址在一切皆对象中，我们曾经清晰地表达一个观点，在JavaScript的世界里，除去un
·2022-09-01 17:13

JavaScript-数字和字符串比较大小

JavaScript-数字和字符串比较大小JavaScript经常会比较字符串的大小，有的时候容易混淆，因此简单的梳理一下JavaScript字符串的比较:123456789101112131415//
小丫007·2022-08-22 23:36

JavaScript-数组乱序

前言对数组进行排序对我们来说很容易就能够实现，但是你有考虑过如何对一个有序的数组实现乱序，即随机排序吗？数组乱序在实际开发过程中是可能碰到的，下面我们一起看看如何实现数组乱序。欢迎关注我的微信公众号：前端极客技术(FrontGeek)sort+Math.random我们一开始可能会想到利用数组的sort方法，判断随机出来的0-1的值与0.5的大小，实现排序。该方法实现如下：vararr=[1,2,
Hanpeng Chen·2022-08-19 18:34

深入理解JavaScript-一切皆对象

先来看一句有争议的话——"在JavaScript中，一切皆对象。理解了对象，就能理解JavaScript"你觉得这句话是对是错，为什么？其实在知乎上就曾有人提过一个问题——如何理解javascript中一切都是对象？我们不妨先放一放，在文末笔者会给出自己的答案，如想看答案可直接划到文末查看在前文JavaScript由什么组成，笔者曾一句带过：引用类型是object（一组属性的集合）而这个objec
·2022-08-18 18:40

JavaScript getter setter金字塔

getterssettersgetter-getterssetter-setteriterablespromisesObservablesGetterSetterFunctionValueasynciterablesoperators引言英文链接：staltz.com/javascript
·2022-08-18 11:20

深入理解JavaScript-开篇

一生的知识积累，自学的起码占90%我们站在五年工作的基础上，脑子里能想到哪些与JavaScript相关的关键字类型、对象、函数、原型、原型链、继承、词法作用域、作用域链、执行上下文、执行上下文栈、this、闭包、垃圾回收、事件循环...这些知识点之间有什么联系呢？笔者认为：每一个知识点之间互相是有关联的，就像一座座城市，城市有城市群，大的城市群就是一个大的知识点，每个小的知识点之间也是有联系的如果
·2022-08-11 16:51

JavaScript-内置对象-Array&伪数组

一、内置对象定义：对象是带有属性和方法的特殊数据类型调用方式：对象名.属性名称对象名.方法名称(参数表)二、JavaScript常用内置对象：Array：用于在单独的变量名中存储一系列的值Date：用于操作日期和时间String：用于支持对字符串的处理Math：用于执行常用的数学任务，它包含了若干个数字常量和函数Array（数组）对象：数组属于对象数据类型创建数组方式：1、字面量方式：具有相同数据
张张_b429·2022-07-18 17:42

php蝠衭厍桴埭钨,有没办法判断输入汉字的笔划数？

你的位置:问答吧->JavaScript->问题详情有没办法判断输入汉字的笔划数？有没办法类似这个拼音输入法一样做一个判断输入汉字笔划数的程序？
郑丰彧·2022-06-29 23:36

JavaScript-猜数字小游戏-Math.random()

JavaScript有很多内置对象，每个内置对象又具备了多个实用的属性和方法供我们直接调用，今天的案例主要是使用了JS的内置对象Math()及其内部的random()生成随机数方法。这里先简单介绍一下Math()对象：Math是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math不是一个函数对象。与其他全局对象不同的是，Math不是一个构造器。Math的所有属性与方法都是静态的。引用圆周率
廖若星辰LTY·2022-06-25 20:05

ESLint 学习笔记 - 配置

配置文件有四种方式来添加配置信息：在源代码中添加配置信息的注释在命令行中通过参数来添加配置信息在package.json文件中的eslintConfig字段添加配置信息创建单独的配置文件(推荐)配置文件的格式：JavaScript
_于曼丽_·2022-06-17 20:46

3.4 JavaScript-数组(Array)

数组数组：有序的数据的合集1.创建数组例：数组的操作1.数组长度操作2.数组数据操作3.数组数据操作数组的遍历数组遍历方式1：例：
像我这样的人112·2022-06-15 16:48

实用版JavaScript-绕开走弯路

一JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript(Adobe公司，需要插件)等。前端三大块1、HTML：页面结构2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3
疯狂爱码士·2022-06-11 19:59

javascript-事件委托（代理、委派）

事件委托原理：事件冒泡使用场景及方法：如果有一个元素，里面包含了很多个子元素，触发每个子元素都要执行一个事件。以前是给每个子元素绑定事件，但使用事件委托后，只用给父元素绑定事件就行，子元素不用绑定了---父元素绑定事件，事件处理程序中设置触发事件的元素发生改变（e.target触发事件）代码示例：事件委托ul{width:300px;height:300px;padding-top:30px;ba
零OO·2022-06-11 19:28

JavaScript-类方法中this指向问题

this关键字与其他语言相比，函数的this关键字在JavaScript中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。它是当前执行上下文（global、function或eval）的一个属性，在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。全局上下文无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this都指向全局对象。Note:你可以使用globalTh
CamphorBloom·2022-06-09 22:39

JavaScript-垃圾回收

JavaScript-垃圾回收什么是垃圾回收？为什么需要垃圾回收？怎么进行垃圾回收？标记清理引用计数什么是垃圾回收？垃圾回收其实就是我们写程序过程中，一些变量需要存入内存中，然后跑起来。
KjPrime·2022-06-01 18:20

Javascript-循环

大家好，我是爱笑的陈sir，一名大二的大学生正在学习c++Web前端开发Java和MySQL数据库很高兴来到这个大的IT博客平台。每周总结一篇记录自己学习新知识点的记录。一个真正的将军是拼出来的。付出不一定有收获，努力了就值得了。JavaScript循环：反复执行同一段代码的循环。举个例子，你吃饭吃饱了吗？饱了就不吃了，没吃饱就继续吃，直到吃饱为止。循环的使用场景:某段代码，需要重复运行时：控制台
爱笑的陈sir·2022-05-21 07:20

javascript-本地存储与认证

cookie存活期：cookie可设置为长时间保持作用范围：cookie存储在客户端，发送http请求时会将cookie添加到cookie头字段，发送给服务器存储量：单个cookie保存的数据不能超过4K。sessionsession是另一种记录服务器和客户端会话状态的机制。session是基于cookie实现的，session存储在服务器端，sessionId会被存储到客户端的cookie中。存
·2022-05-12 00:41

JavaScript-函数方法apply()、call()、bind()

文章目录apply()和call()介绍二者的区别二者强大之处bind()介绍apply()和call()介绍函数的两个方法：apply()和call()。这两个方法都会指定的this值来调用函数。即会设置调用函数时函数体内this对象的值。apply（）方法接受两个两个参数：函数内this的值和一个参数数组。第二个可以是Array的实例，但也可以时arguments对象。functionsum(
李和贵·2022-05-08 13:46

【笔记】【JavaScript】狂神说JavaScript-学习笔记

JavaScript学习笔记前言学习视频：【狂神说Java】JavaScript最新教程通俗易懂感谢狂神！！！此笔记用于记录本人在学习中还有不懂以及值得注意的地方。以方便日后的工作与学习。笔记中有些个人理解后整理的笔记，可能有所偏差，也恳请读者帮忙指出，谢谢。部分内容不完整，请读者结合视频观看效果更佳。注意此笔记并非完整笔记需要完整笔记的同学可以移步到【狂神说Java】JavaScript学习笔记
lao-jiawei·2022-04-21 09:43

前端性能优化之浏览器渲染原理和关键渲染路径、复合线程、图层及优化、JS 开销及优化和 HTML 和 CSS 优化

浏览器的渲染流程，如下所示：JavaScript->Style->Layout->Paint->Composite。
浮生离梦·2022-04-11 22:15

JavaScript-数组方法重构

前言：数组API的调用使得我们在js的使用中更加方便和快捷，而今天我们要探索数组API方法的底层原理，接下来和大家一起学习数组中的一些方法重构。我们主要学习一下，栈与队列方法、迭代方法两种数组API重构。一、栈与队列方法myPush()myPop()myUnshift()myshift()1.myPush()重写push方法()可接受任意类型的参数，将它们逐个添加到数组的末尾，并返回数组的长度./
小贤的前端·2022-03-14 09:51

javaScript-重构数组原型对象迭代方法

javaScript-重构数组原型对象迭代方法一、重构every()方法1.方法介绍2.重构方法myEvery()二、重构filter()方法1.方法介绍2.重构方法myFilter()三、重构map(
基恩空·2022-03-14 09:50

JavaScript实现生成动态表格和动态效果的方法详解

JavaScript->动态生成漂亮的表格.tabletr{line-height:200%;}.tabletd{width:100px;}.rowTitleColorSet{background-color
·2022-02-26 11:57

Javascript-你所需要了解的概念和知识

本文非原创，仅做整理，不粘贴原文，仅提供链接；另外欢迎提供一些有价值的文章、资料链接。为什么有序数组比无序数组快?(原文:Whyisitfastertoprocessasortedarraythananunsortedarray?)
Avro·2022-02-08 11:18

javascript-事件基础-对象的使用-Math的使用-字符串的操作-数组操作-鼠标键盘事件-定时器

文章目录事件基础对象的使用Math的使用字符串的操作数组操作鼠标事件键盘事件定时器事件基础事件基础.box:hover{cursor:pointer;}12345001002003004varlis=document.querySelectorAll('.ulli');//lis[0].onclick=function(){//alert(this.innerText)//}//lis[1].on
zdc45625·2022-02-06 13:31

javaScript-内置对象和bom对象

文章目录1.对象1.1.定义方式1.2.初始化对象1.3.this2.内置对象2.1.String对象2.2.Number对象2.3.Math对象2.4.Date对象3.BOM对象3.1.Window对象3.2.定时器函数调用3.2.screen对象3.3.history对象3.4.location对象3.5.navigator对象1.对象一组属性和方法的集合1.1.定义方式使用new关键字定义l
CODE IN JULY·2022-02-06 13:58

javascript-对象（Math、日期（方法、定时器））

认识对象Document/*1、通过new运算符声明对象2、通过省略new3、对象常量赋值（使用大括号，代表对象）对象属性普通变量对象方法普通函数婚后婚前*/varobj1=newObject();varobj2=Object();varobj3={};//新增属性使用起来和普通的变量没有任何区别obj3.username='钢铁侠';obj3.age=18;alert(obj3.username
九阈·2022-02-06 13:50

JavaScript笔记之如何写好JavaScript

写好JavaScript的三个原则：各司其责组件封装过程抽象各司其责HTML/CSS/JavaScript各司其责HTML->Structural;CSS->Presentational;JavaScript
·2022-01-17 23:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他