javascript
关注
分享
扫一扫
清静清源
这个作者很懒，什么都没留下…
展开
-
js实现FormData
class myFormData { static inputsData = null constructor(el) { this.el = el; myFormData.inputsData = [] myFormData.transform(myFormData.searchDOM(el)) } has(key) { let firstIndex = myFormData.inputsData.findIn原创 2022-04-23 11:33:04 · 1005 阅读 · 0 评论 -
js跨浏览器事件处理
js跨浏览器事件处理原创 2021-06-19 09:03:46 · 161 阅读 · 0 评论 -
js 简单实现 NodeIterator 接口
js 简单实现 NodeIterator 接口原创 2021-06-17 11:44:39 · 188 阅读 · 0 评论 -
js异步遍历器(asyncIterator)
js 的asyncIterator原创 2021-05-30 17:42:56 · 887 阅读 · 0 评论 -
js音乐播放器
js Q版音乐播放器原创 2021-05-28 16:16:59 · 399 阅读 · 0 评论 -
js原型链导图
js原型链原创 2021-05-27 20:51:47 · 216 阅读 · 0 评论 -
live2d-widget 看板娘（改）
看板娘改~原创 2021-05-16 18:14:24 · 1690 阅读 · 0 评论 -
一个简单的Tab类
js - 一个简单的tab类原创 2021-04-15 19:23:41 · 134 阅读 · 0 评论 -
symbol类型
es6 symbol原创 2021-04-10 13:16:41 · 125 阅读 · 0 评论 -
var,let,const关键字
var,let,const关键字原创 2021-04-03 13:28:44 · 114 阅读 · 0 评论 -
php与ajax交互
php与ajax交互原创 2021-04-03 12:42:19 · 612 阅读 · 0 评论 -
jquery轮播图
轮播图左切换原理图黄色的方框表示的是 slidesslidesslides ，而 slideslideslide 表示的是所有轮播图的父亲，每个灰色的方框表示的是每一个轮播图。<div id="slides"> <div id="slide"> <div></div> <div></div> <div></div> </div></div>对于 stepsteps原创 2021-03-13 11:45:37 · 262 阅读 · 0 评论 -
jquery三级下拉栏
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>3级下拉栏</title> <style> #aside-nav { list-style: none; } #aside-nav li { font-size: 10px; } #aside-nav a { text-decorat.原创 2021-03-07 13:52:20 · 146 阅读 · 0 评论 -
jquery日历
/** * 2021/3/6 * Calendar *//* get y Year m Month before days */function getBDays( y, m ) { return (new Date(y, m, 1).getDay());}/* get y Year m Month total days */function getTDays( y, m ) { return (new Date(y, m + 1, -1).getDate() + 1);}.原创 2021-03-06 21:59:51 · 829 阅读 · 1 评论 -
原生 Js 日历挂件
原生 Js 日历挂件原创 2021-02-26 13:05:31 · 197 阅读 · 0 评论 -
js 关键词高亮
关键词高亮原创 2021-02-25 19:07:43 · 374 阅读 · 0 评论 -
yield简单理解
yield能够控制生成器的运行，这是它和return的根本区别function *test() { let x = 1; let y = yield(x+1); let z = yield(y+x)*2; return x+y+z;}let s=test();console.log(s.next().value); //2console.log(s.next(3).value); //8console.log(s.next(2)); //6函数第一次调用时，不会运行，只有调用next原创 2021-02-24 20:13:41 · 283 阅读 · 0 评论 -
Symbol类型
1.基本方法let a=Symbol();//创建一个symbolsymbol本身是原始类型，所以typeof的时候返回symbol，而不是objectconsole.log(typeof a);使用symbol时，能够传入一个字符串键值，但是这个参数与它本身的定义无关，而与人相关。let a=Symbol();let b=Symbol();console.log(a === b);即使好像a与b是一样的，但是它们还是不同，因为存储的地方不一样，所以false。symb原创 2021-02-24 18:54:23 · 435 阅读 · 0 评论 -
String类型
es6 String对象原创 2021-02-24 15:43:34 · 571 阅读 · 0 评论 -
JS 二级收缩列表
简单的二级列表，原生js。原创 2021-02-23 20:48:26 · 158 阅读 · 0 评论 -
var与let的区别
var与let关键字学习笔记，完~原创 2021-02-23 18:37:03 · 1062 阅读 · 0 评论 -
CSS 翻书特效
css翻书，书本特效原创 2021-02-22 13:35:09 · 333 阅读 · 1 评论 -
DOM节点
DOM节点原创 2021-02-21 18:08:59 · 113 阅读 · 0 评论 -
DOM 常用的五种方法
DOM 常用方法原创 2021-02-21 13:58:27 · 261 阅读 · 1 评论 -
Canvas 简单又看好的星空特效
canvas星空效果，非常好看原创 2021-02-14 15:11:48 · 1767 阅读 · 6 评论 -
Canvas 贪吃蛇
Canvas 基础应用html code<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <原创 2021-02-11 14:52:05 · 199 阅读 · 1 评论 -
Canvas 炫彩小球
动画，小球原创 2021-02-10 17:34:09 · 148 阅读 · 0 评论 -
Canvas 电子时钟
Canvas 基础应用html code<!-- 角度 * PI / 180 = 弧度 --><!-- sin30度 = 1/2 --><!-- P(cosa, sina) --><!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas 时钟</title> <style type="text/c原创 2021-02-09 16:52:09 · 169 阅读 · 0 评论 -
Canvas 鼠标小球
Canvas 基础应用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> canvas{ border: 1px solid #000; background: } </style> </head> <body> <canva原创 2021-02-08 22:27:34 · 168 阅读 · 1 评论 -
JS 对象
对象的定义var o1 = {}; // 定义一个空对象var o2 = {name: 'Jack'}; var o3 = {name: 'Jack', age: 19, language: '汉语'};对象的访问var computer = {}; // 定义一个空对象computer.cpu = 'A6-9500E'; // 添加一个新的属性computer.beginWork = function() { // 添加一个新的方法 conso原创 2021-02-03 19:04:40 · 281 阅读 · 0 评论 -
Canvas-2d fillText
语法context.fillText(text, x, y, [maxWidth]);参数text - String - 文本字符串x - Number - 文本左上角x坐标y - Number - 文本左上角y坐标[maxWidth] - Number - 文本的最大宽度(可选参数)例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>&原创 2021-02-02 15:14:16 · 396 阅读 · 0 评论 -
Canvas-2d strokeRect
语法context.strokeRect(x, y, width, height);参数x - Number - 矩形左上角x坐标y - Number - 矩形左上角y坐标width - Number - 绘画的矩形width宽度height - Number - 绘画的矩形height宽度例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title&g原创 2021-02-02 14:06:10 · 264 阅读 · 2 评论 -
Canvas-2d fillRect
语法context.fillRect(x, y, width, height);参数x - Number - 矩形左上角x坐标y - Number - 矩形左上角y坐标width - Number - 绘画的矩形width宽度height - Number - 绘画的矩形height宽度例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>原创 2021-02-02 13:22:55 · 309 阅读 · 0 评论 -
Canvas-2d clearRect
Canvas-2d clearRect用法原创 2021-02-01 13:43:37 · 216 阅读 · 1 评论 -
原生JS鼠标移动拖尾效果
JS 代码function getMousePos(event) { var e = event || window.event; var mouseInfo = { mouseX : e.clientX, mouseY : e.clientY } return mouseInfo;}function getMouseArt() { this.artStyle = { position: "fixed",原创 2020-12-25 17:10:30 · 1234 阅读 · 1 评论 -
HTML 导航栏标签切换
html code<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .tab-box { border: 2px solid greenyellow; } /* display: flex弹性盒子，水平方向*/ .tab-head { display: flex;原创 2020-12-10 11:11:11 · 4351 阅读 · 0 评论 -
javascript异常调试
错误类型Error - 表示普通错误类型，6中错误都继承此对象 EvalError -已经弃用，低版本还能使用 RangeError - 数值超出范围，如 new Array(-1); ReferenceError - 引入了不存在的变量，如 var a = 1; a += min; SyntaxError - 解析语法错误 TypeError - 变量或参数不是预期变量，如调用了不存在的函数 URIError - 解析URI编码错误，调用encodeURI()，escape()等URI..原创 2020-12-03 11:54:26 · 191 阅读 · 0 评论