- 博客(159)
- 收藏
- 关注
原创 解决echarts配置滚动(dataZoom)后导出图片数据不全问题
解决echarts导出图片只能导出可视区问题,解决echarts下载图片数据不全问题,解决echarts配置dataZoom后数据下载不全
2023-10-12 20:46:42 2804 8
原创 使用 Vite + Vue3 + Element-Plus + Pinia + Ts 搭建 Vue3 项目
最终,我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容,并决定实现它 取而代之的是新的建议。与 Vuex 相比,Pinia 提供了一个更简单的 API,具有更少的规范,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。与webpack搭建的是有些区别的,首先多了ts的配置文件,以及vite的配置文件vite.config.ts,还有vite呢拥有更好的打包编译性能。相当于组件中的 methods。
2023-06-20 23:41:33 3927
原创 uniapp中隐藏Android虚拟按键
### uniapp如何隐藏虚拟按键 ### vue如何隐藏虚拟按键### hbuilderx如何隐藏虚拟按键
2022-11-08 20:40:54 2522 5
原创 前端上传文件status状态为0?
#status=0#上传文件 #上传图片#请求接口status=0#Ajax post提交 上传图片到后台 返回 XMLHttpRequest status=0#前端上传文件status=0 #前端上传文件请求未发送#vue axios 上传接口返回status=0#nginx配置文件 #nginx默认上传文件大小
2022-03-04 23:45:56 5461
原创 使用Auto.js实现微信自动发朋友圈脚本
Auto.js官网直接上代码,不多介绍,如何运行脚本请自看官网教程onload()function onload(){ toast("测试自动发布") launchApp("微信") textFx()}function textFx(){ text("发现").findOne().parent().parent().click() textPyq()}function textPyq(){ text("朋友圈").findOne().par
2021-09-16 09:41:47 4949 1
原创 vue中使用keepAlive的坑
前言:vue中使用keepAlive数据不刷新,只缓存第一次进入的页面数据。需求:首页进入列表页,根据不同id刷新列表页面数据,列表页进入详情页,详情页返回列表页时不刷新。<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive> <router-view v-if="!$route.meta.keepAlive"><
2021-08-13 14:32:59 2614 2
原创 使用vue打包的App如何检测版本更新?
前言:本文章使用的是vue+h5+plus技术,结合hbuildx打包的App,实现在App中检测版本更新功能。下面贴码介绍:getVersion(){ zmitiUtil.Ajax('user/getVersion').then((res)=>{ console.log(res.data.version) this.url=res.data.version.url this.versionApp=res.data.version.version if(version.ver
2021-08-11 14:27:28 1455
原创 Hbuildx 使用vue打包的App实现微信支付功能
很多兄弟在做App微信支付的时候出现报错,code:62000? code:-1? code:-100? 那是你没看本博主的文章!前言:本文章使用的是vue+h5+plus技术,结合hbuildx打包的App,实现在App中微信支付功能。准备:1.AppidAppid需在微信开放平台中创建移动应用审核,审核成功后可查看Appid不要忘记获取微信支付能力,获取完在hbuildx的manifest.json文件中配置Appid打包的时候使用自有证书:安卓平台证书签名注意点:生成的证书信
2021-08-09 14:50:13 997 3
原创 Hbuildx 使用vue打包的App实现微信分享功能
前言:本文章使用的是vue+h5+plus技术,结合hbuildx打包的App,实现在App中分享页面到朋友圈以及好友。下面贴码介绍:<nut-popup v-model="isVisible" position="bottom"> 分享到 <div class="custom-wrap"> <div @click="shareWX('WXSceneSession')"> <img src="@/assets/images/weixi
2021-08-09 11:45:41 803 2
原创 前端鉴权+如何处理权限列表
前言在写后台管理时,我们根据不同用户的权限,给用户展示不同的页面,后台定义用户的权限数据,前端进行获取,并渲染在侧边栏导航上,称为鉴权,这是页面级的鉴权,以及按钮级别的鉴权,那么如何编码呢?思路:login(登录,所有人均可见) → 登录成功,获取权限 → 权限不同,侧边栏的数据展示不同先定义一份公共的路由表,里面仅有一些公共的路由,如 login,404获取到权限后,我们根据权限,得到需要动态添加的路由表,把这份路由表动态添加到router中即可。github地址:https:
2021-05-14 14:45:07 2784 17
原创 c3中calc()如何实现计算?
CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.isCalc { width: calc(100px + 50px);}c3 – calc()
2021-05-08 14:53:01 216
原创 iconfont的使用方式
iconfont 官网iconfont特点1、兼容性良好,支持ie8+,及所有现代浏览器。2、使用class来定义图标,替换图标时,只需要修改class里面的unicode引用。3、本质上是使用字体,所以多色图标不支持。如何使用下面随便找一个icon测试使用找到图标鼠标移入点击下载这么多使用方式,下面我要说的是使用class的方式使用首先把图标添加入库 点击添加项目,没有项目新建项目就ok了然后在查看在线链接的地方点击预览字体在预览字体中有相应的使用说明分如下三步骤:第一
2021-05-08 11:03:57 648 1
原创 CSDN 粉丝可见功能下架
今天在发布博客的时候发现粉丝可见选项消失了问过客服后得知 粉丝可见 功能于2021年3月19日下线,咱也是好几天没更新博客了
2021-03-25 15:30:02 713
原创 Vue CLI 最新v4.5.11 (实时更新)
1.创建项目 vue create 项目名这里有三个预设Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint)Manually select features # 手动选择功能第一个预设是我之前保存的,那么如何删除预设2.删除预设打开资源管理器,找到一个名为.vuerc的文件,里面保存着预设信息清除presets里面内容即可3.选择 Manually select feat
2021-02-22 16:16:06 1327 1
原创 svg如何使用
首先说一下svg的优势:SVG 意为可缩放矢量图形(Scalable Vector Graphics)SVG 使用 XML 格式定义图像svg 与 jpeg 和 gif 图像比起来,尺寸更小,且可压缩性更强。svg 是可伸缩的svg 图像可在任何的分辨率下被高质量地打印svg 可在图像质量不下降的情况下被放大svg 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)svg 可以与 java 技术一起运行svg 是开放的标准svg 文件是纯粹的 xml如何使用?svg教程 htt
2021-01-12 17:34:03 2939 4
原创 支付宝小程序map地图
我这里使用的mpvue去开发的支付宝小程序,这里记录下使用map地图的过程<map id="map" :longitude="lon" :latitude="lat" :polyline="polyline" :markers="markers" class="map" ></map>首先polyline路线在data中polyline: [ { point
2020-12-22 15:07:30 2550
原创 原生js实现数据分页展示
直接贴码~html部分<body> <!-- 列表 --> <table class="table table-hover table-striped" id="table_result"> <thead> <tr> <th>titieOne</th> <th>titleTwo</th
2020-11-22 22:54:43 534 2
原创 原生js实现选项卡效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m
2020-11-06 10:39:22 293
原创 原生js实现改变当前被点击元素样式,其他元素保持原来样式
实现思路:清除全部元素的class,然后只给当前被点击的元素加上class<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-11-05 17:57:49 3111
原创 vue遮罩层阻止滚动
给vue用fixed定位加一个遮罩层,滚动鼠标滚轮发现下面一层的页面随之滚动,那么如何阻止下层页面滚动?我这里给遮罩层加一个取消鼠标滚轮默认行为的事件<div class="popup" @mousewheel="mousewheel"> <div class="cen">弹框内容</div></div>mousewheel(e){ e.preventDefault();}...
2020-11-02 16:22:56 3010 3
原创 vue配置px自动转rem
首先安装npm install postcss-pxtorem --save-dev 或者 npm install postcss-pxtorem -Dnpm install lib-flexible --save然后在vue.config.js中配置module.exports = { css: { // 是否开启支持 foo.module.css 样式 requireModuleExtension: true, // css预设器配置项
2020-10-29 17:17:46 754 10
原创 解决vue打包后出现的.map文件
在vue.config.js中module.exports = { productionSourceMap: false, // 生产环境是否生成 sourceMap 文件,一般情况不建议打开}在设置了productionSourceMap: false之后,就不会生成map文件,map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。也就是说map文件相当于是查看源码的一个东西。如果不需要定位问题,并且不想被看到源码,就把pro
2020-10-29 16:40:41 2735 1
原创 解决vue打包后访问资源失败问题
在vue.config.js中配置module.exports = { publicPath: './', assetsDir: 'static', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 outputDir: 'dby', // 输出文件目录}
2020-10-29 16:12:55 1244
原创 vue 开启gzip压缩配置
1、安装:compression-webpack-pluginnpm install compression-webpack-plugin --save-dev2、vue.config.js配置const CompressionPlugin = require("compression-webpack-plugin");const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i;module.export
2020-10-29 15:54:55 420 2
原创 前端优化图片
项目中往往占用大小的是图片,那么如何优化?方法一:使用tiny https://tinypng.com/来张图片测试下~压缩前压缩后这里压缩后不会造成图片失真,但是如果静态图片非常多的情况下,还是会占用很大的孔家,因此这种方式也不完美 ~方法二:cdn的形式把你本地的图片发给自家后台,让他给你处理,然后反你一个链接,后面拼上图片名就ok了示例:<img src="https://cdn.b******op/topic/images/11.png" alt="">链接:
2020-10-26 16:55:45 169 2
原创 uniapp中scroll view高度适应问题
在uniapp中scroll view 需要给固定高度,根据不同手机高度不一样,scroll view高度不相同,uniapp中不能进行dom操作,如何让scroll view适应不同手机高度,计算好高度如何给scroll view 设置高度呢通过uni.getSystemInfoSync()获取窗口宽度和高度动态设置 scroll-view 高度 :style动态绑定height高度打印uni.getSystemInfoSync()这里获得的高度是物理高度px 如何转成rpx在cumput
2020-09-29 17:35:35 3596 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人