LeoL1u-CSDN博客

原创 antd-mobile InfiniteScroll 无限滚动

需求背景：做一个分页的无限滚动，第一次用这个ui库，也算是吃了点苦头，好记性不如烂笔头记录一下～框架使用：react + hooks;注意点：：如果带有搜索功能尽量不使用useeffct的副作用，官网有带搜索的示例。loadMore函数返回必须为一个promise，否则会引起无限加载的问题。当加载的页面高度没有撑起loadMore所需的高度时，会再执行一次。源码是拿父高度 >= el.top - threshold进行判断执行；代码部分：js部分。 // 接口 const

2022-03-07 15:57:22 5730 7

转载 vscode好用的插件

https://www.cnblogs.com/joe235/p/13267973.html

2022-01-20 14:34:19 147

转载 react antd tree树形组件,从后台获取数据,根据数据设置部分节点选中.顶部有搜索框,可以搜索树形列表,根据搜索高亮匹配的节点,并且展开节点.

https://www.cnblogs.com/steamed-twisted-roll/p/13552422.html

2021-08-19 10:44:49 1550

转载 Git安装完整流程

https://www.jianshu.com/p/864fd9be14d5

2021-06-18 10:52:09 299

原创 Echarts 5.0版本注意

echarts 5.0与4.0区别官方介绍1.如果使用者在 v4 中这样引用了 echarts：import echarts from 'echarts';// 或者按需引入import echarts from 'echarts/lib/echarts';这两种方式，v5 中不再支持了。使用者需要如下更改代码解决这个问题：import * as echarts from 'echarts';// 按需引入import * as echarts from 'echarts/lib/e

2021-03-06 10:11:36 3109

原创 Echarts Gellery

https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all

2021-03-06 10:04:29 163

原创 Vue.Router-路由守卫

1.什么是路由守卫（导航守卫）?导航守卫其实也是路由守卫，也可以是路由拦截，我们可以通过路由拦截，来判断用户是否登录，该页面用户是否有权限浏览，需要结合meta来实现。vue中路由守卫一共有三种，一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫。所谓的路由守卫可以简单的理解为一座房子的门口的保安，想要进入这个房子就必须通过保安的检查，要告诉路由守卫你从哪里来？总不能随便陌生人就给放进去？要到哪里去？然后保安再告诉你下一步该怎么做？如果你的确是这个房子主人允许进入的人，那就让你进入，否

2021-01-15 16:41:47 210

原创 Vue编写的form回车会自动刷新页面问题

Vue编写的form回车会自动刷新页面问题 <el-form :inline="true" ref="form" :model="dt" class="demo-form-inline"> <el-form-item label="用户编码:"> <el-input v-model="dt.userCode" placeholder="请输入用户编码"></el-input> </el-form-item></el-f

2021-01-14 09:19:01 345

原创 echarts柱状图顶部自定义文字和数值

关于Echarts柱状图顶部及折线图顶部自定义显示内容（数值和文字）柱状图和折线图思路一样知识type类型不一样 series:[ 　　{ 　　name: '成单率', 　　type: 'line',//或者 bar(柱状) 　　data: Arr, 　　itemStyle: { 　　normal: { 　　　　label: { 　　　　　　show:true,//是否显示　

2020-11-12 19:58:15 13276 1

原创 Vue组件注册命名规则

关于Vue组件注册引用的经验,避免以后记不住就写一下.1.组件注册命名定义组件时的命名规则有两种 a.驼峰命名: MyComponentsName b.短横线分隔命名:my-components-name2.驼峰命名的使用注册: import MyComponentsName from '../xxx/xxx.vue'; components: {MyComponentsName} //局部注册 --------------

2020-11-12 10:54:47 987

原创 Class 类

Class 类介绍：在我们Js编程语言ES6之前,我们是没有Class类的概念的,但是其他很多的编程语言 eg:Java c c+，很早之前就实现了这种概念。我们在之前一直是使用构造函数和原型prototype来模拟面向对象编程的过程。什么是Class类? 在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。它可以被看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。类实际上是个“特殊的函数”，就像你能够定义的函数表达式和函数声明一

2020-11-02 08:52:34 548

转载 vue中如何实现后台管理系统的权限控制

vue中如何实现后台管理系统的权限控制

2020-10-28 16:59:02 395

原创柱状图数据过长实现滚轴+点击某一条数据

柱状图数据过长实现滚轴的方法 1.项目需求:当数据量过大时,页面展示起来会很拥挤,此时我们需要一个滚轴,可以让用户进行鼠标滚轮滑动的展示 2.此时我们用到了Echarts中的dataZoom属性，这个属性主要用于区域缩放的功能 3.上代码: var option = { dataZoom: [ { type: "slider",//slider表示有滑动块的，inside表示内置的 s

2020-10-28 16:29:05 440

原创 Echarts 折线图圆点大小颜色样式设置

series: [{ type: 'line', showSymbol: true,//是否默认展示圆点 symbol: 'circle', //设定为实心点 symbolSize: 20, //设定实心点...

2020-10-28 15:29:08 23026

原创 generator详解

generator函数1.generator是什么: generator是一个迭代生成器,其返回值为迭代器(lterator),是ES6标准引入的新的数据类型，它借鉴于Python中的generator概念和语法；迭代器协议：定义了一种标准的方式来产生一个有限或无限序列的值；当一个对象被认为是一个迭代器时，它实现了一个 next() 的方法，next()返回值如下：{done:true,//false迭代是否结束，value:v,//迭代器返回值}2.generator的用途：在Java

2020-08-11 10:28:22 2318

原创前端异步编程的进化之旅 promise generator aysnc/await

promise generator aysnc/await1.三者都是异步编程的解决方案,不同的是,promise为较早出来的,其次generator,最后为async/await,三者象征了前端进行解决异步编程的进化路程。promise: promise比较简单，也是最常用的，主要就是将原来用回调函数异步编程的方法转成 relsove和reject触发事件；对象内含有四个方法，then()异步请求成功后 catch()异步请求错误的

2020-08-11 10:27:23 173

原创 Vue生命周期的执行过程（精减版本）

简单粗暴的答案直接走起：1、创建vue实例，Vue();2、在创建Vue实例的时候，执行了init()，在init过程中首先调用了beforeCreate钩子函数；3、同时监听data数据，初始化vue内部事件，进行属性和方法的计算；4、以上都干完了，调用Created钩子函数；5、模板编译，把data对象里面的数据和vue语法写的模板编译成HTML。编译过程分三种情况：1）实例内部有template属性，直接调用，然后调用render函数去渲染；2）没有该属性调用外部html；3）都没有抛出错误

2020-08-11 10:14:24 204

LeoL1u的博客