JocelynFung

2021年2月20日

摘要：上一篇随笔复习了一下es5中的类，这一篇随笔记录一下ts中的类简单demo演示语法 class Animals { //1.class关键字写父级 name:string; constructor(name:string){ //2.必备构造函数，也是实例化类的时候触发的方法,与react中的类语阅读全文

posted @ 2021-02-20 17:25 JocelynFung 阅读(184) 评论(0) 推荐(0)

Es5中的类

摘要： es5中的类语法：简单案例： function Person(){ //构造函数 this.name="Josie"; this.age=12 } var p = new Person() console.log(p.name) 输出 Josie 若在构造函数与原型链中添加方法 //构造函数中添加阅读全文

posted @ 2021-02-20 16:21 JocelynFung 阅读(180) 评论(0) 推荐(0)

typeScript中的函数

摘要： 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 阅读(83) 评论(0) 推荐(0)

websocket在vue项目中的使用

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

posted @ 2021-02-20 10:16 JocelynFung 阅读(1352) 评论(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 阅读(214) 评论(0) 推荐(0)

2021年1月4日

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

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

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

echarts半圆图的配置

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

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

2020年9月27日

echarts中的单条堆积图

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

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

封装一个简单的日历组件

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

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

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

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

posted @ 2020-09-27 11:49 JocelynFung 阅读(2338) 评论(2) 推荐(0)

公告