querySelector 第6页

DOM.案例

，再点小眼睛，又变成密码框，这个类型操作的是input的属性eyevarpassInput=document.getElementById("password")vareyeBtn=document.querySelector

W`hite·2023-12-04 04:40

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

vue自定义指令触底加载

cb)returnconstLOADMORE_DOM=el.querySelector('.v-

浮游本尊·2023-12-03 20:46

原生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

初步实现 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

Echarts大屏可视化_06 饼状图的引入和定制开发

—年龄分布1.引入饼状图ECharts实例直接打开网站就是选好的饼状图的网址//饼形图1模块制作(function(){//实例化对象varmyChart=echarts.init(document.querySelector

Web阿成·2023-12-02 21:48

Echarts大屏可视化_05 折线图的定制开发

引入折线图选取示例地址标题没有用到就给他删了直接引入注意这里是line下面的chart获取dom元素一定不要错误(function(){//实例化对象varmyChart=echarts.init(document.querySelector

Web阿成·2023-12-02 21:47

vue3中defineComponent内部使用antd Modal时的弹窗拖拽

Vue3defineComponent内部使用antdModal时自定义指令拖拽需要在Modal外层加上一层div来包裹使用否则使用自定义指令是不得行的letdialogHeaderEl=document.querySelector

caiNiao_j·2023-12-02 10:51

html之事件传播机制和定时器

事件传播机制：当元素嵌套且绑定相同类型事件时，会自动触发其父辈绑定的事件阻止事件传播//阻止事件传播varbox=document.querySelector(".box")box.onclick=function

沐暖沐·2023-12-02 06:19

JavaScript WebAPI（三）（详解）

为回调函数例如：//立即执行函数中传递的函数是一个回调函数(function(){console.log("我是回调函数")})();//监听事件中传递的参数是一个回调函数constdiv=document.querySelector

screamn·2023-12-02 06:49

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

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

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

节流和防抖

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大屏可视化_04 横向柱状图模块的引入和开发

图例都不需要所以直接删掉柱状图-技能掌握折线图-播放量饼形图-地区分布这里要注意是改为bar2因为要在这里面添加//柱状图2模块(function(){varmyChart=echarts.init(document.querySelector

Web阿成·2023-11-30 20:06

uniapp input实现聚焦不弹起软键盘新方法

$el.querySelector('in

lyz246859·2023-11-30 07:26

JavaScript 获取 input 输入框内容的几种方法

document.getElementById()`获取input元素的value属性letinputText=document.getElementById("input").value；2、使用`document.querySelector

Good luck—dys·2023-11-30 02:23

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

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

Vue自定义指令监听el-table的滚动事件，滚动到底部加载更多数据

拥有必珍惜·2023-11-28 16:26

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】WebAPI详解

目录1.了解什么是WebAPI2.认识DOM3.获取页面元素3.1querySelector3.2querySelectorAll4.认识事件5.操作元素5.1获取/修改元素内容5.1.1innerText5.1.2innerHTML5.2

X_H学Java·2023-11-28 02:46

防抖与节流

防抖-在同一时间内频繁触发事件,只处理最后一次document.querySelector('input').addEventListener('input',debounce(function(){console.log

jokerJOJO777·2023-11-27 21:46

微信jsdk 调用扫一扫获取签名

引入js：前端vardiv=document.querySelector('div');varAdata;//接受配置信息，后台给的vartimestamp=newDate().getTime();//

一个人走（IT）江湖·2023-11-27 11:03

分享一个鬼~

先看效果：上源码：importGUIfrom"https://cdn.jsdelivr.net/npm/[email protected]/+esm"constcanvasEl=document.querySelector

timi先生·2023-11-27 07:11

canvas版放大镜

效果预览图完整代码放大镜*{margin:0;padding:0;}canvas{display:block;margin:0auto;border:1pxsolid#000;}letcan=document.querySelector

小姚学前端·2023-11-27 02:36

关于Canvas保存为图片

varcanvas=document.querySelector("#canvas");varstrDataURI=canvas.toDataURL("image/jpeg");这就是获取数据的方法，网上都很多这样的代码

陨石坠灭·2023-11-26 17:12

函数节流[throttle]

函数节流[throttle]让函数保持在一个可接受的固定频率执行letbox=document.querySelector("#box")letindex=0;functionthrottle(fn,interval

下下下个路口左转·2023-11-26 12:23

react.JS小书

huziketang.com/books/react/第3章开始需要收费解决办法：F12打开控制台吧下面的函数黏贴进去回车即可去除蒙版层+functiondoClear(){varmodalDom=document.querySelector

兔子不打地鼠打代码·2023-11-26 00:14

Vue之点击滑动到页面指定位置（点击下滑滚动）

可通过设置css实现methods:{go(){document.getElementById("show").scrollIntoView();/*或document.querySelector("#

麻辣翅尖·2023-11-25 20:48

获取图片的base64编码

input标签来选择图片请选择图片2.创建一个img标签和按钮标签，image标签未设置src点击渲染图片3.实现点击按钮，拿到base64编码，渲染图片//获取元素letinput=document.querySelector

官方认证新生代农民工_平安喜乐·2023-11-25 16:58

qiankun微服务子系统对接文档

container.querySelector('#app'):'#app')

我是无敌的无敌的小可爱·2023-11-25 04:48

dom api

DocumentObjectModel,即文档对象模型.所谓文档就是html页面,对象就是js里的对象,通过这个模型把页面上的元素和js里的对象关联起来.下面是关于domapi的一些常用方法1.获取元素使用querySelector

失踪飞行·2023-11-25 04:30

vue使用element的loading组件时, element-loading-text设置不起作用

$nextTick(()=>{document.querySelector(".loading-text").innerHTML="后台正在处理中,请稍后....."})},嘿嘿,完美解决,记录一下

有凡小易·2023-11-24 20:08

web前端之音频可视化、音乐跟随、类型化数组、十六进制随机颜色、devicePixelRatio、createMediaElementSource、requestAnimationFrame

酷狗下载的kgma格式音频不支持3、目前试了一下本地的mp3格式可以正常播放4、代码解析，都在代码中了效果图5121024htmlJavaScript//全局变量letaudioEle=document.querySelector

蒙尸凶MJ682517·2023-11-24 07:17

B站视频倍速播放方法

进入视频播放页面，按下F12键选择console控制台输入以下代码document.querySelector('video').playbackRate=1616为倍速播放最大值

涛声依旧9087·2023-11-23 22:39

canvas绘制图片并下载

运行环境：服务器环境下，因为canvas.toDataURL不支持本地文件打开使用场景：当你想把一张图片生成不同尺寸的图片*/Canvas绘制图片并下载图片保存并下载constoBtn=document.querySelector

怒默·2023-11-23 11:14

推荐频道

querySelector