LeoL1u的博客

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序 VANT的使用方法 1.打开该项目终端 进行 npm init 进行初始化 2.下载 npm i @vant/weapp -S --production 3.打开微信小程序开发工具,构建npm 4.引入方式 a.在app.json中进行设置全局引入 // app.json "usingComponents": { "van-button": "@van

如何解决微信小程序加载慢的问题？a.提高页面加载速度: 1. 首先用户在页面切换也就是路由跳转时,会有一个100m-300m的一个时间，我们可以利用这个时间段,预先发起新页面所需要的网络加载时间。 2.例如从A页面预加载B页面时,我们可以通过在A页面通过this.$route的方法向B页面传递参数,B页面接收到参数之后利用我们封装好的全局put take的方法,利用缓存来进行ajax请求 疑难:为什么我在A页面时会访问到B页面的实例呢？此时B页面不是未创建吗? 解答: