自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 简单理解Vue权限路由通过router.addRoutes实现

首先创建页面A和页面B和404,假设A是不需要权限的页面,而B是需要有权限才能访问的页面,只有登录后的账户有权限才能访问在router中的index.js中配置路由import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'Vue.use(VueRouter)export let homeRouter = [{ path: '/', ...

2021-07-28 11:17:32 1391

原创 JS使用Object.keys遍历对象过滤空参数

Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。var arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']var obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Object.keys(obj)); // console: ['0', '1', ..

2021-07-28 10:13:36 2297

原创 前端OSS下载

下载ali-ossnpm i ali-oss下载函数: download() { // accessKeyId: 'XXXX从OSS后台获取', // accessKeySecret: 'XXXX从OSS后台获取', // bucket: '后台对应存储桶名称', // region: 'oss-cn-guangzhou //对应你的地区' const OSS = require("ali-oss"); const cl

2021-07-27 17:30:57 1558

原创 Vue+Element项目从前端实现OSS分片上传

首先下载ali-ossnpm i ali-oss在组件script中引入const OSS = require("ali-oss");<div class="mask" v-show="uploadMask"> <div class="delBox"> <div class="delBoxHead"> <p>{{ uploadTitle }}</p> </div> ...

2021-07-27 17:16:14 1133

原创 前端Vue项目实现钉钉扫码免登录

从前端实现的原理是引入二维码后,拿到返回页面的code,将code传到服务器获取数据库里的用户信息,匹配进行放行第一步:在钉钉开发者平台创建一个应用,拿到相对应的appId,测试时回调地址可以直接填自己本地在public 中的index.html引入钉钉依赖<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>在页面template中放一个盒子...

2021-07-27 16:17:03 2791 3

原创 VUE+element项目中多语言切换

VUE项目中基于vue-i18n做多语言切换首先下载vue-i18n 插件npm i vue-i18n在静态资源目录中创建中文翻译的json 文件zh_CN.json 和英文的翻译json 文件 en_US.jsonzh_CN.json:{ "menu":{ "home":"首页" }}en_US.json:{ "menu":{ "home":"Home" ..

2021-07-22 16:19:45 751

原创 UNI-APP APP应用强制更新及版本管理

第一步调用UNIAPP内置的uni.getSystemInfo方法获取系统类别,此处用到了条件编译,因为下面的方法只有在手机端才可适用 onLaunch() { //#ifdef APP-PLUS let that = this; uni.getSystemInfo({ success: (res) => { console.log(res.platform); if (res.platform == "android") { ..

2021-07-19 18:00:54 3841 1

原创 JS中解决商品属性组合、多数组单项合并

在商城类项目中,经常会出现多个商品属性,选择对应的属性有不同的价格显示这种属性在后台管理系统中动态配置,后台返回的商品属性如下 let ary= [{ proName: 'color', valueList: [{ value: 'red' }, { ...

2021-07-15 09:26:03 750

空空如也

空空如也

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

TA关注的人

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