<body> <div class="dian"> <input type="button" value="点我一下试试！"> </div> <script> let clickInput = document.querySelector("input"); let randomTop, rando ...
分类：
Web程序 时间：
2019-12-29 23:55:34
阅读次数：
165
1、首先要获取页面中的画布 var canvas = document.querySelector("canvas"); 2、创建画笔 var context = canvas.getContext("2d"); 3、选择要绘画的方式，进行绘画 1.context.stroke() 描边 conte ...
分类：
其他好文 时间：
2019-12-26 19:31:56
阅读次数：
70
// 利用parseInt 和 slice toString将16进制颜色转成rgb格式 // 思路：将16进制的颜色从下标1开始，利用slice方法，每隔两位取出 var div1 = document.querySelector("div"); var color = "#ab0000"; va ...
分类：
Web程序 时间：
2019-12-26 00:12:02
阅读次数：
119
该代码段可将指定元素平滑滚动到浏览器窗口的可见区域。 const smoothScroll = element => document.querySelector(element).scrollIntoView({ behavior: 'smooth' }); smoothScroll('#fooB ...
分类：
其他好文 时间：
2019-12-13 00:13:22
阅读次数：
238
``` class Compiler{ constructor(el,vm){ // 判断el属性 是不是 一个元素, 如果不是就获取 this.el = this.isElementNode(el)?el:document.querySelector(el); // console.log(thi... ...
分类：
其他好文 时间：
2019-12-02 17:20:39
阅读次数：
118
1、通过 id 获取模板内容 2、使用 正则表达式检索字符串 替换模板中的内容 3、再次检索并替换,依次循环下次,当无正则检索相关内容时,返回 null function my_template(id,data){ var contentStr =document.querySelector('#' ...
分类：
其他好文 时间：
2019-11-30 09:52:08
阅读次数：
80
1.ref ref可以直接访问元素，而不需要使用querySelector或者其他dom节点的原生方法。 <div ref = "box"></div> 在js中，这个原生会被存到this.$ref这个对象中，对应的键名就是为这个元素的ref属性设置的值 使用this.$ref.box访问这个元素 ...
分类：
其他好文 时间：
2019-11-23 00:07:17
阅读次数：
91
1.Dom对象转换为jQuery对象 1??直接获取视频，得到就是jQuery对象 $('video'); 2??我们已经使用元素js,获取过来 Dom对象 var myvide = document.querySelector('video'); $(myvideo); 2.jQuery对象转换为 ...
分类：
Web程序 时间：
2019-11-17 10:45:57
阅读次数：
81
查了好一会资料，发现keyup事件在ios系统下存在不兼容问题，解决的方法是通过 html5的 oninput事件来实现，代码如下； <input id="input" type="text" /> document.querySelector('#input').addEventListener( ...
分类：
移动开发 时间：
2019-11-12 20:11:17
阅读次数：
116
1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素，例如document.querySelectorAll('.ubo ...
分类：
Web程序 时间：
2019-11-03 20:18:01
阅读次数：
112
