- 博客(20)
- 收藏
- 关注
RSS订阅原创 react echars 圆形日历图参考
import ReactEchartsCore from 'echarts-for-react/lib/core';import 'echarts/lib/chart/bar';import 'echarts/lib/chart/heatmap';import 'echarts/lib/chart/line';import 'echarts/lib/component/dataZoom';import 'echarts/lib/component/graphic';import 'echart.
2021-11-09 11:32:51
198
原创 关于前端项目在meta里面写入版本commit信息实现方式
关于前端项目在meta里面写入版本commit信息实现方式<meta name="ui-version" content={process.env.GIT_VERSION} />"build": "GIT_VERSION=`git rev-parse --short HEAD` NODE_ENV=production next build"
2021-05-11 13:35:44
167
原创 ts react Event 事件对象类型
Event 事件对象类型 ClipboardEvent<T = Element> 剪切板事件对象 DragEvent<T =Element> 拖拽事件对象 ChangeEvent<T = Element> Change 事件对象 KeyboardEvent<T = Element> 键盘事件对象 MouseEvent<T = Element> 鼠标事件对象 TouchEvent<...
2021-04-26 18:15:46
5522
原创 Map数据结构在处理分类问题应用
在处理分类问题的时候，Map总能起到效果letstr=[3,12,5,10,4,31,3,2,3,5,6,4,5,8,3,4,2];letgroup=0;letdata=newMap();letlast=0;letresult=[]str.forEach((item,index)=>{constarr=data.get(group);if(index==0||(arr.length&...
2021-04-13 14:09:36
93
原创 js深拷贝示例
constmap={array:"Array",object:"Object",function:"Function",number:"Number",null:"Null",undefined:"Undefined",boolean:"Boolean",};functiongetType(obj){returnObject.prototype.toString.call(obj).slice(8,-1...
2021-03-29 13:10:01
88
原创 实现new
function _new(fn,...arg) { let obj={} obj.__proto=fn.prototype fn.apply(obj,arg) return obj instanceof Object?obj:{}}
2021-03-29 10:07:22
56
原创 LazyMan试题
class LazyManClass { name: string; events: ((data?: string) => void)[]; timer: boolean; constructor(name: string) { this.name = name; this.timer = false; let that = this; this.events = new Proxy([], { set(target: any, p, v.
2021-03-26 14:11:58
130
原创 字符串反转算法
function converse(arr,result){ if(arr.length==0){ return result } result=result+arr[arr.length-1] arr=arr.slice(0,arr.length-1) return converse(arr,result)}
2021-03-26 14:04:55
56
原创 js将数字转化为树形结构的一种思路
let data = [ { id: 1, name: "部门A", parent: 0 }, { id: 2, name: "部门A", parent: 0 }, { id: 3, name: "部门A", parent: 1 }, { id: 4, name: "部门A", parent: 1 }, { id: 5, name: "部门A", parent: 2 }, { id: 6, name: "部门A", parent: 3 }, { id: 7, name: "部门.
2021-03-26 13:59:47
108
原创 leetcode
今日 leecode编写一个函数，输入是一个无符号整数（以二进制串的形式），返回其二进制表达式中数字位数为 '1' 的个数（也被称为汉明重量）leecode系统检测出现了“000001011”类似数字强制转换的行为，如果return 会自动转换为11.转化为字符串用的是toString方法其中里面的参数设置为2，即转换为2进制字符串。...
2021-03-22 19:20:20
49
原创 一些算法
选择排序functionselect(arr=[1,2,3]){for(leti=0;i<arr.length;i++){letmin=i;for(letj=i+1;j<arr.length;j++){if(arr[min]>arr[j]){min=j;}}if(min!==...
2021-02-24 20:00:40
63
原创 js全排列模拟器
上个行走模拟器完成后，我又构思了下js全排列模拟器代码如下class List{ constructor(data){ this.step=1 this.status=null this.data=data this.result=[] } run(){ if(this.status!=='over'){
2020-08-02 17:10:47
394
原创 js台阶算法问题（上台阶模拟器）
这段时间一直没怎么接触算法，昨天看到一个关于动态规划的题想到斐波那契数列。想到了那不是很好解决吗。但是如果你不知道这种规律性的东西是不是代表你不能解决这个问题？当然不是。事实上你甚至可以自己真的去台阶上试试。。。。哈哈，这道题是20个台阶每次一步或者两步。看来自己走是不行了 于是我们就要开发一个自己会走的程序，我们需要模拟每一步。第一步是走 1 或者走 2 ，所以第二步就是19 18 在第一步基础上我们需要再来19 18 部 ，然而第二步在19基础上就是18 17 在18基础上...
2020-08-02 15:27:57
611
原创 js 生成20内加减法（大概率是用于验证码）
具体需求就是三个数相加或者相减 最后计算出来结果供用户计算然后计算出验证码的值填入验证区要求就是计算结果不能为负数话不多说直接上代码function calc(){ let arr=[],value arr.push(Math.ceil(Math.random()*20)) value=arr[0] for(i=1;i<5;i++){ arr[i+1]=Math.ceil(Math.random()*20) if(Math....
2020-07-22 19:09:20
872
1
原创 antd-vue 固定 表格选中颜色
情景大概是这样，antd表格一开始就显示一些内容，然后内容有个索引，需要达到的效果是索引为0的那行背景色为黄色。点击往上查看更多时候，表格往上插入30条数据，点击往下时候下面表格插入30数据。需要做的是固定0那行。大概原理就是记住0行移动前的位置移动后的位置，去掉移动前的颜色，加上移动后的颜色。<templateslot="indexNumber"slot-scope="t...
2019-12-03 12:02:54
1442
原创 对前端问题的思考
前几天帮小伙伴解决一个问题的时候，给他讲了半天然后他还是没弄好。然后我就直接让他把代码给我，然后我研究了一会解决了。觉得思想这个东西挺重要的，所以提出来。 问题是一个穿梭框的组件，要实现的东西是能把左边选择的内容移到右边。或者把右边选择的内容移回到左边。最终要获得的是那个元素移动过。关于这个问题一开始我想的是左边到右边需要知道左边那个元素到了右边。同时右边也要知道哪个...
2019-11-01 16:00:40
144
原创 对于react hooks的一些总结
记得在刚学react时候，就注意到了函数式组件和类式组件的区别。函数式的组件运行速度是明显优于类式组件的没有那些复杂的生命周期啥的东西。但是如果我们想在指定的阶段去做一些事情，函数式组件又不能做到。所以两者通常是结合使用的。一些需要状态处理的用类式组件，不用状态处理的用函数式组件。也有一种优化方案是将类式组件里的状态提取到redux进行集中化管理。 在reac...
2019-09-29 10:13:35
155
原创 redux常见中间件简要分析
说起redux中间件，大家可能都挺熟悉的。github上有各种各样的中间件。以下我会对最近学习的中间件进行分析 首先是logger这个中间件的作用就是能打印出先前的state 改变后的state和action给开发带来一些便利。但是这个功能完全可以被redux-devtools-extension取代。 然后是thunk这个应用的还是比较多的，...
2019-09-29 09:58:22
550
原创 element ui 按需引入
element ui 是vue开发中常用的工具 。 为了节省空间我们常常是按需引入，以下是对按需引入的一些总结。环境在vue下。 首先 我们先要安装一个包 cnpm i babel-plugin-import 这是按需引入时候让babel处理引入模块的依赖关系的。 然后我们需要配置.babelrc 如下{ "plugins": ...
2019-03-22 20:54:50
428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人