E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
querySelector
jQuery和JavaScript的区别
一、比较原生js和jQuery的区别Document//window.onload=function(){//vardiv1=document.
querySelector
('div');//vardiv2
从明天开始好好学习前端
·
2023-12-06 10:06
javascript
jquery
前端
开发语言
ecmascript
回到顶部
方法1functionfun1(){varbtn=document.
querySelector
("button");btn.addEventListener("click",function(){vartimer
Wo信你个鬼
·
2023-12-06 02:12
实时获取当前时间之原生js和 Day.js方法大作战
实时获取当前时间之原生jsDay.js方法✨✨原生js方法实时获取当前时间主要通过掌握Date对象的常用方法✨✨HTML代码:js代码://获取timer的dom对象vartimer=document.
querySelector
hahahahadoop
·
2023-12-05 16:57
js
javascript
js给vue输入框赋值
//找到输入框varaccount23=document.
querySelector
('input');account23.value='wusong';account23.dispatchEvent(
王焜棟琦
·
2023-12-05 15:47
js
javascript
vue.js
前端
web前端之实现原生消息确认弹窗、模态框、页面交互、switch、remove、createElement、
querySelector
MENU1、html部分2、JavaScript部分3、css部分1、html部分消息提示-->消息提示2、JavaScript部分letspan=document.getElementsByTagName('span');//绑事件的第二种方式letbtn=document.getElementsByTagName("button")[0];//绑事件的第一种方式//functionbtnMR(
蒙尸凶MJ682517
·
2023-12-05 13:42
JavaScript
web前端
HTML
前端
javascript
css
web
html
前端知识笔记(十八)———页面首次滑动不可返回
flex;width:200%;transition:transform0.3sease-in-out;}img{width:50%;height:auto;}varcontainer=document.
querySelector
瑞崽崽崽
·
2023-12-05 12:54
前端
笔记
js实现手风琴案例
1pxsolidred;margin:100pxauto;}li{float:left;width:240px;height:400px;transition:all1s;}constlis=document.
querySelector
诗霖雪
·
2023-12-05 03:08
js
javascript
css
css3
vue 描点定位scrollIntoView无法移动到指定位置
$el.
querySelector
(’#xxx’+e).offsetTop-100,behavior:“smooth”})
鳄鱼吃了我的房子
·
2023-12-04 20:06
vue
vue.js
javascript
前端
JS原生-浏览器-复制内容到剪切板
letbtn=document.
querySelector
('.btn')constcopyToCliboard=(text)=>{if(navigator.clipboard){navigator.clipboard.writeText
一嘴一个橘子
·
2023-12-04 18:18
javascript
html
事件(笔记)
事件对象事件对象-——鼠标事件DOM事件流阻止事件传播阻止默认行为事件委托事件1.一个事件由什么东西组成触发谁的事件:事件源触发什么事件:事件类型触发以后做什么:事件处理函数varoDiv=document.
querySelector
W`hite
·
2023-12-04 04:41
笔记
前端
javascript
DOM.案例
,再点小眼睛,又变成密码框,这个类型操作的是input的属性eyevarpassInput=document.getElementById("password")vareyeBtn=document.
querySelector
W`hite
·
2023-12-04 04:40
前端
javascript
笔记
1920分辨率设计稿适配不同分辨率
functionsetRemFontSize(){constremSize=window.innerWidth/19.2;document.
querySelector
('html').style.fontSize
w561
·
2023-12-04 02:24
js实现pc网页等比缩放到移动端(h5)展示
横向滚动,此时我们想让pc的网页等比缩小到移动端展示网页,直接加以下js就好啦:/****判断屏幕大小更改网页缩放比例*/functioninitScreen(){varviewport=document.
querySelector
.利。
·
2023-12-03 23:11
JavaScript
javascript
前端
开发语言
jquery
vue自定义指令触底加载
cb)returnconstLOADMORE_DOM=el.
querySelector
('.v-
浮游本尊
·
2023-12-03 20:46
vue.js
javascript
前端
原生JS实现倒计时以及在Vue里实现倒计时
1.用原生JS来实现倒计时功能//获取容器vardayBox=document.
querySelector
('#day');//倒计时方法/*times为未来的事件为时间戳*/functioncountDown
甜甜的胖
·
2023-12-03 15:58
javascript封装个查找元素的方式,找到了就回调。
functionwaitForElement(selector,callback){varstartTime=Date.now();(functionloop(){varelement=document.
querySelector
爱吃奶酪的松鼠丶
·
2023-12-03 09:16
JavaScriot
javascript
前端
开发语言
初步实现 jQuery 思想的细节记录
letnodes={}//创建一个容纳所有符合条件的节点纯对象组if(typeofnodeOrSelector==='string'){//判断传入的节点类型是否为字符串lettemp=document.
querySelector
风起云帆
·
2023-12-03 03:24
el-drawer宽度课拉伸
前提是引入了vue)Vue.directive('drawerDrag',{bind(el,binding,vnode,oldVnode){constminWidth=300constdragDom=el.
querySelector
层叠样式表广西分表
·
2023-12-03 03:50
javascript
vue.js
前端
Echarts大屏可视化_06 饼状图的引入和定制开发
—年龄分布1.引入饼状图ECharts实例直接打开网站就是选好的饼状图的网址//饼形图1模块制作(function(){//实例化对象varmyChart=echarts.init(document.
querySelector
Web阿成
·
2023-12-02 21:48
Echarts
echarts
前端
javascript
Echarts大屏可视化_05 折线图的定制开发
引入折线图选取示例地址标题没有用到就给他删了直接引入注意这里是line下面的chart获取dom元素一定不要错误(function(){//实例化对象varmyChart=echarts.init(document.
querySelector
Web阿成
·
2023-12-02 21:47
Echarts
echarts
前端
javascript
vue3中defineComponent内部使用antd Modal时的弹窗拖拽
Vue3defineComponent内部使用antdModal时自定义指令拖拽需要在Modal外层加上一层div来包裹使用否则使用自定义指令是不得行的letdialogHeaderEl=document.
querySelector
caiNiao_j
·
2023-12-02 10:51
前端杂文
javascript
前端
vue.js
html之事件传播机制和定时器
事件传播机制:当元素嵌套且绑定相同类型事件时,会自动触发其父辈绑定的事件阻止事件传播//阻止事件传播varbox=document.
querySelector
(".box")box.onclick=function
沐暖沐
·
2023-12-02 06:19
javascript
开发语言
ecmascript
JavaScript WebAPI(三)(详解)
为回调函数例如://立即执行函数中传递的函数是一个回调函数(function(){console.log("我是回调函数")})();//监听事件中传递的参数是一个回调函数constdiv=document.
querySelector
screamn
·
2023-12-02 06:49
JavaScript
前端
javascript
前端
开发语言
html2canvas
后面在npm上一查有个html2canvas的框架可以用这里附上地址html2canvas使用起来也特别简单,官网是这么描述的jshtml2canvas(document.
querySelector
("
前端技术小哥
·
2023-12-02 04:38
vue实现对话框指定某个对话内容的滚动到指定位置(滚动到可视区域的中间位置)
$nextTick(()=>{letchatDiv=document.
querySelector
('#chat-list');console.log(ch
暗月Moon
·
2023-12-02 01:54
element-ui
Vue
vue.js
前端
javascript
elementui
2020-11-15添加事件和事件对象
添加事件和事件对象元素.on事件名注意:事件不可绑定多个,后面绑定的会覆盖前面的格式:letoBtn=document.
querySelector
("button");oBtn.onclick=function
牛牛nhw
·
2023-12-01 19:05
You-Dont-Need-jQuery
QuerySelector
注意:document.querySelecto
littleyu
·
2023-12-01 15:36
vue3中动态设置网页图标
根据后端返回的配置数据来设置网页图标在App.vue中加入letlink=document.
querySelector
("link[rel*='icon']")||document.createElement
驻风丶
·
2023-12-01 07:07
前端
javascript
vue.js
vue中实现element-UI的el-dialog拖拽
v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.
querySelector
知足常乐晨
·
2023-12-01 02:48
Vue:在路由跳转过程中记住滚动条的位置
路由切换回来要让滚动条在离开时的位置使用路由的缓存和vuex来实现在需要记住进度条的页面//.test-view-wrapper是出现滚动条的元素activated(){//组件在前台显示时设置进度条的位置document.
querySelector
Alice_LMY
·
2023-12-01 01:43
记录
vue.js
前端
javascript
节流和防抖
lettimerId=null;document.
querySelector
('#ipt').onkeyup=function(){//防抖if(timerId!
Hi_Abu
·
2023-11-30 21:00
Echarts大屏可视化_03 定制柱状图
,防止变量全局污染实例化对象将官网中提供的option复制到代码中,并且构建图表//柱状图模块1(function(){//实例化对象varmyChart=echarts.init(document.
querySelector
Web阿成
·
2023-11-30 20:08
Echarts
javascript
开发语言
ecmascript
Echarts大屏可视化_04 横向柱状图模块的引入和开发
图例都不需要所以直接删掉柱状图-技能掌握折线图-播放量饼形图-地区分布这里要注意是改为bar2因为要在这里面添加//柱状图2模块(function(){varmyChart=echarts.init(document.
querySelector
Web阿成
·
2023-11-30 20:06
echarts
前端
javascript
uniapp input实现聚焦不弹起软键盘新方法
$el.
querySelector
('in
lyz246859
·
2023-11-30 07:26
前端
vue.js
javascript
JavaScript 获取 input 输入框内容的几种方法
document.getElementById()`获取input元素的value属性letinputText=document.getElementById("input").value;2、使用`document.
querySelector
Good luck—dys
·
2023-11-30 02:23
javascript
开发语言
ecmascript
vue响应式原理
$el=document.
querySelector
(options.el)//this._dep={}this.Observer(this.$data)this.Compile(this.
闲庭信步goldprog
·
2023-11-29 23:35
elementUI表单提交校验时焦点跳转至第一个校验不通过的位置
valid){//可以不做任何操作}else{setTimeOut(()=>{varerror=document.getElementByClassName["is-error"];error[0].
querySelector
程序媛小仙女
·
2023-11-29 17:06
如何在 JavaScript 中获取 CSS 值
constelement=document.
querySelector
('.element')constcolor=element.style.color2若样式是在CSS文件中编写的,则需要获取计算出的样式
月下吴刚_c8c7
·
2023-11-29 09:55
设置网页视频播放倍速
此方法也可以真多一些无法快进的网页视频或者限制了快进倍速选项的视频,按F12打开console控制台输入代码后可以自定义设置视频倍速设置视频倍速:document.
querySelector
("video
墨语wcy
·
2023-11-29 06:01
js
音视频
html2canvas图片出现跨域问题,导致截图为空白
后端在阿里云服务器配置oss中的get请求头,2.前端使用html2canvas是需要注意配置在img标签中添加crossorigin="anonymous"html2canvas(document.
querySelector
Easter_D
·
2023-11-28 19:28
Vue3 elementPlus el-table 拖拽排序
sortablejsimportSortablefrom'sortablejs';//调用initSort()onMounted(()=>{initSort()})//创建拖拽实例constinitSort=()=>{consttable=document.
querySelector
C++++♂️
·
2023-11-28 18:17
javascript
vue.js
前端
Vue自定义指令监听el-table的滚动事件,滚动到底部加载更多数据
滚动到底部加载更多数据一、第一种方式main.jsimportVuefrom'vue'Vue.directive('loadmore',{bind(el,binding){constselectWrap=el.
querySelector
拥有必珍惜
·
2023-11-28 16:26
Vue
vue.js
javascript
前端
canvas时钟绘制
成果图:学习网站:学习HTML5Canvas这一篇文章就够了|菜鸟教程代码:Documentletpi=Math.PIfunctioninit(){letcanvas=document.
querySelector
anuily.
·
2023-11-28 11:20
前端
element table拖拽排序sortable.js
www.sortablejs.com/index.html配置项http://www.sortablejs.com/options.html//行拖拽rowDrop(){consttbody=document.
querySelector
一个小渣渣۶
·
2023-11-28 09:19
javascript
开发语言
ecmascript
【JavaScript】WebAPI详解
目录1.了解什么是WebAPI2.认识DOM3.获取页面元素3.1
querySelector
3.2querySelectorAll4.认识事件5.操作元素5.1获取/修改元素内容5.1.1innerText5.1.2innerHTML5.2
X_H学Java
·
2023-11-28 02:46
JavaWeb
javascript
前端
防抖与节流
防抖-在同一时间内频繁触发事件,只处理最后一次document.
querySelector
('input').addEventListener('input',debounce(function(){console.log
jokerJOJO777
·
2023-11-27 21:46
javascript
前端
开发语言
微信jsdk 调用扫一扫 获取签名
引入js:前端vardiv=document.
querySelector
('div');varAdata;//接受配置信息,后台给的vartimestamp=newDate().getTime();//
一个人走(IT)江湖
·
2023-11-27 11:03
微信开发
分享一个鬼~
先看效果:上源码:importGUIfrom"https://cdn.jsdelivr.net/npm/lil-gui@0.18.2/+esm"constcanvasEl=document.
querySelector
timi先生
·
2023-11-27 07:11
CSS
javascript
css3
css
canvas版放大镜
效果预览图完整代码放大镜*{margin:0;padding:0;}canvas{display:block;margin:0auto;border:1pxsolid#000;}letcan=document.
querySelector
小姚学前端
·
2023-11-27 02:36
canvas
javascript
前端
开发语言
关于Canvas保存为图片
varcanvas=document.
querySelector
("#canvas");varstrDataURI=canvas.toDataURL("image/jpeg");这就是获取数据的方法,网上都很多这样的代码
陨石坠灭
·
2023-11-26 17:12
上一页
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
T
U
V
W
X
Y
Z
其他