ionic3 实战(五)商城首页透明导航栏设计

   这一讲主要包含以下几个部分1.配置APP主色调;2.设置ion-content组建的fullscreen属性;3.设计透明导航栏配置APP主色调;找到src/theme/variables.scss,修改$colors的primary颜色值:variables.scss$colors: (  primary:    
阅读全文

ionic3 实战(四)商城首页设计(幻灯片+图标分类)

  商城首页主要包含以下几个部分1.使用ion-slide实现首页幻灯片;2.使用ion-grid实现商品分类;3.使用ion-list实现商品列表;说一下实现思路1.先获取网络请求的数据,查看数据结构;2.根据数据结构来判断需要展示的数据,编写html;3.调整界面样式,编写scss;准备工作开始之前请到阿里开源图标库准备首页需要的小图标,不想自己找的同学,在文章最后的交流群的群文件里有导出好的资源
阅读全文

ionic3 实战(三)封装全局网络请求服务app.service

  这一讲主要包含以下几个部分配置全局的接口地址;封装http get请求参数编码;封装特定http get请求;封装特定http post请求;封装全局的alert和toast;封装全局获取/移除缓存数据的函数在app.module的providers注入全局服务类;新建一个类,命名为app.service.ts,位于src/app/目录下,具体代码如下:app.service.tsimport {
阅读全文

ionic3 实战(二) ionic3懒加载配置

  配置懒加载需要以下几个步骤:1.给需要懒加载的页面配置module.ts;2.在对应页面的.ts文件里增加@IonicPage()特性;3.在app.module.ts移除页面引用;4.使用懒加载;5.懒加载运行效果图;1.配置module.ts依次配置about.module.ts、contact.module.ts、home.module.ts、tabs.module.tsabout.modu
阅读全文

ionic3 实战(一)环境安装、项目搭建

  嘿 好久不见!IONIC3终于趋于稳定,这次的教程选的是一个简单商城案例,主要包含商品分类,和商品列表,商品详情、个人中心。同样,功能很简单,但基本涵盖了实战开发中所用到的内容,包括一些封装思想、网络请求、数据绑定、组建通信、模块懒加载、自定义组件等等。另外,在这个项目实战系列教程中,你可以了解到一个完整项目的开发流程和思路是怎样的,包括一些封装思想,为什么要这样封装,怎样去减少耦合,怎样减少项目
阅读全文

ionic3 基础(五)基本的网络请求

   这是最后一节,本节主要用最简单网络请求和基本的内置指令做一个演示。对 Angular 的基本架构不熟悉的请点Angular 4.0 架构详解对 Angular 的内置指令不熟悉的请点Angular 4.0 内置指令全攻略前言通常我们希望在 HTTP 请求的时候,页面不会失去响应,所以我们的 HTTP 请求是异步的。JavaScript 中,通常用 3 种方式处理异步代码。回调(call
阅读全文

ionic3 基础(四)安卓硬件返回键处理

  ionic3 教程(一)安装和配置  ionic3 教程(二)登录页制作  ionic3 教程(三)设置页制作  ionic3 教程(四)安卓硬件返回键处理  ionic3 教程(五)基本的网络请求         前几天测出了一个问题,就是在根目录点击安卓的硬件返回键,会直接导
阅读全文

ionic3 基础(三)设置页制作

  1.Ionic为性能而生-追求性能 运行速度快 2.轻量级框架 3.Ionic完美的融合下一代移动框架 AngularJS 基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护 4.漂亮的设计让你立马爱上它,通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 5.Ionic让你看不出混合应用和原生的区别-专注原生 6.强大的命令行工具 7.基于angular语法简单易学
阅读全文

ionic3 基础(二)登录页制作

  链接:ionic3 教程(一)安装和配置  ionic3 教程(二)登录页制作  ionic3 教程(三)设置页制作  ionic3 教程(四)安卓硬件返回键处理  ionic3 教程(五)基本的网络请求运行 platform 中 iOS 和 Android 项目,会发现一行警告,Not found www/index.html。这是因为我们的上一次测试的页
阅读全文

ionic3 基础(一)安装和配置

  Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
阅读全文
首页 1234 末页 共 31 条记录