近期英语学习的总结 好久没有学习英语了,翻了下扇贝打卡日历,发现上一次坚持学习,是截止到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 #性能
(TODO)优秀的工程师团队应该是什么样的 昨天和可可聊了下,他提到了LLH新公司关于工程师文化的一些情况,我听了也深有感触。结合我这边的团队情况,我感觉我也需要在团队管理上作出一些改变才行。 技术驱动参考2021.10.11晚上YLF给我们讲的内容。 优秀的工程师团队一定是技术驱动的。 大家平时讨论的都是技术问题,每个人都对技术有浓厚的兴趣,说到技术就两眼放光! 而且数据可视化这块,是最容易将爱好应用到工作中的,按理说应该是技术人员工作最 2020-05-12 #人员管理
为什么番茄工作法无法按计划执行 从去年开始,我一直都在使用番茄工作法。初期还好,通过番茄工作法让我在背英语单词和学习前端基础的过程中受益匪浅;但是后面逐渐就开始无法坚持了,到后面发现制定的计划绝大部分都没法按时完成,番茄工作法最终成为了一种自我安慰的形式。 压力驱动我是压力驱动型的人,当外部压力不足时,就会懈怠。 为了解决这个问题,可以自己主动营造一些外部压力。最简单的方式,就是把时间计划公诸于众。 内部影响导致番茄时间被打断我 2020-04-26 #人员管理
为什么拓扑图项目的进度管理做得这么烂 内部需求的需求文档至关重要。 拓扑可视化平台这个项目的进度让我很不满意,比预期的时间整整多了三天。究其原因,在于我的项目管理做得太烂了,基本上没有什么规划可言。 没有需求文档由于这个项目是别人提的需求,只是简单描述了下,我自己这边也没有去对需求做文档上的细化,只是用 xmind 大致拆分了下功能,导致的结果就是很多细节没考虑到,功能点越做越多,进度评估失控。 没有交互图这让我在跟其他同事(特别 2020-04-22 #项目管理
百度翻译API使用笔记 百度的普通翻译是免费的,只需要注册获取appid和密钥即可,注册流程可以参考这个文档: https://api.fanyi.baidu.com/api/trans/product/apidoc#joinFile 测试代码如下(将中文翻译为西班牙语): 123456789101112131415161718192021222324252627<?php$url = 'http://a 2020-04-15 #HTTP #PHP