• 游客,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入米坛社区官方QQ频道

米环7工具 【大更新】Vepp - 全新 ZeppOS 手环开发框架!

黃宥程0505

LV0
普通成员
UID
180765
2023-01-01
134
9
DEMO
这是Vepp文档中的的DEMO——简单的Helloworld,从中可以了解Vepp的使用及核心功能:
浏览附件16688

起因
自从买了个米环7,入坑ZeppOS以来,我心里一直有着这几个灵魂问题:
  • 设计这个纯JS、提交式更新的控件系统有什么意义?好用么?还是另有其缘?不过好用肯定是说不上了。
  • 为啥把 eval() 和 new Function() 这么重要的东西给禁了?没法施展手脚啊。(虽然最后还是被我轻松解决)
  • 这JS运行效率是认真的么……我可能高估手环的性能了……
总之:懒懒懒还是懒,想少些几行代码!!

Vepp的诞生
Vepp的设计思路和我的另一个项目——Vior,当然还和大名鼎鼎的Vue有异曲同工之妙。其核心功能就是——声明式渲染,订阅式更新。不过考虑到ZeppOS的应用架构大多不复杂,所以Vepp舍去了一些几乎没用而又稍微难实现的功能,比如说——列表渲染,组件化等等。
不如你所知,Vepp是个实用框架——我用它完成了几个实战项目(见末尾),Vepp在其中的表现非常出色,当然一些bugs和用户体验也逐渐被发现和改进。目前Vepp在性能上还有所瑕疵,不过如果不介意的话就大胆使用它吧!

使用/下载
相关教程可在Github项目里找到(参见README自述文件),当然也可以直接用NPM下载。
NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目
可以移步Github(见下),也可以直接下载附件中的安装包。

DEMO
这是Vepp文档中的的DEMO——简单的Helloworld,从中可以了解Vepp的使用及核心功能:
浏览附件16688

起因
自从买了个米环7,入坑ZeppOS以来,我心里一直有着这几个灵魂问题:
  • 设计这个纯JS、提交式更新的控件系统有什么意义?好用么?还是另有其缘?不过好用肯定是说不上了。
  • 为啥把 eval() 和 new Function() 这么重要的东西给禁了?没法施展手脚啊。(虽然最后还是被我轻松解决)
  • 这JS运行效率是认真的么……我可能高估手环的性能了……
总之:懒懒懒还是懒,想少些几行代码!!

Vepp的诞生
Vepp的设计思路和我的另一个项目——Vior,当然还和大名鼎鼎的Vue有异曲同工之妙。其核心功能就是——声明式渲染,订阅式更新。不过考虑到ZeppOS的应用架构大多不复杂,所以Vepp舍去了一些几乎没用而又稍微难实现的功能,比如说——列表渲染,组件化等等。
不如你所知,Vepp是个实用框架——我用它完成了几个实战项目(见末尾),Vepp在其中的表现非常出色,当然一些bugs和用户体验也逐渐被发现和改进。目前Vepp在性能上还有所瑕疵,不过如果不介意的话就大胆使用它吧!

使用/下载
相关教程可在Github项目里找到(参见README自述文件),当然也可以直接用NPM下载。
NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目
可以移步Github(见下),也可以直接下载附件中的安装包。
 

敛寒打控卫

LV0
普通成员
UID
83823
2022-06-04
125
11
为什么我修改了课程列表,同步表盘后,手环上却没有表盘显示 export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }
 

doki丶

LV0
普通成员
UID
194271
2023-02-03
13
0
DEMO

展示下 Vepp 文档中的的 DEMO ——简单的表单实现(单选框),带你来欣赏 Vepp 之美:

浏览附件17503

介绍

相信看到上面展示的 DEMO ,大家都为之震撼。没错!Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”,脱离原生 ZeppOS 控件系统的繁琐、累赘,使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ,你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件,Vue 风格的 properties/events 声明,响应性变量,声明式渲染……

不过,目前这些话都是虚谈——只有你真正上手了 Vepp ,才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅!

典型特性
  • HTML 风格的控件创建
  • Vue 风格的 properties/events 声明
  • 声明式渲染
  • 精简、高效的核心代码
  • 完备的、配套的 CLI 脚手架
  • 借助 CLI 提前编译实现进一步性能飞跃
  • ……(未完待续)

使用/下载

相关教程可在Github项目里找到(参见 README 自述文件),当然也可以直接用 NPM 下载。

NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目

由于 Vepp 大更新、本人开发日程排满,暂时无法更新 JWatch 等实例项目,只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github(见下),也可以直接下载附件中的安装包。
附件说明

由于这两个实例项目更新频繁,故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。
试试
 

谭镇洋

LV4
🔥社区作者
普通成员
UID
161997
2022-11-19
16
251
China
为什么我修改了课程列表,同步表盘后,手环上却没有表盘显示 export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }
可以试一下用模拟器调试一下,可能是改了之后配置文件出错等。不过建议还是用现在的最新版再修改一次,最新版也修复了一大堆BUG
 

哥哥的

LV0
普通成员
UID
220235
2023-03-04
71
2

DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现(单选框),带你来欣赏 Vepp 之美:

浏览附件17604

介绍

相信看到上面展示的 DEMO ,大家都为之震撼。没错!Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”,脱离原生 ZeppOS 控件系统的繁琐、累赘,使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ,你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件,Vue 风格的 properties/events 声明,响应性变量,声明式渲染……

不过,目前这些话都是虚谈——只有你真正上手了 Vepp ,才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅!

典型特性
  • HTML 风格的控件创建
  • Vue 风格的 properties/events 声明
  • 声明式渲染
  • 精简、高效的核心代码
  • 完备的、配套的 CLI 脚手架
  • 借助 CLI 提前编译实现进一步性能飞跃
  • ……(未完待续)

使用/下载

相关教程可在Github项目里找到(参见 README 自述文件),当然也可以直接用 NPM 下载。

NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图:

浏览附件17554浏览附件17555


由于 Vepp 大更新、本人开发日程排满,暂时无法更新 JWatch 等实例项目,只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github(见下),也可以直接下载附件中的安装包。
附件说明

由于这两个实例项目更新频繁,故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。
 

你好434548

LV0
普通成员
UID
224676
2023-03-08
4
0
安徽
www.bandbbs.cn
666
DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现(单选框),带你来欣赏 Vepp 之美:

浏览附件17604

介绍

相信看到上面展示的 DEMO ,大家都为之震撼。没错!Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”,脱离原生 ZeppOS 控件系统的繁琐、累赘,使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ,你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件,Vue 风格的 properties/events 声明,响应性变量,声明式渲染……

不过,目前这些话都是虚谈——只有你真正上手了 Vepp ,才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅!

典型特性
  • HTML 风格的控件创建
  • Vue 风格的 properties/events 声明
  • 声明式渲染
  • 精简、高效的核心代码
  • 完备的、配套的 CLI 脚手架
  • 借助 CLI 提前编译实现进一步性能飞跃
  • ……(未完待续)

使用/下载

相关教程可在Github项目里找到(参见 README 自述文件),当然也可以直接用 NPM 下载。

NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图:

浏览附件17554浏览附件17555


由于 Vepp 大更新、本人开发日程排满,暂时无法更新 JWatch 等实例项目,只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github(见下),也可以直接下载附件中的安装包。
附件说明

由于这两个实例项目更新频繁,故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。
6666
 

xhg

LV0
普通成员
UID
106240
2022-08-09
22
0
DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现(单选框),带你来欣赏 Vepp 之美:

浏览附件17604

介绍

相信看到上面展示的 DEMO ,大家都为之震撼。没错!Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”,脱离原生 ZeppOS 控件系统的繁琐、累赘,使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ,你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件,Vue 风格的 properties/events 声明,响应性变量,声明式渲染……

不过,目前这些话都是虚谈——只有你真正上手了 Vepp ,才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅!

典型特性
  • HTML 风格的控件创建
  • Vue 风格的 properties/events 声明
  • 声明式渲染
  • 精简、高效的核心代码
  • 完备的、配套的 CLI 脚手架
  • 借助 CLI 提前编译实现进一步性能飞跃
  • ……(未完待续)

使用/下载

相关教程可在Github项目里找到(参见 README 自述文件),当然也可以直接用 NPM 下载。

NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图:

浏览附件17554浏览附件17555


由于 Vepp 大更新、本人开发日程排满,暂时无法更新 JWatch 等实例项目,只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github(见下),也可以直接下载附件中的安装包。
附件说明

由于这两个实例项目更新频繁,故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。
 

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责