全栈工程师技能树【移动版】:陪你成为顶尖开发者


prtyaa
prtyaa 2023-12-25 14:47:54 64013
分类专栏: 资讯

上周六陪我们家 @花仲马 去看一部狗血的电影《摆渡人》。在这期间,我又想到我伟大的技能树可以单独地出一个版本。于是,我就简单地先撸了一个 Demo 版本。

原型仍然还是原生的那个原型:phodal/sherlock,还是基于以前的 Skilltree。

 

只是现在变成了移动版,除了可以当成一个 Android 应用、iOS 应用,它还将作为 PWA 应用运行——这意味着,你可以在带有 Chrome 浏览器上安装离线这个应用

 

先将自己的技能树的功能一个个的迁移了过来:

  1. 使用之前的 Sherlock 项目生成的 SVG
  2. 在 SVG 上添加事件绑定
  3. 准备并展示相应的数据
  4. 添加 TODO Lists 功能
  5. 完成 TODO 事项便点亮技能

 

由于是预览版,所以打开方式还是一样的:

  1. 点击技能进行详情页
  2. 在详情页里拥有相关资料的介绍,并且可以点亮技能

 

PWA 打开方式

步骤如下:

  1. 你需要安装一个 Google 的 Chrome 浏览器。
  2. 打开 「Growth 技能树」的地址:phodal.github.io/motree
  3. 待页面加载完后,点击右上角的菜单,选择「添加到主屏幕」

 

 

然后你就可以运行应用~~。

 

 

Android 用户也可以从 Google Play 上下载该应用:play.google.com/store/a

项目地址:phodal/motree

你希望拥有什么功能呢?

网站声明:如果转载,请联系本站管理员。否则一切后果自行承担。

本文链接:https://www.xckfsq.com/news/show.html?id=30430
赞同 0
评论 0 条
prtyaaL0
粉丝 1 发表 2554 + 关注 私信
上周热门
银河麒麟添加网络打印机时,出现“client-error-not-possible”错误提示  1448
银河麒麟打印带有图像的文档时出错  1365
银河麒麟添加打印机时,出现“server-error-internal-error”  1151
统信桌面专业版【如何查询系统安装时间】  1073
统信操作系统各版本介绍  1070
统信桌面专业版【全盘安装UOS系统】介绍  1028
麒麟系统也能完整体验微信啦!  984
统信【启动盘制作工具】使用介绍  627
统信桌面专业版【一个U盘做多个系统启动盘】的方法  575
信刻全自动档案蓝光光盘检测一体机  483
本周热议
我的信创开放社区兼职赚钱历程 40
今天你签到了吗? 27
信创开放社区邀请他人注册的具体步骤如下 15
如何玩转信创开放社区—从小白进阶到专家 15
方德桌面操作系统 14
我有15积分有什么用? 13
用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
如何让你先人一步获得悬赏问题信息?(创作者必看) 12
2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
中央国家机关政府采购中心:应当将CPU、操作系统符合安全可靠测评要求纳入采购需求 8

添加我为好友,拉您入交流群!

请使用微信扫一扫!