自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Ts学习记录

当我们在调用函数需要根据不同的传参、和参数类型的不同返回不同的结果时,使用函数重载可以给出更友好的提示。分页的话返回分页的数据结构,否则返回默认的结构。类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型”拿到这个对象只要取出对象的键值就是我们想要的结果了,在JS中取对象的键值可以使用。当TypeScript不确定一个联合类型的变量到底是哪个类型的时候,我们。的作用是将映射类型的属性变为必选。用于取联合类型的值,主要用于数组和对象的构造。的属性提取出来作为类型约束呢?...

2022-07-18 17:36:12 340 1

原创 js数组查找出现次数最多的元素和它的下标

let list = [1,1,1,2,3,3,4,5,6,1,2] function filterItem(arr = [], item) { let newArr = [] let index = arr.indexOf(item) while(index != -1) { newArr.push(index) in...

2021-08-14 11:12:14 501

原创 Vue.extend实现命令调用式组件

我们使用element-ui时会发现message-box消息提示是直接通过this.$message引用,而不是每次用的时候都先import然后注册组件。其实它的实现原理也很简单,主要就是使用了Vue.extend方法;接下来我们自己实现一个简单的message-box。先看效果图:1、message-box.vue<template> <transition name="confirm-fade"> <div class="confirm"

2021-07-29 09:26:43 638

原创 Vue手动实现v-model(完整demo)

老样子先看效果图第一中实现方式该方式父组件使用v-model时可以传递初值,使用起来毫无违和感。1、父组件代码<template> <div class="module-wrapper"> <div class="parent"> <h3>父组件</h3> <p>值:{{title}}</p> </div> <div class=

2021-06-25 13:40:28 1460

原创 Uni-App如何实现跳转拦截功能(完整demo)

uni-app如何像vue-router中的beforeEach一样实现跳转拦截功能呢?先看效果图:在这里因为项目运行默认先进登陆页所以我们在地址栏改下地址进首页。我们发现底部有四个菜单分别是:首页、分类、购物车、我的;按常理来说首页和分类是不需要登陆就能查看的。另外两个则需要先登陆接下来我们说一说实现的过程首先我们要定义一个页面白名单,在跳转时先判断是否在白名单中,在的话直接跳转,不在则判断登陆状态// 页面白名单const whiteList = [ '/',

2021-05-14 11:08:55 14446 18

原创 微信小程序实现登陆功能

先上张图:如果到这就完了,此时的你心里是不是:这张图是从微信开发文档上抄来的,接下来我们结合案例一步一步实现微信授权登陆的功能。第一步:调用wx.login获取code代码: // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId console.log(res) } ...

2021-05-05 17:48:57 4804 1

原创 Uni-App实现人脸识别功能

先看效果图:详情地址:https://huolihua.cn/#/article-detail/9f5bi1sj2p800000

2021-04-27 10:38:25 10481 3

原创 vue路由跳转传参

一、使用路由name跳转params传参, 此时刷新页面数据会丢失,地址栏不会显示参数信息.,如果想让参数显示在地址栏中可以在路由设计中路径后面跟:id;地址栏将会以/route-name/123456的形式展现。此时刷新页面数据也不会丢失。this.$router.push({ name: 'routeName', params: { id: '123456' }})目标页接收参数:this.$route.params.id二、使用path跳转quer

2021-04-15 10:01:26 658

原创 Vue权限验证(完整demo)

vue权限验证整体思路:1、登录身份验证拿到用户的token2、通过token拿到用户的角色信息(每个角色对应不同的权限,比如admin:超级管理员),3、拿到用户的角色信息后筛选权限相对应的路由信息,通过addRoutes添加路由整体思路说来简单,可是细节也很多。文章末尾有完整案例代码(客户端+服务器端), 先看下效果图,有图为证:语言表达能力有限,直接完整demo代码,运行前端项目之前先npm i --save 安装依赖,一定要先把服务运行起来。...

2021-04-15 09:52:32 787

原创 vue-devtools谷歌插件

链接:https://pan.baidu.com/s/1D27AzajlVR3ebWwYO5iKYA提取码:scdt

2019-09-09 20:50:53 107

原创 vue中clearInterval()清除定时器报timeout.close is not a function错误?

在vue中实现播放音乐时旋转光碟的功能时候使用到了定时器,在暂停播放音乐的时候清除定时器,但是发现报了一个奇怪的错误:在网上查了一下,发现报错的原因好像是vue中有自己内置的clearInterval()函数,和window中的冲突了,解决:指定clearInterval()为window对象的:window.clearInterval()就好了.....

2019-09-07 11:41:28 3117

空空如也

空空如也

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

TA关注的人

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