团团的开发日记
文章平均质量分 60
STRIVE_LC
路还很长,你还未老
展开
-
常用js封装方法,持续更新
// 数组去重function unique1(arr) { return […new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) { obj[ele] = true; return true; } })}function unique3(arr) { .原创 2021-10-27 00:14:29 · 516 阅读 · 2 评论 -
谈谈前端技术预研
当你接到项目某一期的需求时,其中有一个3D地图技术难点,首先你会想到的会是怎么做呢?项目组成员不到几秒钟就不假思索道用webgl、d3等常见的一些技术,那么问题来了说都会说,实际上做是否可以像说的一样简单呢 我们前端可能涉及到可视化方面的开发大多都是一些地图及其下钻,柱状图,雷达图,折线图表等,但可能突然某一天你就接到了一个3Dd地图的可视化需求,准确分析了需求的意图后,你去网上搜了下,找到了最火的 echarts,但是从效果上来看,明显不可能随便三两下就能实现的了,可能...原创 2021-10-18 23:47:57 · 1018 阅读 · 0 评论 -
浏览器标签页favicon设置数字角标
不管是在B/C端系统中,例如具有审批流或者购物网站的订单页面,我们可以将当前待办数或者用户的订单数显示到浏览器的标签页图标上,虽然只是一个小小的功能,但是也能让系统显得与众不同,更加人性化 如下图浏览器标签页数字角标 安装 yarn add favico.js -S 拿常用的vue项目举例,一般情况下,我们整个系统中只有部分页面需要显示角标的需求,其他页面是不需要显示的,在vue框架中如何实现?那我们就会用到vuex了// store.j...原创 2021-10-16 20:12:55 · 1326 阅读 · 2 评论 -
不规则热区绑定事件
日常前端开发中,UI小伙伴们脑洞大开突然给你来了一个不规则图形作热区,只能点击图像位置,但是我们HTML的标签都是方形的,不知道你心里会不会暗暗说了一些礼貌的话,可是生活还是得勇往直前,敲了敲脑袋,灯泡冒出来了,最常用的就是map和area组合以及clipPath 由于项目要兼容IE9及其以上所以果断放弃了clipPath,还有个原因就是clipPath会毁坏原来的图形(IE真是个小可爱!)map用于定义一个客户端图像映射。图像映射(image-...原创 2021-10-16 00:09:04 · 851 阅读 · 2 评论