- 博客(19)
- 收藏
- 关注
RSS订阅原创 vbenAdmin 标准ts表单使用render 插槽：树形图ant
在vbenAdmin-form表单内使用xxx.data.ts文件标准化渲染，在单个字段实现树形图render组件
2022-07-07 14:01:07
1288
1
原创 react，tsx中使用微信jssdk分享总结
在React项目内终端下载在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js在页面上方一引入weixin-js-sdk，若在react-tsx页面内报错，在pages内创建types文件夹-创建index.d.ts文件：配置next.config.js文件内域名代理一些踩坑：如遇到import wx from ‘weixin-js-sdk’ 报错找不到window，则可按需引入
2022-06-17 09:44:37
2034
原创 js 手写call方法
1.手写call方法 Function.prototype.call4=function(thisArg){ //先判断是不是空的，是的话指向window，不是的话采用Object方法，将thisArg传进去 thisArg= thisArg==null?Window:Object(thisArg); // log(thisArg); //调用的对象 //然后将剩下的使用[...rest]将它变为数组，然后返回一个新对象（slice复制
2022-05-18 18:10:10
1041
原创 js深拷贝、将对象转换为一维数组、查找一个元素里是否包含另一个元素的某一个值
js深拷贝、将对象转换为一维数组、查找一个元素里是否包含另一个元素的某一个值
2022-05-18 18:07:44
279
原创 js对象数组拍平（扁平化）
实现目标：将多层嵌套children的对象数组拍平，并存入父元素的id（可替换）。实现方法：1.储存第一层数组对象2.查看数组对象内是否有children，若有children则递归，并存入父元素的key。测试数据： let Data = [ { id: 1, content: '是否是双方都', list: [ { id: 2,
2022-05-17 15:51:02
3086
原创 JavaScript中class详解：如何使用与继承，以及继承中关于ES6与ES5的区别
46 class语法46.1 class语法详解1.组合模式用class1.class里的所有方法定义在类的prototype属性上面2.ES5构造函数Point对应ES6的Point类的构造方法class Point{ constructor(x,y){ this.x=x; this.y=y; } toString(){ console.log(this.x+this.y); }}let point=
2022-02-18 17:16:29
337
原创 JavaScript中Map数据结构的基本属性、用法与对象的切换，WeakMap数据类型与应用
45 Map数据结构45.1 Map的基本用法键名必须数据类型和值一模一样1.Object 字符串-值2.Map 值-值 hash结构 key：value对象的好处是独一无二 创建后的地址不一样let s=new Set();let s=new Set(); //value只能出现一次s.add()let m=new Map(); m.set(o,"aabbcc");m.get(o) //aabbcclet o={ x:1, y:2}l
2022-02-18 17:13:39
617
原创 数组的扩展方法，symbol数据类型与具体属性方法，对象的所有方法与拓展
4040.1 数组的扩展方法Array.from() 先看.length方法，再看自然数。要是无len，会返回[]array.from(arr,x=>x*x);Array.of() 老模式兼容,传数组项目 相当于ArraycopyWithin() copy在内部 修改当前数组，覆盖原有成员[].copyWithin(target,start,end)//target 该位置开始替换数据//start x 该位置开始读取数据//end x 该位置结束读取数据find()
2022-02-18 17:12:01
181
原创 箭头函数和普通函数的区别，什么是函数尾调用？函数尾调用的优化方法
38 函数38.1 函数参数设置1.使用参数默认值时，函数不能重名2.函数默认参数是惰性求值（运行时才求值3.尾部才参数默认值才可省略，严格undefined，null没有效果function foo(x,y,z){} foo.length //3function foo(x,y,z=1){} foo.length //24.fn.length 非常受到默认参数的影响5.一旦设置参数默认值，参数会单独形成一个作用域。语法行为在不设置参数默认值时是不会实现的。ex：let x=1;
2022-02-18 17:08:35
410
原创 字符串模板以及字符串拓展方法，数字格式的方法拓展与具体Math方法
36 字符串36.1 字符串模板let oDiv=document.querySelector("div"); let name; let json={ div:{ className:"msg", child:{ ul:{ className:"msg", child:{
2022-02-18 17:07:26
103
原创 解构赋值是什么？如何使用？
35 解构赋值35.1数组结构赋值1：解析解构，需模式匹配2：左边跳，右边也跳let [a,,c]=[1,2,3] //a:1,c:3… 拓展符let [a,...b]=[1,34325,35435,234123,5645]; //a:1,b:[34325,35435,234123,5645]左侧赋值后，右边剩下的值都会变成b的一部分3：…必须是最后的element4：数据结构一样，右侧少数据-不完全结构let [a,[b,c],d]=[1,[23],3] //a:1,b:23
2022-02-18 17:05:30
218
原创 高阶函数的几种类型与具体实现
32 高阶函数32.1递归函数arguments.callee （代替函数名） 是一个指向正在执行的函数的指针。function fn(num){ if(num<=1){ return 1 }else return num+fn(num-1); // arguments.callee(num-1);}但是严格模式下不能用，因此可以：let fac=(function fn(num){ if(num<=1){ return
2022-02-18 17:04:10
125
原创 构造函数-组合模式-继承
构造函数模式，构造函数与工厂模式的区别。模式：组合模式，动态原型，寄生构造， 严格模式，原型继承。继承：经典继承，组合继承，原型式继承，寄生式继承-寄生组合继承
2022-02-18 17:02:34
90
原创 防抖和节流
防抖和节流防抖let input=document.querySelector("input");let timer=null;input.oninput=function(){ //oninput 事件在用户输入时触发 clearTimeout(timer); timer=setTimeout(()=>{ console.log(this.value); },1000)}节流let count=0;let flag=true;bt
2022-02-18 16:57:06
378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人