JocelynFung

2021年2月20日

摘要： 1.最简单的案例 var getInfo():string{ return "Josie" }； 2.传参案例 var getInfo(name:string):string{ return My name is ${name} }; 调用： getInfo("Jocelyn") 若传可选参数 va 阅读全文

posted @ 2021-02-20 15:33 JocelynFung 阅读(56) 评论(0) 推荐(0) 编辑

websocket在vue项目中的使用

摘要：之前与.net工程师联合实时通信，使用的是基于websocket封装的signalr，这几次是和java工程师合作，开始了在vue中使用websocket的体验。具体怎么配置，在此记录一下，以备不时之需。 1.package.json的dependencies中添加"sockjs-client"和" 阅读全文

posted @ 2021-02-20 10:16 JocelynFung 阅读(1301) 评论(0) 推荐(0) 编辑

typeScript中的变量数据类型

摘要：盘点typeScript中的变量数据类型： 1.布尔类型 var isShowComma:boolean=true; 2.字符串类型 var name:string="小舞"； 3.数值类型 var num:number=12345; 4.数组类型写法一： var arr:number[]=[1, 阅读全文

posted @ 2021-02-20 10:14 JocelynFung 阅读(191) 评论(0) 推荐(0) 编辑

2021年1月4日

echarts 中的1/4圆环行图的使用

摘要：最近，新来的ui小哥哥各种脑洞大开，给了a56爆大奖在线娱乐这样的设计图，一眼望过去，挺简单的，就是四个四分之圆的环行图组合在一起，两边就是各自的图例数据，再认真看一眼，发现这个图有点意思啊~~~ 之前做过这样的图：一个半圆，显示一个数据，但是现在这个不仅不是半圆，而且还不是显示一个数据而已，这圆应该是好处理的，阅读全文

posted @ 2021-01-04 17:15 JocelynFung 阅读(752) 评论(0) 推荐(0) 编辑

echarts半圆图的配置

摘要：上个项目，ui小哥哥，画了这样的设计图：看似非常简单，但是浏览一遍echarts官网，会发现没这个图可以直接配置使用，a56爆大奖在线娱乐又去万能的Gallery上浏览了。浏览了一遍，确实也没有一样的，但是有类似的，a56爆大奖在线娱乐们可以修修改改！关注了Gallery那么久，发现其实很多的图表是相通的，或者换句话说，图表是很灵阅读全文

posted @ 2021-01-04 16:04 JocelynFung 阅读(1828) 评论(0) 推荐(0) 编辑

2020年9月27日

echarts中的单条堆积图

摘要：公司自从来了一个新的ui小哥哥，总是给a56爆大奖在线娱乐出难题，这次又给了a56爆大奖在线娱乐这样的ui图，如下图，单条的堆积图！！！（为啥a56爆大奖在线娱乐今天写那么多随笔，因为项目一期已经完成，有新需求但还没谈好，摸了一会🐟之后还是想总结一下）回归正题，这个单条的堆积图，真的有点难做，echarts找了很多，都做不了，最后a56爆大奖在线娱乐又跑去新大陆ec 阅读全文

posted @ 2020-09-27 17:23 JocelynFung 阅读(451) 评论(0) 推荐(0) 编辑

封装一个简单的日历组件

摘要：随之做大屏的项目越来越多，echarts用得就越来越多，但是每一个项目都会有不同的挑战，因为并不是所有的需求都处理过，比如：ui小哥哥设计了一款日历组件，如下图：看到这个设计图，a56爆大奖在线娱乐首先就找了echarts官网中的日历图进行修改，但是改了一个下午一点进展都没有，在网上搜索也并没有找到相似的，最后，a56爆大奖在线娱乐阅读全文

posted @ 2020-09-27 16:41 JocelynFung 阅读(976) 评论(0) 推荐(4) 编辑

vue项目使用自适应布局投屏到物理拼接屏变形的处理

摘要：这段时间，一直在做一个大屏项目，它的需求是：物理屏幕（LED拼接屏）的分辨率为：6720*2160，大屏页面需满足：通过屏幕分辨率为1920*1080的PC的浏览器访问IOC大屏，接HDMI线投屏后，物理大屏可被填满，显示分辨率为6720*2160，不会出现图像拉伸或压缩。有了几个大屏经验的a56爆大奖在线娱乐们，阅读全文

posted @ 2020-09-27 11:49 JocelynFung 阅读(1975) 评论(0) 推荐(0) 编辑

echarts配置进度池

摘要：近日，使用dataV中的配置，完成了进度池图表，但是有有一个缺点，就是官方没有动画方面的配置。如下图：为了给这个进度池添加动画效果，a56爆大奖在线娱乐反向的在进度池上面铺一层由一格一格与进度池中相同的块状组成的与背景相同的格子，然后每一秒影藏一格格子，以达到进度格子一格一格显示出来的效果，同时用定时器设置每6秒重阅读全文

posted @ 2020-09-27 10:51 JocelynFung 阅读(960) 评论(0) 推荐(0) 编辑

2020年5月27日

vue项目中视频播放结束返回首页出现1秒左右的白屏问题

摘要： vue项目的性能优化问题，一直以来都是大家比较关注的。近日负责的项目中，使用了SignalR实时通讯，客户端中点击发起播放视频的请求到服务器，服务器接到请求后再调用前端的播放视频方法，以此来达到播放视频的功能，也可以通过服务器进行广播，以此让另一个客户端可以与之联动，从而达到多个客户端同一时刻由其阅读全文

posted @ 2020-05-27 12:02 JocelynFung 阅读(517) 评论(0) 推荐(0) 编辑

公告