会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
小韓烟柳
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
下一页
2021年5月24日
uni.request封装
摘要: 背景: 在此项目基础上,后台需要增加token进行验证,token过期自动跳转到登录界面。由于前期项目搭建未考虑这种情况,现在需要对每个接口进行重新改造。于是将uni.request进行二次封装。也方便后期使用。 在common/js下创建一个request.js文件 import store fr
阅读全文
posted @ 2021-05-24 15:49 小韓烟柳
阅读(1408)
评论(0)
推荐(0)
2021年4月25日
uniapp给照片加水印
摘要: 宽高除以3是因为在图片像素太大,则可能导致图片空白。 ios手机需设置destWidth和destHeight /** * 选择图片 */ chooseImage(flag) { uni.chooseImage({ count: 8, sourceType:['camera'], //选择图片的来源
阅读全文
posted @ 2021-04-25 17:42 小韓烟柳
阅读(1339)
评论(0)
推荐(0)
2021年1月26日
文件下载实现方法
摘要: 方法一: 适合后台服务器文件已存在,直接下载已有文件。 如附件上传后,再下载等情况 // GET下载文件 // url:下载链接,请求地址?参数名=参数 // fileName:下载名和格式 export function downloadFile(url, fileName) { const xh
阅读全文
posted @ 2021-01-26 10:50 小韓烟柳
阅读(162)
评论(0)
推荐(0)
前端登录和路由相关流程
摘要: 登录流程 双token验证流程 路由钩子beforeEach校验流程
阅读全文
posted @ 2021-01-26 10:49 小韓烟柳
阅读(50)
评论(0)
推荐(0)
从margin重叠到BFC的理解
摘要: 起因: 如图所示:在项目开发过程中,两个相同div之间同时设置外边距margin-top和margin-bottom为20px,我们期望两个div之间有40px的间距,但是出现的效果确是只有20px,不太符合我们的预期结果。 一. 为什么会出现这样的结果呢? 在网上查了下,给出了下面的折叠边距的计算
阅读全文
posted @ 2021-01-26 10:46 小韓烟柳
阅读(50)
评论(0)
推荐(0)
el-table之表格单元格合并
摘要: 一.多级表头 el-table多级表头实现比较容易,直接在el-table中嵌套使用el-table-column即可。 话不多说,直接上代码: <el-table class="table-cls" :data="tableData" :span-method="cellMerge" style=
阅读全文
posted @ 2021-01-26 10:43 小韓烟柳
阅读(1688)
评论(0)
推荐(0)
quill富文本编辑
摘要: 一. 什么是富文本编辑 传统的textArea输入框无法对输入的内容进行格式的转换,富文本编辑器的功能和word一样,可以输入的内容格式进行一些修改,可以添加图片等等,这种就叫富文本编辑器。如下图: 二. 安装依赖 npm install quill npm install vue-quill-ed
阅读全文
posted @ 2021-01-26 10:16 小韓烟柳
阅读(338)
评论(0)
推荐(0)
前端优化之gzip
摘要: 使用vue-cli构建项目,打包后发现文件体积很大,特别是第三方库文件,达到1.6M,在使用gzip压缩有,文件体积减少到600K左右。 第一步:安装compression-webpack-plugin插件 npm install compression-webpack-plugin 第二步:web
阅读全文
posted @ 2021-01-26 10:13 小韓烟柳
阅读(144)
评论(0)
推荐(0)
vue生命周期
摘要: 每个Vue实例,都会经过从创建到销毁的一系列过程,下图为vue官方提供的生命周期图解。 1.beforeCreate 初始化阶段,vue实例刚被初始化,this指向创建的实例,此时不能访问到data、computed、watch、methods上的数据和方法。该方法不常用,可初始化非响应式变量。 2
阅读全文
posted @ 2021-01-26 10:09 小韓烟柳
阅读(71)
评论(0)
推荐(0)
vue基础(2)
摘要: 十.Prop传值 父组件向子组件传deptId参数: <dynamic-report ref="DynamicReport" :deptId="deptId" /> 子组件在props中接收deptId参数后,就可用this.deptId访问: props: { deptId: { type: St
阅读全文
posted @ 2021-01-26 10:07 小韓烟柳
阅读(77)
评论(0)
推荐(0)
上一页
1
2
3
下一页
公告