- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue+vite+宝塔 项目打包上线云服务器详细过程（含echarts数据请求跨域问题）
又是心情异常复杂的一篇文章，但是万事开头难，还是超级开心啊哈哈哈哈哈哈哈！这是自己写的一个小项目，基于vite创建，包含了echarts调用api请求数据，所以里面涉及到了跨域问题困扰了我很久！
2022-11-26 22:17:29
1957
原创 vue axios并发请求 【 解决echarts报错Cannot read property ‘getAttribute‘ of null】
在写中国地图和世界地图切换的时候，由于要两次进行网络请求调用api，而echarts渲染又不能多次渲染，所以就报了这么一个错误：echarts.js Uncaught TypeError: Cannot read property ‘getAttribute’ of null错误原因分析：解决方法：让两个请求都调用完，在进行渲染——执行多个并发请求官方示例：使用axios配合axios.all()、axios.spread()同时发送多个请求，axios.all()并发执行两个请求，两个请求执行完成
2022-11-17 20:40:55
648
原创 vue3+vite+echarts疫情地图（visualMap优化版）
，使用的是itemStyle对象结合了一个setColor自定义函数来进行数据的区间判断并且显示的，但是发现其实可以用visualMap这个映射组件来直接配置颜色。
2022-11-13 22:26:56
654
原创 vue3+vite+echarts疫情地图
在echarts.js文件中设置tools对象并导出，在其中可以定义多个函数，此处的chinaMap就是其中的一个图形，这里传入了两个参数，第一个id是这个地图所占据的盒子，第二个data是对地图渲染的数据（也就是关于疫情的数据），其中init初始化语句和最后的setOption语句是必要的，详细的使用方法可以看echarts官网，中间的option部分就是自己关于地图的配置，图形的data直接把传入的data赋值即可。因为这里使用了中国地图，所以需要在main.js文件中额外添加一句，表示引入中国地图。
2022-11-13 21:14:07
1329
原创 vue3+vite项目跨域配置（踩坑无数篇）
写这篇多少有点心情复杂，毕竟因为一个巨巨巨巨没意思的bug卡了两整天…废话不多说啦，开篇入题叭，希望大家都能改好自己的bugggggg！！！
2022-10-25 10:20:58
7291
3
原创 vue之（vue-cli和vite）环境搭建与项目创建
详细的选择过程就不放在这里了，需要的可以戳这篇https://blog.csdn.net/weixin_44882488/article/details/124220864。检查是否安装了cnpm, 用以下命令查看一下你是否安装了cnpm。安装完成以后查看安装的版本（显示版本号说明安装成功）选择对应创建条件，创建成功后cd到项目文件夹下面。出现版本号则说明安装成功（最新的以官网为准）进入任意一个想要创建项目的文件夹输入。安装完成后使用以下命令查看版本号。vue create “文件名”
2022-10-18 20:30:44
708
原创 小程序之状态栏显示及切换
本文主要介绍的是小程序上方导航栏的显示和切换，可以适用于商城类的商品展示主板块、活动类的活动展示等等，先上代码~~（后面有关于代码的思路介绍，着急的可以略掉）wxmlwxssjs思路讲解1.状态栏的显示以及当前页面的识别在js文件中设置一个下标current指向当前所处的状态栏的位置，从左向右分别为0-3。使用data-id绑定当前的状态页下标，使用catchtap绑定点击函数。当用户点击当前页面时，可以通过event.currentTarget.dataset.id获取到当前所在页，并将这
2022-10-04 19:45:25
558
原创 小程序之组件+轮播图
以实战的角度详细捋一遍小程序，这里是第一站！！用组件的使用和书写思路完成简单的轮播图，涉及的小知识点比较多，包括组件的引入、基础小程序语法、数组的添加等等，灰常完整！！
2022-08-18 14:03:22
894
原创 HTML+CSS之选择器
CSS选择器是CSS规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。选择器所选择的元素，叫做“选择器的对象”。一 基本选择器1.1 通配符选择器（*）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素//选择文档中的所有元素*{ margin: 0px; padding: 0px; } // 选择demo容器下的所有元素.demo * { border:1px solid blue;}
2021-09-21 15:40:28
773
原创 HTML+CSS之flex（弹性）布局
HTML+CSS之flex（弹性）布局为解决传统布局繁琐且不易实现特殊布局的劣势，W3C提出了一种新的方案——flex布局，全称是flexbox（flexible Box），即弹性盒子。容器里的项目布局大小是未知或者是动态(弹性)的，几乎可以简便、完整、响应式地实现各种页面布局。一 基本概念flex容器（flex container）：简称”容器”，即采用Flex布局的元素。flex项目（flex item）：简称”项目”，flex容器内的所有子元素自动成为容器成员，即为flex项目。主轴（m
2021-06-14 00:56:49
603
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人