Ionic2

Pinapps 2018-03-29

ionic是什么?

一款优秀的跨平台移动端开发框架

typescript是:js的超集,使用后端语言的规范,对js的语法进行了扩展可以看作是一种面向对象的js语言版本

ionic能做什么?

ionic框架的目的是以web技术开发移动端应用程序

配合apache服务器 cordova的编译平台,实现了编译打包成各个移动操作平台适配的移动端应用

通过cordova平台打包,能够实现平台共用一套代码

Android平台

ios平台

window平台

ionic中提供了多种多样模板

tabs:一个简单的3选项卡布局

sidemenu:侧面有可滑动菜单的布局

blank 一个单独的启动器

super启动项目超过14个可以使用的页面设计

tutorial 一个引导项目

es6

Let const 箭头函数,字符串模板 class 数组的方法

promise 阮一峰

原生app (ios 和android,需要安装,性能最好,开发周期特别长,图片轮播)

移动端app(不需要安装,m站,网页版app,跨平台,纯前端能做,开发周期短一些,性能没有原生好)

混合式app(Android 和前端配合 写程序

angular

day2

主要在src内实现操作

主要主要pack.json和src文件夹

index.html文件为HTML入口文件

main.js为js入口文件

app.module.ts,app.component.css/html/ts为主要配置文件根组件(告诉angular如何组装该应用)

declarations:引入当前项目运行的组件,自定义的都需要

imports:当前项目的依赖那些模块

providers:定义的服务 回头放在这个里面

bootstrap:默认启动那个组件

创建组件

Ionic2

class3

*ngFor

template="ngFor"

class4

通过()可以传人事件对象获取keyCode值

双向数据绑定

引入 import { FormsModules } from "@angular/forms"

在app.module.ts内

相关推荐