自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 JavaScript原生 实现红绿灯

JavaScript原生 实现红绿灯

2023-05-22 10:22:37 1420

原创 防抖 节流 应用

防抖:所谓防抖,就是指触发事件 N 秒后才执行函数,如果在 N 秒内又触发了事件,则会重新计算函数执行时间,也就是说,最后一次触发事件后的N秒后执行函数。节流:所谓节流,就是指连续触发事件但是在 N 秒中只执行一次函数,也就是说,在触发事件后,不管你触发了多少次,它都是在每 N 秒执行一次。

2023-02-20 16:43:45 191

原创 父传子中 watch 监听和 ref 传值的用法和区别

父传子中 watch 监听和 ref 传值的用法和区别(应用场景:点击编辑按钮的时候子组件(弹框)中回显父组件传过来的值)

2022-10-31 14:07:25 1211 1

原创 vue 路由模块化

为什么要将路由进行模块化?路由模块化有什么好处?假设你写的项目就有几个页面那就没有必要用到路由模块化,要是有N多个页面我们就需要再router.js里面写N多个路由,此时我们就要用到路由模块化来对这些路由进行分类管理,以便我们后期对其进行管理,这样一来我们的代码也不会看上去那么的繁琐

2022-10-09 17:41:10 1003 1

原创 vue router 全局路由守卫

vue router 路由全局守卫 / 拦截

2022-09-07 11:31:16 2559

原创 vue echarts饼图环形 (随着legend动态显示数据总数)

vue echarts饼图环形 (随着legend动态显示数据总数)

2022-09-01 17:17:22 9236 2

原创 vue 父传子 子传父 (element-ui Dialog 点击展开按钮在父组件,弹框在子组件案列)

vue父传子 子传父(element-uiDialog点击展开按钮在父组件,弹框在子组件案列)

2022-07-20 20:28:05 2414 4

原创 vue2 vuex存储以及数据持久化和模块化

vuex是什么,干什么用的?vuex是一个状态管理工具,主要是用来解决中大型项目中数据共享的为什么要模块化?让项目代码合理的分配,使其代码更加清晰,方便后期管理

2022-05-11 09:41:40 2438

原创 vue3 图片懒加载的实现

图片懒加载就是鼠标滑到哪,图片就加载到哪一 开始把图片的地址放在data-set属性中,而不是放在src中,这样图片就不会发送http请求。我们通过计算距离,当 整个页面的高度 < 页面滑动的距离 + 浏览器可视区域的距离 的时候,就把data-set属性换为src属性,将图片显示出来

2022-04-15 16:14:54 2468 2

原创 vue3 使用vuex以及数据持久化

【代码】vue3 使用vuex以及数据持久化。

2022-03-17 15:53:57 2805

原创 var let const 详解

var let const 都是用来声明一个值的关键字;var 和 let是用来声明变量的, const 是用来声明常量的;var 拥有全局作用域 ,let 和 const 拥有局部作用域 。

2022-01-16 16:19:24 536

原创 Vue中filter函数 过滤器的使用

目录filters是什么?filters分为两类一:局部过滤器二:全局过滤器特别注意filters是什么?filters顾名思义是一个过滤器,就是对数据进行过滤筛选,将数据转化为我们想要的格式,但是他不会改变原始数据。filters分为两类一:局部过滤器局部过滤器的特点:只能作用于本组件没内定义局部过滤器:在本组件内直接定义即可(代码如下:)<script> export default { // 定义局部过滤器 //

2022-01-08 16:07:04 2637 1

原创 React 路由传值的三种方法

React传值

2021-12-18 18:21:04 2400

原创 React 常用的十个生命周期

目录前言实例期存在期销毁期总结前言学习一门语言,他的生周期我们是必须要理解,在这里就给大家讲解一下我们平常最常用到的一些生命周期,希望能给各位带来帮助。我们首先要知道,React的生命周期主要分为三部分:实例期(挂载期)、存在期(更新期)、销毁期(卸载)实例期getdefaultprops获取默认的propsgetinitailstate 获取初始的statecomponentWillMount 组件即将挂载componentWi...

2021-12-11 18:31:35 1983

原创 uni-app 生命周期

目录前言一、应用生命周期二、页面生命周期三、组件生命周期总结前言uni-app 的生命周期主要分为:用生命周期、页面生命周期、组件生命周期三种一、应用生命周期注意:仅在App.vue中有效,在其他页面监听无效onLaunch 当uni-app初始化完成时触发(全局只触发一次) onShow 当uni-app启动,或从后台进入前台显示(显示页面的时候触发) onHide 当uni-app从前台进入后台(隐藏/退出页面的时候触发) ...

2021-12-04 20:46:13 14950 1

原创 vue 生命周期(详解)

前言首先我们要搞明白生命周期到底是什么?顾名思义,生命周期就是我们从开始创建vue实例到销毁的一个过程,这一过程就叫做生命周期,这就好比我们的人生一样从出生到结束的一个过程。切记,生命周期函数不可以使用箭头函数,箭头函数没有this,而this在我们生命周期过程中需要对他进行频繁引用话不多说上代码:以下是官网大大给出的一个生命周期图示,展示了实例的生命周期:总结更多详细可查阅官网:https://cn.vuejs.org/v2/api/#beforeCreate..

2021-11-27 19:53:26 568

原创 v-if 与 v-show 的区别

目录前言一、v-if二、v-show总结前言有很多人分不清楚 v-if 和 v-show 这两个到底在什么时候用那一个更合适,以下内容可以让你理解他们各自的作用和用处,希望可以帮助到你。提示:以下是本篇文章正文内容,下面案例可供参考一、v-ifv-if 在初始渲染的时候根据所给定的值,进行渲染,true进行渲染,false不会将其渲染。在切换的过程中他会监听我们的值来对元素进行一个销毁重建的过程,这样一来就会影响我们代码运行的效率,所以在进行频繁切换元素的时候

2021-11-20 20:04:31 781

原创 ts 数据类型

TypeScript是 JavaScript 的一个超集,支持 ECMAScript 6 标准,由微软公司开发的自由、开源的编程语言,扩展了javaScript 得语法,它的设计目标是开发大型应用,全部浏览器兼容。优点: 它有更多的规则和类型限制,代码具有更高的预测性、可控性,易于维护和调试;对模块、命名空间和面向对象的支持,更容易组织代码开发大型复杂程序。

2021-11-13 08:38:48 300

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除