统计PDF的词频 可视化领域,有一本非常经典的书籍《The Grammar of Graphics》,一直都想仔细读一下。但是这本书似乎没有中译本,只有英文版。就我目前这么烂的英文阅读水平,啃起来绝对很吃力。因此我想先统计下这本书里面的单词词频,找到高频的生词,我先通过比如扇贝单词等APP将这些生词背下来,这样看书的时候效率肯定就上去了。 大致实现的思路就是:解析PDF文件->拆分单词->统计词频-&g 2020-06-05 #JavaScript
D3Charts-日历图的实现原理 如果我来做,我会怎么实现?页面展示的内容首先对日历的展示内容做一个拆解,大致包括: 主标题(比如年份) 子标题(比如月份) 日期的整体容器格子 单个日期的方格子 单个日期的具体显示内容(设计时考虑到高扩展性) 数据结构日历数据1234{ "date": "20200527", "value": 30} 配置项 2020-05-27 可视化组件库 > D3Charts #D3Charts
(TODO)如何让浏览器自动播放视频 这几天需要做一个通过手机操控远程页面交互的功能,其中一个交互就是在手机上控制远程页面播放视频。播放视频的实现很简单,我们采用了一个video.js这个插件,但是由于是通过手机自动控制视频播放,在远程页面上没有实际的用户交互,发现无法触发video的音频播放功能(静音模式的视频是可以自动播放的),即使我们模拟用户操作,通过JS去控制播放按钮的点击,也是不行的。 原因经过查询资料,这是由于浏览器出于安 2020-05-24 #音视频
近期英语学习的总结 好久没有学习英语了,翻了下扇贝打卡日历,发现上一次坚持学习,是截止到2020.1.24,也就是去年的除夕这一天。其实去年后面几个月的学习,已经是马虎了事,每天打个卡而已,并没有真正收获什么。现在距离我的小目标(2021.02.14),时间越来越近了,现在必须得重新将英语学习拾起来了。 找到适合自己的学习方法前两天又回头看了下恶魔奶爸的英语学习教程,实验了两天,然后发现他的方法(听podcast)不 2020-05-20 #English
vuepress学习笔记 目录自定义样式嵌入Vue组件同类工具对比docsifydocsify可以动态通过Markdown文件生成文档,可以在Markdown里面嵌入HTML,自定义能力非常强。 2020-05-18 #JavaScript
构建网页远程控制服务 需求场景我们做的大屏项目,需要在客户过来参观的时候进行演示,而演示的时候肯定不能用鼠标键盘去操作大屏,这样显得太low了。理想的情况是通过手机或者ipad进行远程控制。因此需要我们实现web远程通信的功能。 HTTP轮询版本由于项目时间很紧张,所以我们第一版直接采用前端定时发送http请求轮询后端接口的方式来实现。 数据存储在redis中,以页面ID作为key。 逻辑说明一图说明 代码实现这里用N 2020-05-14 #JavaScript #HTTP
webpack是如何将js/css的链接写入html文件的 关于baseUrlbaseUrl是生产环境打包资源的前缀地址,写上这个,就可以直接在最终的html文件中,生成线上的访问地址: 1234module.exports = { baseUrl: 'http://s.thsi.cn/js/bigscreen/res/20200513/', //生产环境打包资源的前缀地址 outputDir: process.env.o 2020-05-13 #JavaScript
SVG地图实现技巧 这是学习自我们组的一位机灵的小伙伴。 地图与标签的连线我们做的大屏,一旦涉及地图,往往需要展示地域排名数据,而大屏又不能通过鼠标点击的方式实现交互,因此一般都是轮播不同地域的信息,播放到某个地区,比如杭州市的时候,就用一根线连接杭州市和页面上的标签区域,展示杭州市的详细数据。 实现的原理就是: 1、用div画一根定长的直线,长度等于标签到地图中心的距离 2、用伪元素在直线末端画一个圆点,用来标注地 2020-05-13 #数据可视化 #SVG #地图
(TODO)前端性能优化的解决方案 思路通过静态扫描+动态测试+深入函数级别的性能探测,三合一构建最佳实践一条龙服务。 lighthouse测试可以下载Chrome插件,也可以直接程序中引入js使用: https://www.cnblogs.com/fnng/p/15488030.html 网易云音乐的实践: https://zhuanlan.zhihu.com/p/91365316 依赖包分析这个在线工具可以分析你的package 2020-05-12 #JavaScript #性能