querySelector

【今日文章】：Web端常用的Observer监听器

】：Web端常用的Observer监听器MutationObserverIntersectionObserverMutationObserver用于监听Dom变化constelem=document.querySelector
Dormiveglia-flx·2023-11-12 06:09

HTML+JS 实现图片下载到本地

方法一：通过链接实现图片下载方法二：通过JS触发链接实现图片下载​下载图片document.querySelector('.downImageBt
ITD刘哈哈·2023-11-11 11:04

代码部署到不同服务器使用动态浏览器标签logo

在判断不同的服务器后动态的生成浏览器标签icosetIco(favicon){//varlink=document.querySelector("link[rel*='icon']")||document.createElement
wulijuan888666·2023-11-11 05:32

HTML页面导出为PDF

2、部分代码functiongetPdf(idStr,title){html2Canvas(document.querySelector('#'+idStr),{allowTaint:true}).th
@tangguo123·2023-11-10 15:15

VUE页面导出PDF方案

安装依赖：npmihtml2canvas-Snpmijspdf-S3，封装导出pdf方法exportPdf.js://页面导出为pdf格式//title表示为下载的标题，html表示document.querySelector
web老张头·2023-11-10 15:13

【Servlet】 三

(附完整代码)一.JS基础作为后端开发,对于前端的要求是能前端代码能看懂七七八八.JS是一个动态弱类型的编程语言1.let/war定义变量(推荐使用let)2.querySelector是浏览器提供api
想跳上月球·2023-11-10 00:41

HTML CSS JS 画的效果图

border:2pxredsolid;position:absolute;left:50%;right:50%;transform:translate(-50%);}varcanvas=document.querySelector
laocooon523857886·2023-11-09 20:38

h5屏幕适配

remViewport()functionremViewport(){consthtml=document.querySelector('html');constwidth=window.screen.widthhtml.style.fontSize
Lekily·2023-11-09 15:26

js实现将图片转成黑白

}转换/***图片是有许多的像素点组成的，存在在一个特定的数组里面，每4位为一个像素点，要为黑白的话，取前面3位的平均值就好**/functionchange(){constimg=document.querySelector
zhang-zan·2023-11-09 15:32

ElementUI的Dialog弹窗实现全局命令拖拽移动功能

directive.jsimportVuefrom'vue'//弹窗全局拖动指令Vue.directive('dialogDrag',{bind(el,binding,node,oldNode){constheader=el.querySelector
Tenderྉ458·2023-11-09 12:44

elementui 弹窗dialog拖动

v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector
青果小橙子·2023-11-09 12:43

vue2elementUI的dialog弹窗拖拽

v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){//获取拖拽内容头部constdialogHeaderEl=el.querySelector
unoooooooo·2023-11-09 12:13

vue+elementUI项目设置弹窗可拖动

v-dialogDrag:弹窗拖拽属性Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector
zj_zjk_sjz·2023-11-09 12:11

近期记录、

记录常用的一些方法1、使用js创建标签：constdownloadImg=(url)=>{letderivedNode=document.querySelector("#downloadImg");if
Joey_iSleepy·2023-11-09 03:11

DOM树和DOM对象

2.DOM树的概念3.DOM对象二、DOM对象的获取1.通过CSS选择器获取(document.querySelector('div'
irrguask·2023-11-09 03:39

html5 canvas 常见属性和方法的使用实现电子签名和绘制海报

vscodecanvas插件canvas-snippets绘制基本图形constcanvas=document.querySelector("#canvas");constcontext=canvas.getContext
潇、然·2023-11-08 09:17

vue中函数参数传递为undefined

元素上绑定一个新的函数，，这个新的函数不再与当前Vue组件实例的上下文相关，，因此在这个新函数的内部，无法直接访问当前组件实例的数据，方法，或者计算属性vue会在按钮上绑定一个新的函数来处理点击事件：document.querySelector
waterkid0·2023-11-08 09:44

Intersection Observer API 图片懒加载、无限滚动、视口交叉

letoptions={root:document.querySelector('#scrollArea'),//可以是任何元素，或者不设置，表示相对于视口rootMargin:'0px',//类似css
ZHWenDong·2023-11-08 08:12

vue测试环境 devtools 查看

vue项目开启测试环境devtools调试插件直接在控制台执行如下代码即可开启在控制台中$()相当于document.querySelector()constdevtools=window.
L?z ^f my·2023-11-08 07:42

JS定时器实现页面N秒后跳转 实现每隔 1s 自动刷新页面并格式化的显示当前时间

Titlelettimer=3;//设置跳转时间letdiv=document.querySelector('.one');setInterval(function(){if(timer==0){location.href
去北极避暑~·2023-11-06 22:31

黑马vue案例-天气查询

文章目录B站视频链接axios基本使用axios加Vue案例-天知道B站视频链接axios基本使用Documentdocument.querySelector(".get").onclick=function
ぃ咔哇依°ヽ·2023-11-06 12:08

【JavaScript】DOM 节点操作

DOM节点插入节点如下代码演示：插入节点在现有dom结构基础上插入新的元素节点插入节点//点击按钮，在网页中插入节点constbtn=document.querySelector('.btn')btn.addEventListener
小谢sd·2023-11-06 09:24

Vue H5页面长按保存为图片

npminstallhtml2canvas-d123helloworldimporthtml2canvasfrom'html2canvas';exportdefault{data(){return{dataURL:'',firstFlag:true,};},mounted(){html2canvas(document.querySelector
代码真的养发·2023-11-05 08:16

12.JavaScript(WebAPI) - JS api文献精解

文章目录1.WebAPI背景知识1.1什么是WebAPI1.2什么是API1.3API参考文档2.DOM基本概念2.1什么是DOM2.2DOM树3.获取元素3.1querySelector3.2querySelectorAll4
晓星航·2023-11-04 15:41

js 操作粘贴板

varsrc=document.querySelector(".KL4Bhimg").srcfunctioncopyToClipboard(content){varoInput=document.createElement
Aklan·2023-11-04 06:32

uniapp跳转到外部接口的方法

url:domainUrl,method:'POST',data:{},success:(res)=>{//将接口返回的Form表单显示到页面document.querySelector('body')
循环?day——No·2023-11-04 05:02

知识点小总结

article、footer、header、nav、section表单新控件calendar、date、time、email、url、search桌面通知Notifications新增选择器document.querySelector
不语buyu·2023-11-04 04:29

vue二维码生成插件qrcodejs2-fix、html生成图片插件html2canvas、自定义打印内容插件print-js的使用及问题总结

save2.页面使用import{nextTick}from'vue';importQRCodefrom'qrcodejs2-fix';nextTick(()=>{letcodeView=document.querySelector
黑色的糖果·2023-11-03 18:51

webgl入门--绘制一个三角

二.初始化WebGL上下文constcanvas=document.querySelector("#glcanvas");//初始化WebGL上下文constgl=canvas.getContext("
cyydd21·2023-11-02 07:36

VUE3+elementPlus的el-tree添加右键菜单

constshowRightMenu=ref(false)constrightClick=(event,data,node,json)=>{showRightMenu.value=falseletmenu=document.querySelector
前端程序猿i·2023-11-02 06:12

uniapp使用html2canvas实现PCWeb或手机H5截图

html2canvasnpminstall--savehtml2canvas2、所需页面引入importhtml2canvasfrom'html2canvas';3、JS部分代码letdom=document.querySelector
勉灬之·2023-11-02 02:51

控制台打印vue实例

前言：Vue项目运行后会把各个组件的数据挂载到对应的dom上根组件(#app)上获取实例首先app.vue会挂载到id为“app”的div上边打印这个divconsole.dir(document.querySelector
boss-qiu·2023-11-01 20:19

sessionStorage登录保存用户名、注销

index.htmlindex.html请登录//获取登录判断条件varuname=sessionStorage.getItem("uname");if(uname){varwelcome=document.querySelector
MangGit·2023-11-01 15:17

vue-router 锚点跳转

$refs.ShowContainer;consttarget=showContainer.querySelector(
鲨鱼辣椒️面·2023-11-01 10:38

Vue.js设计于实现笔记（一）

文章目录第一篇框架设计概览权衡的艺术命令式和声明式二者的权衡虚拟DOM第一篇框架设计概览本篇主要对于框架设计思路的取舍进行讲解权衡的艺术命令式和声明式首先来介绍一下命令式和声明式的区别和优缺点原生jsconstdiv=document.querySelector
会飞的战斗鸡·2023-10-31 16:45

canvas-绘制文本

Titlecanvas{border:1pxsolid#ccc;display:block;margin:100pxauto;}varmyCanvas=document.querySelector('canvas
AssertDo·2023-10-31 13:17

单页面路由跳转之hash模式

hash模式hash模式主要通过监听URL地址的哈希值的变化来实现页面更新functionrouteHandle(){letappElm=document.querySelector('#app')lethash
TomHe789·2023-10-31 10:17

elementUI el-dialog 可拖拽

v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector
放逐的帝王·2023-10-30 13:01

js：前端解析excel文件

vue引入：npminstallxlsx-S,需在全局引入这个插件importXLSXfrom"xlsx";2.通过获取本地excel文件来解析解析代码如下：letteachBtn=document.querySelector
fankse·2023-10-30 06:07

前端 JS 实现图片元素转 BASE64 编码

/***将指定元素对象转换为Base64格式*@param{HTMLImageElement|String}img-图片元素（如通过document.querySelector获取）或者选择器*@param
集成显卡·2023-10-30 06:02

Vue项目中导入excel文件读取成js数组

EXCELimportXLSXfrom'xlsx'exportdefault{name:'HelloWorld',props:{type:String,default:'选择excel文件'},methods:{btnClick(){document.querySelector
weixin_30369041·2023-10-29 18:42

【H5/JS】游戏常用算法-路径搜索算法-A*寻路算法

原理参考：点击打开链接A*寻路算法#stage{border:1pxsolidlightgray;}window.onload=function(){varstage=document.querySelector
krapnik·2023-10-29 12:07

DOM节点学习

【文档节点--DOM有哪些节点】仔细看下面文档的html标签的不同1.li标签没换行Document我是li1我是li2我是li3我是li4我是li5varol=document.querySelector
neneduck·2023-10-29 05:32

在线视频播放加速方法

在线视频播放加速方法操作方法：打开视频网页，按下f12出现复制下面片段粘贴到光标处修改倍数按回车，实现视频加速/*playvideotwiceasfast*/document.querySelector
shabby爱学习·2023-10-29 04:52

JavaScript_Pig Game摇骰子

●我们首先把页面上的重置游戏、掷色子、切换用户存入变量中constbtnNew=document.querySelector('.btn--new');constbtnRoll=document.querySelector
网络点点滴·2023-10-28 22:35

踩坑JS：获取 document.querySelector.children获取的 HTMLCollection 的正确遍历姿势！

一、获取到HTMLCollectionconstdomlist=document.querySelector(".header-left-Menu-style").children;这里的domList
X.Py·2023-10-28 19:04

数据可视化--ECharts图--HBuilderX--柱状图

varmyChart=echarts.init(document.querySelector('div'))varxdata=['张三','李四','王五','闰土','小明','茅台','二妞','大强
凤枭香·2023-10-28 12:43

ant design vue 的getPopupContainer

所以如果你想要对下拉选择组件的样式，做修改，如果style标签上开启了scoped，肯定不会生效所以，需要指定getPopupContainer，用法如下constgetPopupContainer=()=>document.querySelector
嘤嘤怪呆呆狗·2023-10-28 11:33

h5 调用摄像头 回显照片

Documentvarupload=function(c,d){"usestrict";var$c=document.querySelector(c),$d=document.querySelector
yiqian091·2023-10-28 05:22

b站看视频3倍速及手动控制弹幕显示行数

B站的播放速度最大只有2倍速，但是很多时候看视频想要更高倍速的，可以试试设置document.querySelector('video').playbackRate=3//可以写任何数字弹幕行数最少是1
胡肖一·2023-10-28 04:12
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他