![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 70
鲁南彭于晏
摸鱼大王
展开
-
【JS红宝书学习】11DOM扩展
对DOM的扩展,主要有Selector API和HTML5。1、选择符API众多JavaScript库中最常用的一项功能,就是根据CSS选择符选择与某个模式匹配的DOM元素。实际上,jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用,从而抛开了getElementById()和getElementsByTagName()。Selector API Level1的核心是两个方法,querySelector()和querySelectorAll(),可以通过Document和Elemen原创 2021-05-07 22:23:38 · 159 阅读 · 0 评论 -
【JS红宝书学习】15使用Canvas绘图
canvas是html5中的新功能,并且canvas还建议了一个WebGL的3D上下文。主流浏览器基本都支持。Windows XP本身缺少必要的绘图驱动程序,因此不可以使用canvas。1、canvas元素canvas的使用原理是先在html中声明一个canvas元素,然后在这个元素所占区域(使用width和height属性指定)中进行绘制。canvas可以使用id来标识自身,也可被css选择器选择后进行调整。基本使用方法,创建一个canvas元素,获取这个canvas元素,获取二维上下文。<原创 2021-04-21 22:57:16 · 230 阅读 · 1 评论 -
【组件】验证码
对验证码组件进行封装参考了这篇文章<canvas id="canvas" width="120" height="30" style="cursor: pointer;"></canvas>var cas=document.querySelector('#canvas');var ctx=cas.getContext('2d'); //构建绘图环境cas.onclick = randomCode;position={x:0,y:0,w:120,h:30};ne原创 2021-04-20 17:29:57 · 100 阅读 · 0 评论 -
【css学习】css基础学习 知识点简单整理
知识点1、盒模型Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。例如div { width: 300px; border: 25px solid green; padding: 25px; margin: 25px;}300px (宽)50px (左 + 右填充)原创 2020-07-29 19:32:33 · 233 阅读 · 0 评论