- 博客(33)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uniapp echarts 适配H5与微信小程序
uniapp 微信小程序使用echarts，这篇文章目的为提供一个同时兼容H5和小程序的echarts组件，在使用时尽量减少心智负担。initChart。
2023-10-04 14:09:06
1544
4
原创 uniapp 微信小程序使用echarts
还可以考虑进一步修改，将initChart方法的相关逻辑放在ec-canvas.vue自身去处理。还可以通过条件编译的方式，实现一个echarts组件同时适配H5与微信小程序。当然你也可以直接使用现成的uchart或者市场里别人封好的echarts.本文目的：通过分包的方式，尽可能在微信小程序中使用最新的echarts。这些视情况，放到下一次讲。
2023-09-25 13:06:04
1761
8
原创 uniapp echarts 点击失效
这个问题网上搜了一堆，有的让你降版本，有的让你改源码。都不太符合预期，目前我的方法可以用最新的echarts。这个方法就是由npm安装转为CDN，当然你可能会质疑用CDN这样会不稳定，那如果CDN的地址是本地呢？
2023-08-03 17:22:43
1283
原创 electron 打开本地文件夹
使用的api为`shell.openPath`,有些文章会提到`shell.openItem`，这个方法在`electron 9.0`后就废弃被`openPath`替代了。
2023-07-27 15:15:21
4102
原创 uview 封装u-popup 支持v-model
是用来处理业务的，比如在这个popup里面展示里面，点击列表中的一项，需要关闭popup，甚至返回所点击项对应的数据。是因为close的逻辑会执行两遍，有兴趣的可以自己去尝试，写一个。就是第一点的代码，最后简单说明下思路，不使用。
2023-04-26 13:16:09
412
原创 uniapp上传文件后缀名丢失
因为uniapp不支持H5的录音，所以要靠自己去实现，这里用的是依赖库做实现，调用uni.uploadFile时发现文件后缀丢失的问题，例如我要上传一个文件名为：test.mp3，传到服务器后就变成了test.或者test，反正都把后缀名丢了，这里也去uniapp社区逛了，试下来发现都不行，官方没有提供好的解决方案。因为uni本身就提供请求相关的api，所以不想为了一个上传再单独引入axios这样的依赖库，所以决定使用。接下来别急着去调这个方法，先得搞清楚需要上传的文件在JS中变成了什么类型，
2023-04-02 21:42:09
1154
原创 vue-query 初探
vue-query，类似于vuex/pinia，以缓存为目的，但侧重的是对网络请求的缓存。这是我预想的使用场景：假设在各个页面都需要发起相同的请求，去获取数据，而这种数据在一定时间内不会发生变化，那么这种请求数据是可以被缓存下来的。当然，用法不止于此，你也可以去缓存分页数据、查询数据…
2023-01-30 17:35:56
2459
3
原创 Vue Provide / Inject 传递动态数据
Vue2.X写法父组件export default { provide() { return { // 如果是静态的，可以不返回方法 // test: this.test test: ()=> this.test } }, data() { return { test: 1 } }, created() { setTimeout(() => { this.test = 2 },2000) }}..
2022-05-19 09:45:08
2079
1
原创 基于Typescript泛型(generics)简单封装axios
首先创建axios的实例：import axios , { AxiosRequestConfig, AxiosResponse } from 'axios'const axiosInstance = axios.create()然后就是核心方法了：function Request<T = unknown, R = AxiosResponse<T>>( configParam: AxiosRequestConfig) { return axiosInsta.
2022-04-22 19:30:27
2463
原创 nvm安装·管理node.js版本（npm）
前提：需卸载自己电脑上的node.js，我是win10，直接应用里找到卸载就好了。其余以及nvm的一些命令参考：菜鸟教程
2021-11-23 08:48:13
604
1
原创 el-table表格 与 el-calendar日历 打印
打印效果如下：当然马赛克打不出来的哈el-calendar:日历注：这个1号，是得自己修改的哈，详见el文档el-table:表格el-calendar打印方法：printCalendar(id = 'needPrint', dayHeight = '95') { // 空页面 let printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; c
2021-11-15 10:32:26
1006
原创 云服务器 nginx 部署多个Vue项目
本篇文章不提供如果在服务器上安装nginx以及Vue打包，相关内容请参考我另外一篇文章：[将Vue项目部署到服务器](https://blog.csdn.net/qq_43345846/article/details/109724223?spm=1001.2014.3001.5501)注：我的Vue-cli版本为4.5+，如果不是4+的版本，那可能文件位置有所不同，仅作参考。前提：我们需要配置两个vue项目，一个是直接用IP或者域名就可以访问，一个后面还接着/test。第一个Vue项目访问地址：www
2021-11-15 09:42:33
3799
4
原创 小程序uniapp-uview之封装u-cell/u-loadmore的简单上拉分页列表
一.组件内容Props参数说明data列表的请求数据page-info是对象，{page:1,size:1}total-pages总的页数Event事件名说明change-page列表分页请求，$emit参数为page（请求为哪一页）HTML<template> <view> <u-cell-group> <slot></slot> <
2021-08-09 10:02:27
2796
原创 uview的Collapse的动态刷新问题
简单的说就是通过网络请求、延时等异步操作获取数据后，数据不会展示出来，我先来重现一下：html部分<template> <view> <u-collapse> <u-collapse-item title="下面循环的数据展示不出来" open> <p>写死的p标签</p> <p v-for="(item,index) in testData" :key="index">{{`p标签循环$
2021-07-16 17:00:45
4609
7
原创 云服务器安全(centos)之配置window下的SSH密钥免密登录
一.本地生成公私钥在cmd命令行中输入：ssh-keygen -t rsa后缀解释：-t 密钥类型-b 生成的密钥长度,默认为3072-C 备注，可以填邮箱之类的，要带上引号一路回车就好了，生成好是长这样子的：在用户文件夹下的.ssh文件夹生成(C\Users\[你的用户名]\.ssh)，.ssh可能是隐藏文件夹（自行百度）id_rsa 私钥 / id_rsa.pub 公钥二.修改服务器ssh的相关配置编辑/etc/ssh/sshd_config,有#注释的去掉，没有的加上。RS
2021-06-28 14:28:21
522
原创 vue echarts 图表数据导出excel
注意：该文章基于vue-cli4.5，vue-cli3以上都可以啦。首先是依赖的准备：jquery与jquery-table2excel-1.1.2引入jquery安装jquerynpm install jquery --save观察package.json中的dependencies是否有jquery在 .eslintrc.js 中，添加jquery:truevue.config.js 是这么写的，因为我是新项目，还没有这个文件，所以就是引入jquery相关的配置了:c
2021-06-01 16:17:59
2532
5
原创 axios get携带数组请求 post form-data请求 数组请求
注：默认已经install与引入qs1.POST一 .json请求，那么就不需要修改什么。二.form-data或x-www-form-urlencoded请求：可以在发送请求的时候加上：this.axios({ url:'请求地址', method:'post', data: {'key':'值'}, transformRequest: [data => { return this.qs.stringify(data) }]})或者可以
2021-05-25 10:55:12
1422
原创 axios的同步请求及Promise与Async/Await
1.axios的同步请求注：我的代码是在vue 中的。步骤一先写一个用axios请求的方法在methods中，并将其用return返回。我这里请求的是本地静态文件，网络请求亦同理。Test() { return this.axios({ url: '/test.json', method: 'get' }).then((res) => { console.log('这是Test方法') }) }
2021-05-25 10:04:16
9716
1
原创 git ssh 本地多账号 window
前提：默认已经安装git了。步骤一：右键选择Git Bash Here步骤二在弹出的命令框中设置git本地的用户名、邮箱、密码，一行一回车。git config --global user.name 'userName' // 这个感觉改不改问题不大，就是本地上传远程时，commmit上显示的。git config --global user.email 'email' // 登录邮箱,github和gitee，我都是邮箱时用户名的，这个一定得改git conf
2021-04-27 09:46:42
230
原创 uchart 混合图增加折线上的标记点
发现启用【dataPointShape:true】，对混合图是无效的。最后发现是要在chartData.series里面，给折线图对应的obj加上addPoint:true就好了。这个还挺有用，官网动态文档series: [{...其它类型的图表},{...折线图的其它属性addPoint: true}]...
2021-03-15 08:22:09
1259
原创 uchart 改变显示数量
下图是还未修改的混合图：本来是想通过改变柱状图的width，来使显示的数量增多,这个extra属性是在new uCharts实例里面，可以看官方文档说明：地址extra: { column: { width:20 }}这样修改之后，结果显示的数量不会增加，如下图示：那么怎么去增加显示的数量呢？修改下面这个属性就好xAxis: { ---其它键值 itemCount: 5}这个也是在new uCharts实例里,因为之前代码是直接从官网copy过来，itemCount的值是
2021-03-12 09:37:09
936
原创 uchart pie 饼图 显示series中配置的数据(series.data)而不是百分比
一般的uchart饼图是长下面这样的：而需求却是要饼图长成下面这个样子：也就是不展示百分比，展示series.data里面的数据咯。话不多说，开整。简简单单的一步，就到位了。showPie(canvasId, chartData, _self) { //核心就下面的for循环，为每个series加上format for(let key in chartData.series) { chartData.series[key].format = (val) =>
2021-03-11 16:16:49
3818
10
原创 Vue element input 双向绑定 修改对象的值无效
看了这位老哥截的官方文档的一句话就瞬间开朗了：借鉴的文章Vue官方文档解释我直接说说，是什么操作导致的无效：我把一个对象赋值给data中的obj（真实情况是，我通过请求进行赋值）：data() { return { obj:{} }},fun(){ this.obj = {test:'1'}}但是我需要给这个obj，添加新的键值，所以在赋值结束之后，我又添加了一个属性fun(){ this.obj = {test:'1'} this.obj.newkey = 'new'
2021-03-09 14:43:35
4165
原创 HBuilder X 微信小程序 uni-app 调试 (二)
在一中所提到的方法，发现在Mac系统中尚未实装，所以再展示一个调试的方式。调试一的地址步骤1：确保这里是没有打上勾的，也就是说不对代码进行压缩。步骤2：还是步骤1的截图位置，选择第一个微信开发者工具，对，这次的调试是放在微信开发者工具，或者可以点击下图的位置步骤3：按F12开启如谷歌浏览器一样的界面，如下图选择：步骤4输入你想要调试的文件名步骤5：在你想要调试的地方点击左边的数字即可！注意：前提一定不能勾选上运行时是否压缩代码的选项，否则代码会堆到一起，一行很长很长的
2021-03-09 13:54:47
1108
原创 HBuilder X 微信小程序 uni-app 调试（一）
今天突然发现怎么调试的，没去看官方怎么说明。废话不多说！开整！步骤1：打开内置浏览器步骤2:找到需要打断点的位置，点击行数旁边的空白部分点击后会有一个小红点步骤3:在小红点上鼠标右击，选择【同步断点到内置浏览器】就可以愉快地开始调试啦！顺带说一句，CSDN是瞧不起Hbuilder么，文章标签都没有。。。...
2020-12-28 15:19:54
4745
3
原创 js axious 前端 请求多个相同参数名传值
网上查到的方法都是说，把一样的参数名变成一个数组像下面这样：properties:[ 'number1' , 'number2' ]我用的是axious发GET请求，发出去之后变成这样了：properties[]=number1&properties[]=number2不知道是不是要在拦截器或者头那里加点东西。最后我试出一种办法，用现成的就好，现在自己的vue项目里把qs装上。npm install qs 我是在全局的main.js里引用过qs了，然后这样使用/.
2020-12-24 09:29:55
2373
原创 uview的select组件选择问题
比如我有两个值：[{label:'选项1',value:0},{label:'选项2',value:1}]当我第一次点击选项2时，@confirm返回的label是选项2，当我再次点击选项2时，返回的 label会变成选项1。这是html部分：<button @click="showList = true"><button><u-select v-model="showList" :list="List" @confirm="select">.
2020-12-24 08:21:29
16499
17
原创 将Vue项目部署到服务器上
这里使用两种方式将项目部署到服务器上，nginx和nodeJS(pm2进行管理)，主要记录一下。一.准备服务器系统：CentOS71.将Vue项目进行打包在项目根目录的命令行中输入npm run build2.打包完成打包完成后，会在项目根目录生产dist文件夹，我们到时需要将这个文件夹丢到服务器上。二.使用nginx部署参考教程：https://www.cnblogs.com/boonya/p/7907999.html安装所需环境Nginx 是 C语言 开发，建议在 Linux
2020-11-16 16:34:12
1809
原创 Android Studio 简单构建Apollo GraphQL
额 第一次发帖子 排版可能不太OK 见谅哈在网上搜了一下，好像是没有具体的关于这方面的内容，有也是直接拿翻译的，所以感觉是从坑里爬出来后，就想写一写给需要的人吧，当然楼主是初学者，所以有不对的地方尽量提出哦！（还有楼主的这个是访问github的graphql哦）先说一下参考的一些网址把Apollo GraphQL 的文档 https://www.apollographql.com/docs...
2019-05-28 15:57:16
1319
5
Andorid 通过AlertDialog添加listview
2018-11-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人