js学习
关注
分享
扫一扫
TomKing9
这个作者很懒，什么都没留下…
展开
-
jquery基础知识整理
jquery基础知识，满足jQuery开发需要原创 2023-06-27 15:24:57 · 322 阅读 · 0 评论 -
原型和原型链
自己的一点思考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2022-04-09 17:23:15 · 213 阅读 · 0 评论 -
手写节流以及节流和防抖的不同之处
const div1 = document.getElementById('div1') // 节流函数 function throttle (fn, delay = 100) { let timer = null return function () { if (timer) { return } timer = setTimeout(() => { //这里的关键就是使用箭头函数没有this 和argu.原创 2021-12-22 14:32:43 · 205 阅读 · 0 评论 -
创建事件绑定函数
是同时能用于普通和代理绑定的事件绑定函数，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-12-08 12:05:09 · 481 阅读 · 0 评论 -
点击弹出对应标签的序号
先上代码let i, afor (i = 0; i < 10; i++) { a = document.createElement('li') a.innerHTML = i + 1 a.i = i a.addEventListener('click', function (e) { //这个地方不能用箭头函数，否则this会变成Window e.preventDefault() //取消默认事件 console.log(e,this) alert(thi原创 2021-11-27 16:59:24 · 593 阅读 · 0 评论 -
手写jQuery
class jQuery { constructor(selector) { const result = document.querySelectorAll(selector) const length = result.length for (let i = 0; i < length; i++) { this[i] = result[i] } this.length = length this.sel原创 2021-11-27 16:11:49 · 193 阅读 · 0 评论 -
手写深拷贝
function deepClone(obj = {}) { //递归结束的条件 只要递归递到值类型就返回 if (typeof obj !== 'object' || obj == null) return obj //初始化返回结果 let result if(obj instanceof Array) result = [] else result = {} //遍历递归调用 复制树根 for (let i in obj) { if (obj.hasOwn原创 2021-11-21 16:23:20 · 208 阅读 · 0 评论 -
轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-05-21 08:17:54 · 105 阅读 · 0 评论 -
div跟随键盘移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-05-13 14:54:08 · 227 阅读 · 0 评论 -
事件 div跟随鼠标移动功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-05-13 14:25:10 · 134 阅读 · 0 评论 -
阅读并同意功能
功能描述：滚到底才可以同意并注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-12 16:40:00 · 2040 阅读 · 0 评论 -
添加和删除表单记录功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-05-11 15:50:11 · 232 阅读 · 0 评论 -
DOM查询增加节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-05-08 23:52:04 · 88 阅读 · 0 评论 -
字符串处理：加密解密
// 加密字符串var toCode = function (str) { var key = '0123456789ABCDEFGHIJKLMNOPQRSTUVWWXYZ' ; var l = key.length ; var a = key.split(''); console.log(str.length); var s = '' ; var b, b1, b2, b3; for(var i = 0; i < str.length; i原创 2021-04-17 11:35:08 · 553 阅读 · 0 评论 -
字符串处理：编码解码
// 该方法是对字符串进行自定义编码var toUnicode = String.prototype.toUnicode =function () { /* console.log(this); console.log(arguments); */ var _this = arguments[0] || this; function f () { //console.log(arguments); return '&#'+argume原创 2021-04-17 11:33:59 · 201 阅读 · 0 评论 -
字符串处理
//const { Script } = require("node:vm");//改写 检测某些特定字符并返回特定字符的索引String.prototype.filter=function(){ if(arguments.length<1) throw new Error('缺少参数'); var a = [], _this = this; for( var i =0; i < arguments.length; i++){ a.push(arg.原创 2021-04-17 11:32:15 · 103 阅读 · 0 评论 -
vue内容分发
vue04.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-04-01 23:51:37 · 214 阅读 · 0 评论 -
Ajax get方法访问所碰到的问题
如图，我直接访问8000/server是成功的，但是用客户端代码访问却出了不知名的问题，求大佬解答。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=原创 2021-03-11 20:52:18 · 173 阅读 · 0 评论 -
调查问卷练习
这是一个有全选 全不选 反选 提交功能的调查问卷用JavaScript实现的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2021-02-25 17:46:54 · 562 阅读 · 0 评论