js
关注
分享
扫一扫
温柔晨光
这个作者很懒，什么都没留下…
展开
-
最简单的tab选项卡
最简单的tab选项卡原创 2022-11-30 23:02:20 · 345 阅读 · 1 评论 -
js比较两个对象是否相同
比较两个对象是否相同原创 2022-10-21 11:18:47 · 247 阅读 · 0 评论 -
我的工具函数集合
自己封装的一些函数原创 2022-10-18 00:44:13 · 205 阅读 · 0 评论 -
js判断两个对象是否相同的两种方式
js判断两个对象是否相同的三种方式原创 2022-10-12 03:52:56 · 3418 阅读 · 0 评论 -
找出字符串中出现次数最多的字符
let str = 'aaassssdtyffnmmm' let temp = {}; for (let i = 0; i < str.length; i++) { if (!temp[str.charAt(i)]) { temp[str.charAt(i)] = 1; } else { temp[str.charAt(i)]++; ..原创 2022-02-23 15:44:11 · 251 阅读 · 0 评论 -
树形结构数组对象扁平化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script.原创 2022-01-04 16:01:36 · 581 阅读 · 0 评论 -
我的正则表达式笔记
// 大于0的正整数/^\+?[1-9]\d*$/;*代表{0,} +代表{1,} ?代表{0,1}// 整数或者两位小数const myreg = /^([1-9][0-9]*|0)(\.?[0-9][0-9])?$/;//0到100的数字,若有小数,精确到两位const myreg = /^(0|100|[1-9]?\d)(\.[0-9][0-9])?$/;...原创 2021-12-10 17:36:46 · 310 阅读 · 0 评论 -
快速遍历树型结构的数组，替换对象名
function readNodes (nodes = [], arr = []) { for (let item of nodes) { arr.push(item.id) if (item.children && item.children.length) readNodes(item.children, arr) } return arr}// JSON.parse(JSON.stringify(treeData).re...原创 2021-11-29 09:42:29 · 418 阅读 · 0 评论 -
apply的应用总结
let obj = { name: 'tiny' } function Demo(name) { this.name = name } Demo.prototype.showName = function() { console.log(this.name) } const d = new Demo('bobo') d.原创 2021-06-25 15:33:54 · 328 阅读 · 0 评论 -
数组去重的几种方法
vararr=[1,1,2,3,3];arr=[...newSet(arr)];console.log(arr); // [1,2,3]原创 2019-10-23 11:48:58 · 628 阅读 · 0 评论 -
仿写一个简单的Object.assign方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1</title></head><body> <script> function myObjectAssign(obj1, obj2) { let newObj = {}; .原创 2021-06-17 18:22:23 · 147 阅读 · 0 评论 -
最简单的继承
function A() { this.money = 100; } function B() { this.name = 'tiny' } B.prototype = new A(); var b = new B(); console.log(b.money);原创 2021-06-17 11:23:22 · 58 阅读 · 0 评论 -
百度搜索防抖
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="input"> <script> const oInput = document.get.2021-06-17 09:44:28 · 187 阅读 · 0 评论 -
把 Unicode 编码转成对应值
//document.onkeypress=function(e){console.log(String.fromCharCode(e.charCode))}原创 2021-06-16 17:50:23 · 158 阅读 · 0 评论 -
弹性盒子布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-06-25 14:46:24 · 563 阅读 · 0 评论 -
经典两栏布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } .right{ position.原创 2021-06-16 17:25:40 · 87 阅读 · 0 评论 -
我的深度克隆函数-对象克隆
//遍历对象//判断是不是原始值//判断是数组还是对象//建立相应的对象//递归functiondeepClone(origin,target){consttoStr=Object.prototype.toString;constarrStr="[objectArray]";for(l...原创 2021-06-16 17:09:51 · 88 阅读 · 0 评论 -
我的事件委托
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件委托</title></head><body><ul><li>1</li><li>2</li>&...原创 2021-06-11 11:26:51 · 75 阅读 · 0 评论 -
最简单的拖拽
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>拖拽</title><style>#box{width:100px;height:100px;position:absolute;...原创 2021-06-09 11:53:31 · 96 阅读 · 0 评论 -
ES6 最简单的async await
<script> async function getUsers() { const res = await fetch(`http://jsonplaceholder.typicode.com/users`); const data = await res.json(); return data; } getUsers().then(users => { ..原创 2020-10-08 00:13:36 · 111 阅读 · 0 评论 -
我的三级联动
原创 2020-09-29 02:23:54 · 72 阅读 · 0 评论 -
javascript禁止复制粘贴
// 禁止右键菜单document.oncontextmenu = function(){ return false; };// 禁止文字选择document.onselectstart = function(){ return false; };// 禁止复制document.oncopy = function(){ return false; };// 禁止剪切document....原创 2020-05-05 16:28:05 · 236 阅读 · 0 评论 -
我的正则表达式总结1
var reg= /^([1]?\d{1,2})$/; //0-100的正整数0-99 (\d{1,2})$0-100 ([1]?\d{1,2})$i 忽略大小写g全局匹配m 多行匹配var reg = /^a/gm;var str = "abcde\na";str.match(reg);------------------------------------...原创 2019-12-24 04:00:29 · 166 阅读 · 0 评论 -
js求一个字符串的字节长度
//把Unicode编码转成对应值document.onkeypress=function(e){console.log(String.fromCharCode(e.charCode))}//求一个字符串的字节长度functiongetLen(str){...原创 2019-12-15 20:09:26 · 558 阅读 · 0 评论 -
js弹框功能
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-eq...原创 2019-11-17 12:14:15 · 114 阅读 · 0 评论 -
onload和ready的区别
$(document).ready和window.onload都是在都是在页面加载完执行的函数，大多数情况下差别不大，但也是有区别的。$(document).ready:是DOM结构绘制完毕后就执行，不必等到加载完毕。 意思就是DOM树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。window.onload:是页面所有元素都加载完毕，包括图片等所...原创 2019-10-31 22:56:55 · 117 阅读 · 0 评论 -
js无限级递归目录树
functioncreateTree(data){varstr="<ul>";for(vari=0;i<data.length;i++){str+="<li>"+data[i].name;if(data...原创 2019-10-25 23:05:01 · 533 阅读 · 0 评论 -
节流
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-eq...原创 2019-10-24 12:51:22 · 123 阅读 · 0 评论 -
js插入批量图片
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-eq...原创 2019-10-15 15:12:46 · 2241 阅读 · 0 评论 -
table-cell设置垂直居中
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-eq...原创 2019-10-15 14:45:25 · 1878 阅读 · 0 评论 -
获取表格数据中最大的id
<script> varitems=[{id:1,name:'中文'},{id:3,name:'银河'},{id:9,name:'朴树'},{id:2,name:'tiny'}...原创 2019-10-13 19:40:50 · 418 阅读 · 0 评论