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

谭镇洋 · 2022-12-10

DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现（单选框），带你来欣赏 Vepp 之美：

介绍

相信看到上面展示的 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 实例项目的图：

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

可以移步 Github（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表 + 学周计算）：https://github.com/jwhgzs/vepp-jwatch
JStudio（迷你代码工作室，打字编码 + 运行JS + 保存归档）：https://github.com/jwhgzs/vepp-jstudio

附件说明

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

結冷簡碳 · 2022-12-10

大推

MrMoxing · 2022-12-10

牛的

xkcd · 2022-12-11

卧槽巨佬啊

谭镇洋 · 2022-12-11

咋没人捏？？哎这种帖还是很难吸引人。算了我还是先单独发个示例项目的引流吧。

alex · 2022-12-11

谭镇洋说:
DEMO
This is the DEMO in the Vepp document - a simple Helloworld, from which you can understand the use and core functions of Vepp:
浏览附件16688

cause
Ever since I bought a Mihuan 7 and entered ZeppOS, I have always had these soul questions in my heart:

What's the point of designing this pure JS, submit update control system? Is it easy to use? Or is there another reason? But it's definitely not good enough.

Why are such important things as eval() and new Function() banned? I can't use my hands and feet. (Although it was easily solved by me in the end)

Is this JS operating efficiency serious... I may overestimate the performance of the bracelet...

In short: Lazy or lazy, I want to save a few lines of code! !

Birth of Vepp
Vepp's design idea is similar to my other project - Vior, and of course it is similar to the famous Vue. Its core functions are - declarative rendering, subscription update. However, considering that ZeppOS's application architecture is mostly uncomplicated, Vepp has omitted some functions that are almost useless and slightly difficult to implement, such as list rendering, componentization, and so on.
As you know, Vepp is a practical framework - I have used it to complete several practical projects (see the end), Vepp's performance in it is very good, of course, some bugs and user experience have gradually been found and improved. At present, Vepp still has flaws in performance, but if you don't mind, feel free to use it!

use/download
Relevant tutorials can be found in the Github project (see the README file), of course, you can also download it directly with NPM.
NPM: npm install vepp
Github: https://github.com/jwhgzs/vepp

example project
You can move to Github (see below), or you can directly download the installation package in the attachment.

JWatch (student party must-have dial, scrolling class schedule + school week calculation): https://github.com/jwhgzs/vepp-jwatch

JStudio (mini code studio, typing code + running JS): https://github.com/jwhgzs/vepp-jstudio

Ww

Cetus · 2022-12-13

为什么我修改了课程列表，同步表盘后，手环上却没有表盘显示


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'
      }
    ]
  ]
}

删除会员 172747 · 2022-12-13

好耶

昨天2009 · 2022-12-14

谭镇洋说:
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（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表+学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码+运行JS）：https://github.com/jwhgzs/vepp-jstudio

666

xxxl · 2022-12-16

牛逼

JustJoy · 2022-12-17

谭镇洋说:
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（见下），也可以直接下载附件中的安装包。

JWatch（学生党必备表盘，滚动课程表+学周计算）：https://github.com/jwhgzs/vepp-jwatch

JStudio（迷你代码工作室，打字编码+运行JS）：https://github.com/jwhgzs/vepp-jstudio

666

谭镇洋 · 2022-12-17

海藻酸钠说:
为什么我修改了课程列表，同步表盘后，手环上却没有表盘显示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' } ] ] }

额你试过没改过表盘是正常的么？
还有表盘没有显示指的是课程表的是还是？

Rechrd · 2022-12-17

哇噢

meny · 2022-12-17

下载看看

Aopex · 2022-12-17

666大佬

不好意思尽力了 · 2022-12-18

。。。

Cetus · 2022-12-18

谭镇洋说:
额你试过没改过表盘是正常的么？
还有表盘没有显示指的是课程表的是还是？

表盘同步后，点亮表盘是黑的，打开表盘设置界面后没有看到这个表盘，返回后表盘是小米手环初始的那个缤纷色彩表盘，但用toolbox看的话，表盘文件是同步到手环的

LeRingtoneLe · 2022-12-18

FTBC60 · 2022-12-18

元月没啥用 · 2022-12-19

海藻酸钠说:
为什么我修改了课程列表，同步表盘后，手环上却没有表盘显示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' } ] ] }

牛

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

Lv.4

附件

Lv.3

Lv.6

Lv.0

Lv.4

Lv.2

Lv.5

附件

Lv.0

Lv.0

Lv.2

Lv.0

Lv.4

Lv.1

Lv.0

Lv.0

Lv.0

Lv.5

Lv.5

Lv.3

Lv.0

相似主题

米环7小程序 25K 296

米环7教程 20K 60

米环7教程 3K 7

米环7教程 3K 17

问答 2K 16

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

米环7小程序
25K

296

米环7教程
20K

60

米环7教程
3K

7

米环7教程
3K

17

问答
2K

16