- 博客(11)
- 资源 (1)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 Vue使用WebSocket实现实时获取后端推送的数据。
上面的代码中，使用WebSocket连接到后端WebSocket服务器，通过监听onmessage事件，实时获取从后端推送来的数据。上面的代码可以发送字符串“hellow world”到后端WebSocket服务器。Vue可以使用WebSocket实现实时获取后端推送的数据。实时获取后端推送的数据便是如此，希望对你有所帮助！1.在Vue项目中安装WebSocket库。2.创建WebSocket连接。3.发送WebSocket数据。4.关闭WebSocket连接。
2023-04-24 16:58:17
3792
原创 echart图数据取最大值避免顶行
当然还有很大优化空间，但是我目前用的就这么多，所以就没有继续优化，如果有好的想法可以私信我。共同进步当然是最好的，处理的图入下。如果想用里面的数的话可以let max=this.selectMax(arr);
2022-10-10 11:04:13
830
原创 vue数字评分
html部分 <div class="list-item" v-for="(item, index) in invastigationList" :key="index" > <span class="list-item-title">{{ index + 1 }}、{{ item.title }}</span> <div class="vant
2022-05-26 17:11:35
426
原创 jq自定义单选框
1.html代码html代码段 <span class="radio"><span class="circle"></span></span>css代码段.radio { //外边框 display: inline-block; transform: scale(0.8); width: 18px; height: 18px; line-height: 16px; text-align:
2022-02-24 15:43:52
638
原创 echars饼状图的formatter
我们有时候需要在饼状图显示多个数据，但是默认的数据就是那几个如图：他会显示就是data中的name，和value。然而echarts是提供了方法，可以自定义显示的格式和数据： formatter: function(data) { return (data['name'] + "数量:" + data['value'] + "</br>"); }但是我们需要显示更多的数据，就需要要了解它的数据结构，以及它的...
2022-01-20 15:22:35
3760
原创 关于eCharts的随着屏幕的自适应
1.html代码也就是echarts的载体 <div id="cake"></div> <div id="line"></div>2.css代码这是自己设置盒子的大小，根具自己的需求改变大小 #cake{ width: 400px; height: 300px; } #line{ width: 400px ; height: 300px ; }..
2021-12-13 18:00:43
924
原创 自定义checkbox
先上效果图：html代码：代码粘过来太乱了影响视觉，就截个图 这个就是checkbox的框，其他的就是后面的文字及盒子；其他内容可以自行更改<span class="clause"><img src="../image/check.gif" alt=""></span>css代码：.clause { display: inline-block; margin-left: 3px; widt...
2021-11-09 17:51:30
1176
原创 css的优惠券
html的代码片段 <span class="tag">US$3 OFF</span>css样式.tag { position: relative; display: inline-block; padding: 2px 3px; margin-right: 2px; background-image: linear-gradient(to right, #e40949, #f84c5c); transform: scale.
2021-11-04 14:39:17
87
原创 如何使用vue-i18n
一、下载vue-i18n此处只展示npm下载npm install vue-i18n二、配置import Vue from 'vue'import App from './App'import VueI18n from 'vue-i18n' //引入vue-i18nVue.use(VueI18n)const i18n = new VueI18n({ locale: 'en', // 设置默认语言 messages: { 'zh': requ
2021-09-29 09:33:48
778
原创 有横线的areatext
html的代码： <view class="title" style="letter-spacing: 10rpx;"> <text>问题描述 </text> </view> <view class="complaint"> ...
2021-09-23 16:35:31
289
请问删除wamp后以前文件还可以恢复吗？
2022-03-11
使用vue-i18n的时候文字无法显示
2021-09-28
web_view和小程序互相传参怎么解决
2021-09-23
node无法安装提示系统过低
2021-07-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人