
js
迷沉
在读研究生
展开
-
vue的$event事件绑定,获取当前值
举两个例子1.单纯只获取本身的值,在一般的回调函数中,都默认存在$event<div id="demo"> <button @click="btn1">按钮一</button></div>new Vue({ el:'#demo', data:{ }, methods:{ btn1(event){ alert(event.t原创 2021-05-19 12:43:13 · 2542 阅读 · 1 评论 -
js回调函数满足三个条件?
1.你定义的2.你没有调用3.但它自己执行了因此,你需要清楚,你什么时候调用?用来做什么?例如set()和get(),我们知道每一个属性都有一个对应的set和get,他们都是回调函数,set是监视,get用来返回当前属性的值。...原创 2021-05-18 16:08:59 · 454 阅读 · 0 评论 -
js怎么获取浏览器的宽高,分辨率?看以下所有总结
举个例子,我们先获取现在目前网页可见区域的宽度var width=document.body.clientWidth ;console.log(width);以下是在控制台的运行结果1519px我们总结所有可能用到的宽高:网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offs原创 2020-07-10 11:49:22 · 637 阅读 · 0 评论 -
canvas开始的准备总结
准备工作只有三步:1.布置画布:通过添加标签,添加canvas元素2.获取画布:通过标签的id,获得canvas对象3.获得画笔:通过canvas对象的getContext(“2d”)方法,获得2D环境对应的代码也就是三句话:<canvas id=“canvas”></canvas>var canvas = document.getElementById("canvas");var context = canvas.getContext("2d");完整代码如下&原创 2020-07-08 17:00:38 · 165 阅读 · 0 评论 -
怎样用canvas画网格背景?
展示效果整个代码<!doctype html><html lang="zh-zn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">原创 2020-07-05 15:41:12 · 2180 阅读 · 6 评论 -
canvas动画粒子效果分享,可以做背景,超级好看
分享以下效果复制下一代到你的项目即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Particle 粒子特效</title> <style> * { margin: 0; padding: 0; overflow:原创 2020-07-05 00:06:39 · 1166 阅读 · 0 评论 -
jQuery的css()如何修改背景图片
html,这是空的,当然我们需要引入jQuery<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no...原创 2019-10-07 17:58:31 · 7275 阅读 · 1 评论 -
jQuery选择器列表清单
实例选取$("*")$("*")$("#lastname")所有 class=“intro” 的元素$(".intro")所有 class=“intro” 的元素$(“p”)所有 p元素$(".intro.demo")所有 class=“intro” 且 class=“demo” 的元素$(“p:first”)第一个 p 元素$(...原创 2019-10-07 16:19:59 · 519 阅读 · 0 评论 -
javascript有关变量提升方面的问题
首先,我们来看一个小问题a=1;var a;console.log(a);大家看一下,以上的代码片段会输出什么呢?可能有部分人认为是defined,他们觉得var a是在a =1之后声明,所以a会被重新赋值为undefined。不过,不幸的消息是它的输出结果是1。我们继续看下一段代码:console.log(a);var a = 1;大家看到这,因为第一段代码的问题,可能会有很...原创 2019-10-05 13:36:03 · 170 阅读 · 0 评论 -
JavaScript 计时事件
通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。语法:setInterval(“javascript function”,milliseconds);第一个参数是函数(f...原创 2019-09-18 20:27:39 · 153 阅读 · 0 评论