Touch UI:高质量的移动端UI框架介绍
Hi,我们做了一款高质量的、免费的移动端UI框架。
经过将两年多开发和项目实践,我们终于把Touch UI开放出来了。这是一套基于vue.js打造的移动端UI框架,包含近百种组件,几乎囊括了开发移动应用的所有细节。
Touch UI有何亮点?
我们认为,一套足够好的移动端UI框架应该满足4个要素。
1、丰富的组件和易用的API
我们在做这套UI框架时,分析了大量的主流的移动应用,从中抽象出将近100种组件。囊括了容器布局、切换、模态、表单、列表、文本、多媒体、图形图表、地图等各个方面。 我们希望开发者在开发移动应用时,不必把精力花在到处找组件、处理兼容等事情上,而是能够专注于业务,真正实现组件拿来即用,像搭积木一样开发移动应用。
2、友好的移动交互
跟PC开发不同,移动端的UI应该具备友好的移动端交互,例如上拉下拉、手指滑屏、按下滑动等等。我们在这些方面做了充分的考虑,每个组件都是针对移动端精心打造,追求原生级别的操作体验。
3、优秀的性能
如何在功能丰富的基础上还能保证高性能,是我们做这套框架的一个很大挑战。为此,我们做了大量的工作来优化性能,例如按需编译、资源拆分加载等等。现在基本可以达到点击页面秒开的效果。
4、良好的开发体验
前端工程化的出现,大大提高了前端项目的开发效率并降低维护成本,但对于完全没有经验的传统前端工程师来说,各种的环境配置和依赖安装还是有不小的门槛。 基于微软VSCode编辑器的插件机制,我们把前端工程化所需要的做的各种构建、编译环节全部封装起来,给开发者提供可视化右键菜单,从而简化环境配置并降低入门门槛。同时,Touch UI框架和组件也都在插件里面,这样当框架有升级时,开发者通过在线升级插件的方式就可以更新Touch UI,非常方便。
One More Thing
我们同时还推出了一套微信小程序UI框架:TouchUI-WX,它增加了30多种常用的组件用于官方组件的补充,并且扩充了不少功能,例如支持阿里的iconfont矢量图标库,支持less语法等。
最重要的是,你可以将Touch UI工程与TouchUI-WX工程相互进行转换。实现开发一套代码,发布H5和微信小程序两种应用。
官网:www.touchui.io
Github:github.com/uileader/to…
Touch UI:高质量的移动端UI框架介绍相关推荐
- 如何搭建高质量的 B 端产品帮助体系?
在B2B市场中,产品的质量和支持服务对于企业的成功至关重要.帮助中心是B2B企业提供优质支持服务的重要组成部分.那么,如何搭建高质量的B端产品帮助体系呢?本文将为大家介绍一些关键的步骤和方法. 一.了 ...
- 蓝牙音频双剑客(二)--高质量音频分布协议(A2DP) 概念介绍
零. 概述 主要介绍下蓝牙协议栈(bluetooth stack)传统蓝牙音频协议之高质量音频分布协议(A2DP) 概念介绍,包括在协议栈中的架构,角色以及Source到Sink的发送Audio流程 ...
- 前端绘图开源组件_推荐10款常用的高质量的Web前端UI开源框架,必收藏
Web前端领域最近几年发展的特别迅速,可以说是百家争鸣.Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队).对于现在的开发者来说,都向着全栈方向发展, ...
- 前端-跨端跨平台框架介绍
1. Taro 官网: https://taro-docs.jd.com/docs Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / ...
- 分享一个高质量的 小程序UI框架
先上ui 地址 github.com/weilanwl/Co- 先看这里,我感觉这个ui开源作者肯定是一位ui设计师,介绍就已经很高颜值了,下面我们来观看一下这个ui框架,这个ui框架和其他ui框架不 ...
- 高质量的单元测试 Spock单元测试框架详讲
文章目录 方法篇 为什么需要单元测试 单元测试的定义 单元测试与其他测试的区别 单元测试的作用 关于单元测试的成本 如何写好单元测试 什么场景适合单元测试 单元测试的粒度 关于TDD TDD的三定律 ...
- 使用Amazon SageMaker构建高质量AI作画模型Stable Diffusion
使用Amazon SageMaker构建高质量AI作画模型Stable Diffusion 0. 前言 1. Amazon SageMaker 与机器学习 1.1 机器学习流程 1.2 Amazon ...
- Ui自动化概念+Web自动化测试框架介绍
目录 UI 1.UI自动化测试概念:我们先明确什么是UI 2.为什么对UI采用自动化测试? 3.什么项目适合做UI自动化测试? 4.UI自动化测试介入时机 5.UI自动化测试所属分类 Web自动化测试 ...
- R语言入门——高质量保存图片(想毕业咋就那么难!!!)
高质量保存图片 引言 问题描述 失败案例 文章结构 四种不同的角度介绍 1.PS转存 实现方法介绍 PS在学术论文中的使用 2.R语言输出方法 内置输出函数 R语言函数包输出(ggplot2) R语言 ...
最新文章
- 简明python教程 --C++程序员的视角(九):函数式编程、特殊类方法、测试及其他...
- Git的stash操作
- 每日一皮:据说PM就是这样忍受你的!
- python软件是免费的吗-python语言是免费还是收费的?
- 分享一个在线考试系统,练手项目用他很香
- P1001 第K极值【tyvj】
- php gps 坐标,php 计算gps坐标 距离
- xml文件c语言读取函数,读写xml文件的2个小函数
- MySql WorkBench通过表生成表关系图
- 破解滑块验证码(打码平台)
- STC15单片机-PCB设计
- Domain Driven Design 领域驱动设计
- 使用腾讯云轻量应用服务器搭建视频直播服务器
- 操作系统复习:12.缺页中断以及内存页面置换算法
- 笑话,随便笑不收费.
- 1、 域名系统的主要功能是什么?互联网的域名结构是怎样的?域名系统中的本地域名服务器、根域名服务器、顶级域名服务器以及权限域名服务器有何区别?2、 假定要从已知的URL获得一个万维网文档。若该万维网服
- python123作业怎么提交_使用python提交作业
- 在视图列中显示文档所有读者和作者
- 戴尔服务器配置RAID
- 数据恢复软件下载地址