Fontend-前端
文章平均质量分 52
前端的学习记录
lankerxd
这个作者很懒,什么都没留下…
展开
-
uniapp 微信小程序使用echarts
还可以考虑进一步修改,将initChart方法的相关逻辑放在ec-canvas.vue自身去处理。还可以通过条件编译的方式,实现一个echarts组件同时适配H5与微信小程序。当然你也可以直接使用现成的uchart或者市场里别人封好的echarts.本文目的:通过分包的方式,尽可能在微信小程序中使用最新的echarts。这些视情况,放到下一次讲。原创 2023-09-25 13:06:04 · 2381 阅读 · 8 评论 -
uniapp echarts 点击失效
这个问题网上搜了一堆,有的让你降版本,有的让你改源码。都不太符合预期,目前我的方法可以用最新的echarts。这个方法就是由npm安装转为CDN,当然你可能会质疑用CDN这样会不稳定,那如果CDN的地址是本地呢?原创 2023-08-03 17:22:43 · 1530 阅读 · 0 评论 -
electron 打开本地文件夹
使用的api为`shell.openPath`,有些文章会提到`shell.openItem`,这个方法在`electron 9.0`后就废弃被`openPath`替代了。原创 2023-07-27 15:15:21 · 5507 阅读 · 0 评论 -
uview 封装u-popup 支持v-model
是用来处理业务的,比如在这个popup里面展示里面,点击列表中的一项,需要关闭popup,甚至返回所点击项对应的数据。是因为close的逻辑会执行两遍,有兴趣的可以自己去尝试,写一个。就是第一点的代码,最后简单说明下思路,不使用。原创 2023-04-26 13:16:09 · 505 阅读 · 0 评论 -
vue-query 初探
vue-query,类似于vuex/pinia,以缓存为目的,但侧重的是对网络请求的缓存。这是我预想的使用场景:假设在各个页面都需要发起相同的请求,去获取数据,而这种数据在一定时间内不会发生变化,那么这种请求数据是可以被缓存下来的。当然,用法不止于此,你也可以去缓存分页数据、查询数据…原创 2023-01-30 17:35:56 · 2788 阅读 · 3 评论 -
JS 循环发起请求
写在前面:要求是等上一个请求完毕之后,再发起下一个请求。一般用不到,写的时候,发现forEach不行,得用for。原创 2022-10-06 21:14:18 · 4985 阅读 · 0 评论 -
JS 判断是否是本周
判断是否是本周原创 2022-06-23 14:19:31 · 1227 阅读 · 2 评论 -
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 · 2339 阅读 · 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 · 2518 阅读 · 0 评论 -
nvm安装·管理node.js版本(npm)
前提:需卸载自己电脑上的node.js,我是win10,直接应用里找到卸载就好了。其余以及nvm的一些命令参考:菜鸟教程原创 2021-11-23 08:48:13 · 672 阅读 · 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 · 1085 阅读 · 0 评论 -
云服务器 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 · 3883 阅读 · 4 评论 -
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 · 2720 阅读 · 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 · 1541 阅读 · 0 评论 -
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 · 10350 阅读 · 1 评论 -
axios vue 获取本地静态文件
这是空的原创 2021-05-24 16:46:45 · 3012 阅读 · 6 评论 -
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 · 4336 阅读 · 0 评论 -
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 · 2587 阅读 · 0 评论 -
将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 · 1901 阅读 · 0 评论