2022-12-26支持
interestingDEMO
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:
In short: Lazy or lazy, I want to save a few lines of code! !
- 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...
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
把appid改一下试试为什么我修改了课程列表,同步表盘后,手环上却没有表盘显示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' } ] ] }
*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责