2

简述

ionic3 学习了有段时间了。然后也在 github 上面找了好多相关的代码作为参考。最后自己也做了一个小的例子。这个也是在业余的时间学习的。最近需要去学新的东西了,这个就先记录一个里程碑。

例子图示

因为录制的东西有点多,这个图打开或许比较慢。大家就等等看。
最终的效果图

相关功能点说明

  • 实现界面跳转(两种跳转方式)
  • 实现界面跳转是正向传值
  • 部分界面实现懒加载
  • 首页的轮播图效果
  • 第一次安装的时候,引导界面
  • 实现记住密码功能
  • 封装出accordion组件
  • 引入 crypto-js 加密包
  • Http 以及 http client 两种调用方式
  • 集成 i18n 使用 ngx-translate/core
  • 集成 chartjs 图标显示插件
  • 完成聊天界面的开发(静态页面)
  • 通过 Event 的方式,动态的给 tab 页上面 tabBadge赋值

相关的连接

部分的学习连接在我的博客上面都有。大家可以去查看下。这里我简单的列出一些。
ionic3 集成 ngx-translate:https://segmentfault.com/a/11...
ionic3 懒加载:https://segmentfault.com/a/11...
ionic3 Events:https://segmentfault.com/a/11...
ionic3 集成ChartJs图表控件:https://segmentfault.com/a/11...
ionic3 聊天界面开发:https://segmentfault.com/a/11...

最后附上Git 的地址:https://github.com/Wayfreem/i...
大家有兴趣可以去下载学习下。如果喜欢,请点个 star ,谢谢!


Wayfreem
241 声望33 粉丝

一个后端工程师,偏偏喜欢前端。


引用和评论

0 条评论