基于ionic,结合实际开发过程中常遇到的组件、样式、插件等,以及微信开发中常使用的功能。
版本说明
# 开发环境
node v4.4.4
ionic-cli v1.7.5
cordova-cli v6.5.0
platforms
{
"android": "6.1.2",
"ios": "4.3.1"
}
# 平台版本详见 Platforms 说明
- ion-img-cache 图片缓存(依赖imgchache.js)
- angular-pinch-zoom 图片缩放
- angularjs-slider 滑块
- howler 音频
- swiper 滑动组件
- progressbar.js 进度条
- Form(表单)
- Button(按钮)
- Input(输入)
- List(列表)
- Slider(滑块)
- Layout(布局)
- Flex
- Component(组件)
- Search(搜索)
- Grid(网格)
- Pull(上/下拉)
- Gallery(相册)
- Banner
- Progress(进度)
- Footer
- Scroll(滚动)
- Feedback(反馈)
- ActionSheet
- Dialog
- Toast
- Loading
- Picker
- Navi(导航)
- Service(服务)
- Storage
- Dialog
- PublicUtils
- FileUtil
- Plugin(插件) 见下方插件列表
名称 | 用途 | 备注 |
---|---|---|
hm-grid | 网格 | 使用场景:首页 |
hm-search-bar | 搜索框 | 使用场景:搜索 |
hm-audio | 音频 | 使用场景:音频播放控制,支持进度、时间等 |
hm-scroll-bar | 滚动菜单 | 使用场景:页面顶部,作为导航栏 |
hm-swiper | 滑动分页 | 使用场景:Banner、相册等 |
hm-gallery | 相册 | 支持放大、缩小,配合ImageSave、File插件可下载保存到相册 |
ion-img-cache | 图片缓存(文件也可以) | 依赖File、FileTransfer 缓存文件至手机存储中 |
名称 | 用途 | 备注 |
---|---|---|
HttpAuth | 网络请求 | Token处理 |
Storage | 存储 | 浏览器存储 |
Dialog | 对话框 | 快速创建对话框 |
PublicUtils | 公共工具 | 常用的工具、方法 |
FileUtil | 文件工具 | 针对文件的操作 |
FileHelper | 文件帮助 | 文件保存等 |
UploaderHelper | 上传助手 | 上传文件 |
DateWeek | 日期周处理 | 周处理 |
AudioPlayer | 音频控制 | 音频控制 |
支持平台
- ios (>=8.0)
- android (>=4.4(API 19) 需适配Android6.0)
自定义插件说明
- 先查找官网是否存在相应的插件,无需重复造轮子
- Android版本的插件需注意权限(API23)
- 插件编写注重配置,即通过一系列的参数加载插件,而不是插件内部写死
- 当退出插件功能时,注意释放相应资源
常用插件列表
任务说明
名称 | 用途 | 备注 |
---|---|---|
sass | 编译scss文件 | 自定义scss文件及输出地址 |
watch-sass | 监听scss文件变化 && 编译 | 较耗资源,不改样式时不要启动 |
inject-html | index.html 生成 | 根据config.js配置文件 |
watch-app | 监听整个app, 包含多个任务 |
Android
版本说明
# 环境
JDK 1.8
Build-Tools 25.0.3(强烈推荐)
Android-Gradle-Plugin 2.3.3(增量编译-配合Gradle3.3)
Gradle 3.3
minSdkVersion 19 4.4
targetSdkVersion 25 7.0
IOS
min 8.0
版本 | 更新内容 | 备注 |
---|---|---|
# 生成版本
cordova-hcp build
# 最低原生版本(chcp.json)min_native_interface