摘要: 这周做了一个PC端的service后台需求,要求有富文本编辑器,插入图片、表格,字体字号背景色等等, 最后引入了富文本编辑器TinyMCE 对于TinyMCE的简介: TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、 阅读全文
posted @ 2020-04-10 21:01 Katydids 阅读(10253) 评论(0) 推荐(1) 编辑
摘要: 最近在我们的service后台做了个实时聊天的需求,类似于微信网页版,里面有个输入框,在输入框里面可插入表情,调研了一下发现微信的表情一部分是微信自带的表情,还有一部分是emoji表情,需求没有那么多要求,只支持emoji表情即可,总结一下这个小功能,还挺有意思的 在这里不总结聊天输入框了,因为还适 阅读全文
posted @ 2020-03-06 20:19 Katydids 阅读(8543) 评论(1) 推荐(0) 编辑
摘要: 前一段时间查看前端日志监控的时候发现,有很多关键业务节点埋点及用户行为轨迹数据丢失,而且丢失率达到16%这么高,梳理了一下工程里的前端埋点逻辑及方法,发现存在很大漏洞,做了一期优化,使得日志丢失率不足0.1%,使用了浏览器提供的发送保障的更简洁的sendBeacon方法,以下是对sendBeacon 阅读全文
posted @ 2020-01-16 12:35 Katydids 阅读(1265) 评论(0) 推荐(0) 编辑
摘要: 由于公司的service后台,是前端搭的架子,里面各个tab菜单栏都是不同的工程,通过iframe来嵌套,在业务越来越复杂的情况下,总是避免不了iframe之间的通讯, 下面是两种iframe之间的通讯: 1、父子iframe通过监听来实现 在iframe的子页面里使用postMessage向父级页 阅读全文
posted @ 2019-10-29 20:38 Katydids 阅读(955) 评论(0) 推荐(0) 编辑
摘要: 最近做了一个将通话记录,语音转文字并可以在聊天记录里标注动机和摘要的需求,上图只是一个小小的模块,第一次接到使用到语音相关的需求,记录一下 上图是一个客服聊天记录的模块,语音转文字,将录音展示出来,可以音频播放,可以滑动进度条,倍速播放等等,以前自己心血来潮,使用原生js写过一个类似于网易音乐,播放 阅读全文
posted @ 2019-09-05 22:40 Katydids 阅读(6627) 评论(0) 推荐(0) 编辑
摘要: 前一阵做了一个公众号投放的系统,后端同学做的,后期又出了公众号投放2.0,其中有几个模块交互比较复杂,交给前端来做了,其中一个模块是做一个坐标系,用来表示该公众号广告投放是否值得投放,发现他们项目里本身就引入了echarts,于是决定使用echarts做一个表格,以前没使用过echarts,只是知道 阅读全文
posted @ 2019-08-23 14:04 Katydids 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 在我们的service后台,使用jQuery写了一个微信聊天的网页版,嵌在了我们的后台系统里,如下图所示: 今天临时加了一个这样的优化,在输入框里复制粘贴过一段文字过来之后,运营要直接在输入框里排版,既可以使用Alt+Enter实现回车,又可以在中间插入表情。然后我发现了selectionStart 阅读全文
posted @ 2019-08-06 22:40 Katydids 阅读(1628) 评论(0) 推荐(0) 编辑
摘要: _.intersectionBy([arrays], [iteratee=_.identity]) 这个方法类似 _.intersection,区别是它接受一个 iteratee 调用每一个arrays的每个值以产生一个值,通过产生的值进行了比较。结果值是从第一数组中选择。iteratee 会传入一 阅读全文
posted @ 2019-07-18 22:21 Katydids 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 现在在做的工程里,有几个工程里使用了lodash,发现使用特别多,有很多常用的像set get include map indexOf filter some forEach isEmpt assign cloneDeep等等是经常使用的,发现是真的很好用,但是还有很多其他lodash的方法并没有被 阅读全文
posted @ 2019-07-17 21:34 Katydids 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 这两周在做一个service后台的需求,有一个很有意思的事情,左侧要有各种颜色柱,每一种颜色柱代表一个身份,例如黄色代表本人,蓝色代表配偶,绿色代表女儿等等。。。需求中因为可能一个人的信息太多,浏览器的一屏展示不下,而使得用户不知道自己看的是谁的信息还要滚动页面,交互是不好的,所以要求要在内容区域滚 阅读全文
posted @ 2019-07-11 20:12 Katydids 阅读(3730) 评论(0) 推荐(1) 编辑