- 博客(393)
- 收藏
- 关注
原创 地图上显示车辆以及路径规划以及弹窗
/ 展示液压车辆// 点标记显示内容,HTML要素字符串i * 45 +'deg);width:50px;// 将 html 传给 content// 以 icon 的 [center bottom] 为原点});// 将 markers 添加到地图});});
2024-07-15 17:48:44
283
原创 解决富文本中抖音视频无法播放的问题——403
default :若当前页面使用的是 https 协议,而正要加载资源使用的是普通的 http 协议,则将 http header 中的 referer 置空;never :删除 http header 中的 referer,所有从当前页面发起的请求将不会携带 referer;referer 的 metadata 属性可以设置 content 属性值为以下。always :不改变 http header 中的 referer 的值;no-referrer:没有referer;
2024-06-07 15:07:39
616
原创 vue2+element-ui 实现OSS分片上传+取消上传
遇到问题:项目中需要上传500MB以上的视频。一开始使用上传组件el-upload,调用后台接口,但是出现了onprogress显示百分百后接口一直pending,过了很多秒后接口才通,如果遇到大文件的话,接口就会报超时。解决办法:使用阿里云OSS的分片上传。调用OSS时报No’Access-Control-Allow-Origin’的错误一定要设置跨域规则!!!否则会报No’Access-Control-Allow-Origin’的错误。
2024-04-03 17:37:46
500
原创 element小坑合集
组件默认选中项会受动态更新的影响进行变更,所以在动态的el-radio-group中增加key值,无论是增加或是删除,都对其进行强制刷新。数据量小的时候问题还没有暴露,当数据大概有几千条时,点击全选时页面需要大概需要三四秒,单选、移动操作也是如此,对于用户来说体验感很差。问题:需要回显已选的ids,使用中间变量(操作数据),回显有问题,分页回显有时不成功。方法,可以显式地告诉Vue,某个属性的值已经发生了变化,从而触发视图的更新。例如:有个多选框绑定的是个数组,后台需要把多选的数组变成用逗号分隔的字符串。
2024-03-07 14:09:22
898
1
原创 文生图项目总结
采用父盒子 flex:center,内层盒子居中显示:横图可以,超高竖图顶部会有遮挡;所以判断竖图就定义宽90%,高度auto根据图片比例动态计算宽高,动态设置内层盒子的宽高;盒子里放图片和文字假如是9:16 的图片,固定一个高度,计算固定宽度;其他比例宽度为手机屏幕宽度,高度计算。
2024-02-28 10:48:44
899
原创 十五、vue3+ts项目框架搭建——环境变量和代理跨域及api的定义
在根目录下新建三个环境变量配置文件 .env.development(开发环境).env.test(测试环境).evn.production(生产环境)分别定义开发环境、线上环境和测试环境的变量webpackVUE_APP_TITLE = 学企来# 开发环境配置# 路由懒加载vite:默认只有 VITE_ 开头的变量可以被访问。
2024-02-18 09:57:13
611
原创 十三、vue3+ts项目框架搭建——登录、退出登录逻辑梳理
登录登录之后存储token在pinia,在请求头传递token拿到token之后获取用户信息,存储在pinia跳转首页(或退出登录时携带的路径)退出登录掉接口告知退出登录清除跟用户有关的store数据跳转登录页并携带参数:当前路径(下次登录可直接跳转到退出前的页面)
2024-02-18 09:55:59
399
原创 十、vue3+ts项目框架搭建——根据菜单动态生成面包屑route.matched
【代码】十、根据菜单动态生成面包屑route.matched。
2024-02-18 09:54:18
413
原创 六、vue3+ts项目框架搭建——全局配置文件的定义和使用
/用于项目logo|标题配置title: '硅谷甄选运营平台', //项目的标题logo: '/public/logo.png', //项目logo设置logoHidden: true, //logo组件是否隐藏。
2024-02-18 09:50:57
475
原创 四、vue3+ts项目框架搭建——pinia
在store文件夹下新建user.jsdefineStore定义一个store第一个参数是你的应用中 Store 的唯一 ID第二个参数可接受两类值:Setup 函数或 Option 对象仓库最好使用 store 的名字,同时以use开头且以Store结尾。(比如})
2024-02-18 09:49:46
706
原创 三、vue3+ts项目框架搭建——路由
安装指令 pnpm install vue-router配置路由文件 /src/router/index.ts路由文件单独提取src\router\index.ts//通过vue-router插件实现模板路由配置import { createRouter, createWebHashHistory } from 'vue-router'import { constantRoute } from './router'//创建路由器const router = cre
2024-02-18 09:48:57
638
原创 二、vue3+ts项目框架搭建——必备工具
在src文件夹目录下创建一个index.ts文件:用于注册components文件夹内部全部全局组件!!!})在mian.js配置。
2024-02-18 09:48:08
1214
原创 一、vue3+ts项目框架搭建——规范
eslint针对的是javascript,他是一个检测工具,包含js语法以及少部分格式问题,在eslint看来,语法对了就能保证代码正常运行,格式问题属于其次;会在根目录下生成个一个.husky目录,在这个目录下面会有一个pre-commit文件,这个文件里面的命令在我们执行commit的时候就会执行。对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用。当我们对代码进行commit操作的时候,就会执行命令,对代码进行格式化,然后再提交。
2024-02-18 09:47:07
1774
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人