摘要：
vue项目中，如果遇到需要前端脚步写excel结构并且将样式等配置完全一比一下载导出成excel文件， 就必须介绍一下这几天用到的插件 xlsx 与 xlsx-style。 首先，自然是下载依赖： npm install xlsx xlsx-style --save 依赖下载完之后，引入使用，这里有 阅读全文
posted @ 2022-03-18 12:17
JocelynFung
阅读(2250)
评论(0)
推荐(0)
摘要：
前端写页面的时候，对于一些标题，副标题等，都是直接写死，因为一般情况都不会有什么变化，如果有一些规则描述需要修改的，可能也就代码修改后，重新发布， 有些麻烦，为了避免每次都需要代码中修改，直接将这些变动频繁的数据放到json中，前端获取json中的数据进行赋值，这样就可以通过维护json直接更新修改 阅读全文
posted @ 2022-02-17 17:50
JocelynFung
阅读(2105)
评论(0)
推荐(0)
摘要：
svg中的标签都是xml格式，因此可以直接把他们当做dom来进行操作。 在操作生成svg内部的新标签的时候，与普通dom的createElement又有一定的区别， 例： 创建一个矩形，创建文本，如果希望文本显示在矩形之上，那么后面创建的默认z-index会高于先创建的。 var rect = do 阅读全文
posted @ 2022-01-26 10:15
JocelynFung
阅读(187)
评论(0)
推荐(0)
摘要：
var data = []; for (let i = 0; i < 5; ++i) { data.push(Math.round(Math.random() * 10)); } var xData2 = ['A', 'B', 'C', 'D', 'E']; var data1 = [100, 10 阅读全文
posted @ 2022-01-18 15:28
JocelynFung
阅读(75)
评论(0)
推荐(0)
摘要：
let angle = 0;//角度，用来做简单的动画效果的 let value = 55.33; option = { backgroundColor:"#061740", title: { text: '{a|'+ value +'}{c|%}', x: 'center', y: 'center 阅读全文
posted @ 2022-01-18 15:23
JocelynFung
阅读(51)
评论(0)
推荐(0)
摘要：
var xData = ["A", "B", "C","D","e"] var data = [55, 40, 77,57,20] var percent = [21,28,51,35,15] // let chart = this.$echarts.init(this.$refs.belongSi 阅读全文
posted @ 2022-01-18 15:19
JocelynFung
阅读(517)
评论(0)
推荐(0)
摘要：
data = [{ name: 'user1', value: 10, }, { name: '46545132', value: 20, }, { name: 'user3', value: 64, }, { name: 'user4', value: 44, } ]; getArrByKey = 阅读全文
posted @ 2022-01-18 15:15
JocelynFung
阅读(157)
评论(0)
推荐(0)
摘要：
面试必问的经典问题，有时候不准备准备，就只记得hash多一个# 丑不拉几，而history相反，其余细节都忘记了。 日常使用已有框架或者公司内部构建好的框架，往往只需要直接继续往下画页面，写功能就可以了，久而久之，就越来越模糊了。 这次的项目，原本不想要#在路由中，使用了history，开发的时候一 阅读全文
posted @ 2022-01-12 16:02
JocelynFung
阅读(233)
评论(0)
推荐(0)
摘要：
这段时间在忙活企微项目内嵌h5，由于该项目主要用于展示，而不是交互，因此需要关闭企微内部默认开放的一些按钮功能，如：复制链接，分享朋友圈，分享QQ等等。 因此需要调用官方原生api，关闭这些功能按钮。 跟着官方文档进行配置，步骤如下： 1.引入使用官方api的js <body> <div id="a 阅读全文
posted @ 2022-01-12 14:58
JocelynFung
阅读(437)
评论(0)
推荐(0)
摘要：
sprite 制作标签的优点就是无论旋转到什么角度，sprite所制作的标签上的文字都是正对着相机。 实现思路： 通过canvas生成图片，然后设置精灵纹理贴图。 // 制作区域标签 使用精灵图 function showSign(wid, hgt, textword, ww, wh, cvsPos 阅读全文
posted @ 2021-10-12 14:30
JocelynFung
阅读(2425)
评论(0)
推荐(0)
浙公网安备 33010602011771号