已知:项目组里的产品采用 Electron + Vue 的前端技术栈。
最近发现一个奇怪的现象:在新功能页面中,当按下鼠标移动三维模型,若按住不放,把光标拖至 canvas 外释放鼠标,再将鼠标移回 canvas 内,此时即使不再次按下鼠标,也能移动模型,仿佛鼠标被粘连住一样。但在旧功能页面表现正常。
这部分 CesiumJS 代码是几乎沿用旧功能的,那怎么会出现不同表现形式呢?于是开展定位排查。、
已知:项目组里的产品采用 Electron + Vue 的前端技术栈。
最近发现一个奇怪的现象:在新功能页面中,当按下鼠标移动三维模型,若按住不放,把光标拖至 canvas 外释放鼠标,再将鼠标移回 canvas 内,此时即使不再次按下鼠标,也能移动模型,仿佛鼠标被粘连住一样。但在旧功能页面表现正常。
这部分 CesiumJS 代码是几乎沿用旧功能的,那怎么会出现不同表现形式呢?于是开展定位排查。、
在业务代码里,组里发现Vue的watch在使用中的一个细节问题。
场景:三维模型的渲染需要一组坐标数据信息(包括经纬高),假设我们现在需要更新数组其中一个坐标,并且在position发生变化时,通过监听,实时刷新。
因为新型冠状病毒,这个春节假期格外漫长。
最近看完了知乎推荐的《学习JavaScript数据结构与算法》。这本书写得比想象中好,我对书背后的其中一条读者评论非常赞同:
书中的例子写得很好,易于学习和实践。其教学方法也比一般的C/C++图书好得多。
大学那会学算法,教科书用的就是C写的,内容实在绕。相比之下,这本书就简单易懂多了。当然,有一点也不得不说,由于篇幅有限,后面几章内容多但不详尽,确实需要在看完这本书后的进一步巩固。
这本书的第十章是介绍树,让我想起之前有次面试要求手写树相关的算法——不论什么时候,经典算法知识总是那么重要。
结合本书内容,今天来复习树的知识点。另一方面也是提醒自己,总是要学习。
对于ESLint和Prettier,之前知道是知道,但一直没理清这两个概念或者说是功能之间的关系,总是有些模糊——模糊倒也是对的,因为它俩确实有些交集。
前阵子VS Code的Prettier插件升级,导致我的VS Code里的setting.json相关语法:
1 | "prettier.eslintIntegration": true |
提示deprecated。没办法,忍受不了编辑器里的波浪线,我只能硬着头皮去解决。正好趁这次机会,理清了它俩。
我的问题:去掉了这个语法,现在在项目里,要如何怎么配合使用ESLint和Prettier,才是合适并且比较规范的?
VS Code是一个出色的代码编辑器,但真正使它强大的是它可用的扩展(也称为插件)。
首先要说明一下,可能有些人喜欢用 Webstorm/Sublime等其他编辑器或IDE,甚至我之前写PHP业务,用过一阵Phpstorm——都没关系,没用过VS Code的人也肯定知道它。认识下VS Code插件,知道VS Code的插件怎么开发,依旧可以当作扩展自己技术见识。
VS Code作为一个轻量级代码编辑器,和Sublime类似,本身功能并不全面,靠安装外部插件来增强开发体验。
于是趁项目组轮到我开展一次分享会,我特此花了两个周末,参考网上教程,将VS Code的插件做了一番学习。
平时查资料,看了那么多页面,发现好多博客底部都标识着“Hexo”,比如网易考拉前端团队。知道 Hexo 是一个博客框架。但一直没入坑。
我问自己,需要博客吗?日常有搭建自己的知识体系的习惯,但都写在印象笔记里,算上碎碎念和与业务相关的现也有累计百余篇,没有对外公开。之前在 W3Cfuns(现更名为:QDFuns) 写过几篇,但没坚持下去。一是花时间,二是我实在认为(也是事实),网上太多人比我写得好,我再写有什么意义呢?