js原生

js原生给生成的html添加点击事件,原生js为动态元素添加监听事件

//已存在div//创建标签functioncreatepage(){varspan=document.createElement('span')span.innerHTML=“测试span”//设置属性span.setAttribute("class","gopage");varpagenum=document.getElementById("pagenum")pagenum.appendChi

习翔宇·2024-09-15 09:14

Springboot2 thymeleaf 静态资源加版本号控制缓存更新

最近写了一个前后端不分离的项目了，用的Springboot2thymeleaf用的js原生，没有用到webpack，所以不能在每次js变更以后打包自动给静态文件加上hash后缀关于静态资源缓存不更新的问题

VIAE·2024-09-12 22:46

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124.node-gyp-Node.js

雷神 Leo·2024-08-28 21:15

03.React学习日记.JSX绑定事件-传递参数

注意：这两者不是同一种类型的对象，前者为js原生事件对象，后者为React内部合成的事件对象，功能属性基本一样。

_生生不息_·2024-08-28 08:57

vue js原生上传图片前压缩方法

//压缩图片compressImage(file,maxWidth=750){returnnewPromise((resolve)=>{constreader=newFileReader();reader.onload=function(event){constimg=newImage();img.src=event.target.result;img.onload=function(){//co

beyondjxx·2024-08-27 05:27

ES6的20个问题，你都会吗？

答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。

web前端技术·2024-02-20 00:22

VueCLI核心知识1：ref属性、props配置、mixin混入

1ref属性ref属性类似于js原生获取DOM元素点我输出上方的Dom元素importSchoolfrom'.

是小蟹呀^·2024-02-14 02:39

js原生简单生成卡密例子

一个非常非常简单的案例例子可指定生成卡密数量和长度先看生成卡密的函数//生成卡密函数functionrandomWord(length){varstr='',arr=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s',

墨者羽晨·2024-02-10 13:34

js原生实现复制内容到粘贴板

privatecopyUrl=(url:string)=>()=>{lettextArea=document.createElement('textArea')textArea.innerText=urldocument.body.appendChild(textArea)//console.log(textArea)varrange=document.createRange();//创建一个ra

gem_Y·2024-02-08 00:54

js数组/对象的深拷贝与浅拷贝

文章目录一、js中的深拷贝和浅拷贝二、浅拷贝1、Object.assign()2、利用es6扩展运算符（...）二、深拷贝1、JSON序列化和反序列化2、js原生代码实现3、使用第三方库lodash等四

Ying（英子）·2024-02-05 17:27

vuex基础

vuex概述#优点：js原生的数据对象写法,比起localStorage不需要做转换,使用方便属于vue生态一环,能够触发响应式的渲染页面更新(localStorage就不会)限定了一种可预测的方式改变数据

只管挖坑不管埋·2024-02-04 10:46

JS原生——计算器（非eval，附源码）

一、前言主要功能：带括号的加减乘除运算、清空、清空末位、历史记录、字体切换、主题切换。计算逻辑：主要利用弹栈的思想实现：定义calculateExpression函数，接受一个表达式作为参数。如果表达式中包含了括号，则使用递归的方式处理括号内的子表达式。具体来说，首先找到左括号的位置left和右括号的位置right，然后将括号内的子表达式提取出来，并调用自身并传入子表达式作为参数，得到子表达式的计

H4999·2024-02-03 06:14

超越原生：探索Node.js中最佳文件系统三方库

文章目录概要三方库概览：流行的Node.js文件系统三方库介绍1.fs-extra2.chokidar3.glob社区支持fs-extrachokidarglob概要Node.js原生fs模块的局限性及第三方库的必要性

球球不吃虾·2024-02-02 09:44

028-安全开发-JS应用&原生开发&JQuery库&Ajax技术&前端后端&安全验证处理

028-安全开发-JS应用&原生开发&JQuery库&Ajax技术&前端后端&安全验证处理#知识点：1、JS应用-原生态开发&第三库开发2、JS功能-文件上传&登录验证&商品购买演示案例：➢JS原生开发

wusuowei2986·2024-02-02 08:37

029-安全开发-JS应用&DOM树&加密编码库&断点调试&逆向分析&元素属性操作

029-安全开发-JS应用&DOM树&加密编码库&断点调试&逆向分析&元素属性操作#知识点：1、JS技术-DOM树操作及安全隐患2、JS技术-加密编码及数据安全调试演示案例：➢JS原生开发-DOM树-用户交互

wusuowei2986·2024-02-02 08:31

Vue自定义事件

简介：Vue自定义事件是对JS原生事件的拓展，允许程序员自定义并注册一些事件名。

谦虚且进步·2024-01-31 10:50

vue 前端页面无操作时，系统退出登录的定时器设计

开启timer并且关闭timer三、代码实现设定一个计数值，利用js原生的事件，对鼠标，键盘进行监听，如果一有触发的鼠标，键盘的话，就将计数值清

NewForMe·2024-01-30 04:00

IndexedDB教程

IndexedDB教程一、概述IndexedDB是浏览器提供的本地数据库，js原生支持创建和操作IndexedDB。IndexedDB允许储存大量数据，提供查找接口，还能建立索引。

upupoo577·2024-01-30 01:05

React Route采坑记录（history.replace 会导致组件更新）

history.replace去更改url，可是万万没想到，这会导致组件执行update操作(mount事件不执行，仅执行update事件)，但是state也会被重置，这不是想要的效果啊解决方案：【用js

7b7d23d16ab5·2024-01-29 01:56

pyexecjs原生js加密算法逆向

查看必要参数，得知sign签名从堆栈自上到下依次查找源代码如下图，找到后打上断点，得知e是输入的参数，说明b()是一个加密函数，点击进入查看底层函数把1117这个函数内的三个方法CV到python中的一个js文件中，使用pyexecjs进行处理即可得到算法结果三个方法函数代码如下js：functione(t,e){(null==e||e>t.length)&&(e=t.length);for(va

RaptorWE·2024-01-28 05:43

[Vue] this.$router.go(0)在苹果手机刷新失败

window.location.reload()this.router.go(0)和window.location.reload()都是刷新当前页，但是this.router.go(0)，在苹果手机中无反应，只能用js

蓝胖子的多啦A梦·2024-01-27 06:54

对象类型常用的js原生方法

文章目录Object.groupBy给定可迭代对象中的元素进行分组Object.is对比两个值是否相同Object.keys，Object.values，Object.entriesvalueOftoStringtoLocaleStringObject.defineProperty劫持对象属性Object.defineProperties劫持对象Object.assign对对象的浅拷贝Object

前端怎么个事·2024-01-26 23:49

使用ueditor富文本编辑器数据回显带有HTML标签的解决办法

遇到的问题：后台用富文本编辑器编辑好后，在前台读取数据库中的信息，前台读取的数据是带HTML标签的数据格式尝试的解决办法：1：使用js方法将前台读取出来的数据用html（）方法innerhtml（）等js

wswtecblog·2024-01-26 06:58

深度解析 Yjs 协同编辑原理【看这篇就够了】

前言思来想去，还是决定深入了解Yjs的实现原理，并摒弃Yjs原生支持，尝试应用于其他项目上；大家跟着我的思路去思考，相信大家一定会对协同编辑有一个深刻的认识，以后遇到类似场景，也能自己实现协同功能。

~朴：shu·2024-01-24 09:24

js原生面试总结

冒泡循环vararr=[2,1,3,4,9,7,6,8]//外层循环代表循环次数内层循环时每次的两两对比少一次循环for(leti=0;iarr[j+1]){//中间值的作用暂存当前值constelement=arr[j];arr[j]=arr[j+1]arr[j+1]=elementbool=false}}//如果第一轮判断就实现排序就跳出if(bool){break;}}console.log

随风飘游·2024-01-18 23:41

JavaScript笔记之一：JS原生

JavaScript一、基础运行在客户端的脚本语言脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来解释执行也可以基于Node.js技术进行服务器端编程1.作用表单动态验证网页特效服务端开发Node.js桌面程序ElectronApp物联网游戏开发2.浏览器执行JS浏览器分为两部分：渲染引擎、JS引擎渲染引擎：用来解释HTML和CSS，内核JS引擎：JS解释器，读取网页中的JS代码，处

浅度学习的ryan·2024-01-18 22:47

js原生方式发送http请求

1.基本原理使用原生JavaScript调用API可以通过XMLHttpRequest对象来发送HTTP请求。下面是一个示例代码：varxhr=newXMLHttpRequest();//创建XMLHttpRequest对象xhr.open('GET','https://api.example.com/data');//设置请求的URL和类型（这里为GET）xhr.onreadystatechan

小灰灰-58·2024-01-17 00:29

精选10款前端动画特效源码分享（附在线预览）

分享10款非常不错炫酷的前端特效源码其中包含css动画特效、js原生特效、svg特效等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源Canvas超空间粒子文本动画

迂幵·2024-01-16 19:25

数组去重的多种方法

方法一js原生，设置flag状态给数组去重//原数组vararr=[1,2,2,3,3,3,4,5];//新数组vararrNew=[];for(vari=0;i

一口十个小甜虾·2024-01-16 02:23

页面下拉，元素悬浮置顶实现

目录实现技术实现目标实现演示演示说明实现步骤注意事项结语实现技术vue2、js原生命令（ps:vue3只是操作dom些许不同，可自行百度）实现目标页面初始时，元素保持原有位置；页面下拉时，元素置顶实现演示演示说明页面中操作框

ooxuyu·2024-01-14 19:04

甄选前端源码分享（附效果图及在线演示）

甄选7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源纯CSS绘制任天堂Switch

迂幵·2024-01-14 02:03

【前端开发】Javascript中重难知识点、常见问题集合 (原型与原型链、事件委托、闭包、节流防抖、异步编程、深浅拷贝等）

目录闭包变量对象作用域原型与原型链事件委托实现继承的方法This对象的理解事件模型new操作符操作过程js基本数据类型null与undefined的区别异步编程的实现方式原生js数组去重操作js原生拖拽节点深拷贝

Ly_cat·2024-01-14 00:44

前端炫酷动画特效分享（附在线预览）

分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源canvas鼠标粒子跟随动画

迂幵·2024-01-10 21:38

2024最新前端源码分享（附效果图及在线演示）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源粒子文字动画特效基于

迂幵·2024-01-09 00:48

有趣的前端源码分享（附效果图及在线演示）

分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源纯CSS圣诞节动画圣诞节动画由圣诞礼物和圣诞树及圣诞老人等组合而成圣诞树会出现一闪一闪的光亮圣诞老人也会在窗口探望以及渐入渐出的文字祝福以下图片只是简单的模型没有具体的动画效果最终动画特效可点击在线预览进行查看在线预览

迂幵·2024-01-09 00:48

2024前端炫酷源码分享（附效果图及在线演示）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源GSAP-火箭动画特效

迂幵·2024-01-09 00:45

原生js XMLHttpRequest发送 get post 请求解决跨域及注意事项

使用js原生的XMLHttpRequest发送getpost请求2、使用xhr发起GET请求四个步骤：①：创建xhr对象//1、创建一个xhr的对象letxhr=newXMLHttpRequest()②

꧁“杂货店”꧂·2024-01-08 04:01

前端三大件html,css,js原生实现学生信息管理系统（课程设计）

话不多说，直接上代码，有用麻烦点个免费的赞赞。超级好用版。目录结构如该图所示，只要将文件命名成图上三种。代码即可正常运行。分别有三个文件，一个是app.js，放学生信息删除添加查询主要逻辑代码。login.html放登录页面样式以及相关逻辑。studentList.html放置学生管理的页面。运行效果图：代码：app.jslettemData={studentList:[{id:'1',name:

付渐渐·2024-01-08 04:59

很实用的js实现md5加密的方法

js原生里并没有类似其他语言的md5加密函数，需要我们针对md5加密算法自己来扩充。当然，这种常用的加密库网上肯定是有的。今天就介绍下我用的一款md5加密库。文末有md5.js下载链接。

cihron·2024-01-07 04:13

springboot2 thymeleaf 静态资源加版本号控制缓存更新

背景前后端不分离的项目，用的Springboot2thymeleaf用的js原生，没有用到webpack，所以不能在每次js变更以后打包自动给静态文件加上hash后缀。

jackcooper·2024-01-06 23:33

[JS设计模式]Prototype Pattern

原型（prototype）是JS原生的对象，其他对象可以通过原型链（prototypechain）来访问原型。单独看这句描述可能还是有点儿抽象，下面通过具体的示例来详细阐述。

sif_666·2024-01-01 00:02

html文件Js写输入框和弹框调接口jQuery

1、使用JS原生写法，fetchAPI调接口，使用alert方法弹框会阻塞线程，所以写了一个弹框。

前端程序媛Ying·2023-12-31 07:39

js原生获取html的高度,如何获取HTML的高度？

我把结论写上面总的来说设置了*{margin:0;padding:0;}后就可以用clientHeight、offsetHeight来获取html了没有设置的时候：设置后的body跟html一样heightfunctiongetInfo(){vars="";s+="网页可见区域宽："+document.body.clientWidth;s+="网页可见区域高："+document.body.cli

愙賗·2023-12-28 08:08

js原生深拷贝方法：structuredClone() 告别自写时代

美酒没故事°·2023-12-27 14:14

10款有趣的前端特效代码分享（附图文效果及在线预览）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源纯CSS绘制相机拍照动画纯

迂幵·2023-12-27 13:33

使用nw+vue开发一个桌面应用程序(Mac)

将它看作一个前后端分离的web项目，后端服务没有一一实现，通过自己搭建的mock服务器模拟接口数据，所以这边对后端的环境依赖不做介绍，如果需要使用的话，可以根据个人的情况来实现后台API，如java、nodejs

干锅田鸡·2023-12-22 19:53

js原生点击按钮复制内容到粘贴板/修复(事件监听之后,原页面上组合键/右键不能复制到粘贴板)

前言:有个小需求,需要写成组件,在当前页面多次重复写的一个icon,点击复制当前内容到粘贴板,为了方便封装成组件了,具体就不在这赘述了注意:原生的粘贴方法里面不能去放异步操作,会失效==最好在父组件确定字段,直接一次性拿到所有内容啰啰嗦嗦的独白:可看可不看(因为我是详情页有默认反显值,默认值有外网有需要脱敏值,还好跟后端商量了下,一次性接口返回给我就行了,我再塞给子组件里面的变量,点击的时候根据点

熊xing·2023-12-22 06:41

7款优雅的前端源码特效资源分享（附在线预览效果）

分享7款非常不错炫酷的前端特效源码其中包含css动画特效、js原生特效、svg特效等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源3D玻璃天气动画CSS实现的一款非常简洁大气的玻璃天气动画其中每一种天气都带有各自独有的气候特征效果也是非常不错的最终具体特效可点击在线预览进行查看在线预览

迂幵·2023-12-21 16:17

js原生对名字或者手机号进行脱敏

姓名functionsub(str){if(typeofstr=='string'){letruten=str.substring(1);returnstr.replace(ruten,'**');}}手机号：functionsub(str){if(typeofstr=='string'){letruten=str.substring(3,,8);returnstr.replace(ruten,'

fly简书·2023-12-18 08:58

Layui实现自定义的table列悬停事件并气泡提示信息

1、概要使用layui组件实现table的指定列悬停时提示信息，因为layui组件中没有鼠标悬停事件支持，所以需要结合js原生事件来实现这个功能，并结合layui的tips和列的templte属性气泡提示实现效果

拼命_小李·2023-12-16 07:57

推荐频道