Vue3 实现一个简单的放大动画 这是之前方位动画的衍生需求。先根据后端返回的数据排列内容,然后当用户点击某块内容后居中放大并根据具体的方位数据显示方位动画。 可以参考下面的效果。 设计思路定位动画我们在之前已经实现了。那么这里只要考虑如何实现放大动画,最后将两者结合起来就好。从后端拿到的返回值是一个固定长度的数组,所以这里还是用 div 利用 flex 布局将图片平铺展示,利用 CSS transform 进行位置移动和缩放。 2024-03-17 前端学习 #前端 #Vue
Vue3 实现一个简单的方位动画 这是最近遇到的一个有点意思的需求,需要根据后端返回的数据,在一块地图的具体的方位上显示对应位置标识(位置图钉)。不用十分精确,只要能表现出大致的方位即可。 类似下面的效果,有点像游戏里的地图标识。 设计思路由于不用十分精确,就用最简单的 div + css 来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。 方位总共 9 个,东南西北中加上四个角,通过 Grid 布局让其形成 2024-02-28 前端学习 #前端 #Vue
改进 Git flow 来管理 Bitbucket 上的私有 TypeScript 依赖 在目前的工作中,Bitbucket 同时被我们用作代码仓库和私有 NPM 仓库。通过 git+ssh 指定 tag 来安装依赖,对于纯 JavaScript 的项目十分方便。 随着部分依赖开始使用 TypeScript,基于现有使用方式,需要对这部分依赖采取下面的一种方式进行管理。 直接将编译后的 dist 文件提交到主分支上。 在 postinstall 中进行编译。当依赖被安装后,就会自动编 2024-02-11 程序学习 #npm #git #nodejs
hexo 多语言站点改造 工作中搜索和查阅的文档以英文居多,于是便想着也改造一下自己博客。支持多语言的同时,顺便也算是给新的一年开一个头。 目标这次改造的目标有两个: 全局多语言(中-英)的支持。 不同语言之间可以互相切换。 探索hexo 以及之前用的 NexT 主题虽然有 i18n 的支持,但都是对导航、菜单等偏固定内容的支持,并没有全局支持。 在网上搜索相关文章后,大致有如下 3 种解决方案: 序号 方案 优 2024-01-17 程序学习 #hexo #i18n
2023 年的 iPad 能否进行开发? 作为一名程序员,我们总是寻找更灵活的方式来进行开发。有一天,我突发奇想:2023年 的 iPad 能否进行开发呢?毕竟连广告也都是 “你的下一台电脑又何必是电脑”。带着这个想法,我开始了一段兴奋且艰难地探索之旅。 对于开发环境我认为只要满足以下条件即可成立: 不能是 Remote 的方式,像 VSCode Server 这类的不算。 有命令行环境,支持 git、Node.js。 编辑器方面能支 2023-11-14
重新认识文档的重要性 2022 年有幸完整地参与了一个物联网项目,整个项目涉及APP、服务端、硬件三端交互。我参与服务端的设计与开发。同时受制于硬件,现有的对接逻辑也没发复用只能从零开始。在诸多 buff 的加持下,这个项目煎熬了我大半年。好在同组的小伙伴们比较给力,磕磕绊绊下也算完成了第一阶段的开发。 整个项目下来,最大的收获就是让我重新认识到了文档的重要性。特别是在跨团队的项目中有着不可或缺的作用。 2023-01-14 软件设计 #程序员
2021 年阅读计划 这一年在知识技能上的规划主要以巩固补足基础为主,在集中攻克一到两个知识点的基础上进行横向展开。因此今年的阅读书单也将围绕这个目的,并且结合工作进行展开。 2021-01-09 随想杂谈 #程序员 #生活
2020年年终小结 转眼之间已是年末,又来到了年终小结的时候。无论这一年是魔幻还是平淡,每当做小结的时候,内心都会有一丝忐忑。当初定下的目标完成了多少?有哪些是自己偷懒了呢?这些问题,悄悄划过的时间是不会给出答案的。 或许这就是做小结的意义所在。这一次同样也会从工作、生活、学习三个方面来做小结。 2020-12-03 随想杂谈 #程序员 #生活
程序员上岸指北 此前 28 岁拼多多程序员财务自由的新闻在朋友圈中传开。不久之后随着蚂蚁金服在两地同时上市,又是一波程序员财务自由了。似乎在这个资本寒冬中又给了同为程序员的我们一丝希望。 苦海无涯,回头是岸 即便工作辛苦,程序员的内心依旧是幽默的。上岸,这个在程序员之间调侃的词,有着多种含义。或是因为财务自由离开,或是厌倦了工作离开,亦或是成为了“输出”到社会的人才被迫离开……在离开之后一般会去考公务员、去 2020-07-31 随想杂谈 #程序员 #生活
整理自己的知识图谱 为什么要整理知识图谱 大音希声,大象无形,大道至简 自从步入 Coding 的世界之后,几乎每天都有新的知识出现。特别是在做前端的时候,新框架、新类库更是层出不穷。即便跟着指引走完教程,在实际上手时仍会有一些手足无措。其原因可能是没有与已有的知识产生联系。 2020-07-12 程序学习 #前端 #程序员