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:默认启动那个组件
创建组件
class3
*ngFor
template="ngFor"
class4
通过()可以传人事件对象获取keyCode值
双向数据绑定
引入 import { FormsModules } from "@angular/forms"
在app.module.ts内
templateUrl:'build/app.html',<ion-navid="nav"[root]="rootPage"#contentswipe-back-enabled="false"
项目要实现一个功能,在首页底部中间的tab弹出一个页面,而且是没有底部栏的,而不是像平常滑动的一个子页面。<ion-tab [root]="tab5Root" tabIcon="call" ="cal