编写第一个dart程序hello.dart
摘要：
/* 入口方法的两种定义方式 main(){ print('hello dart'); } */ ///这也是一个注释 //表示main方法没有返回值 void main(){ print('hello dart'); } 运行输出 hello dart 阅读全文
posted @ 2019-06-14 14:49 LoaderMan 阅读(388) 评论(0) 推荐(0) 编辑
Dart介绍和环境搭建
摘要：
/* Dart介绍： Dart是由谷歌开发的计算机编程语言,它可以被用于web、服务器、移动应用 和物联网等领域的开发。 Dart诞生于2011年，号称要取代JavaScript。但是过去的几年中一直不温不火。直到Flutter的出现现在被人们重新重视。 要学Flutter的话我们必须首先得会Dar 阅读全文
posted @ 2019-06-14 14:47 LoaderMan 阅读(1367) 评论(0) 推荐(0) 编辑
Android 打开相册拍照选择多张图片显示
摘要：
添加依赖: dialog_top.xml 效果: 阅读全文
posted @ 2019-06-06 17:33 LoaderMan 阅读(1905) 评论(6) 推荐(1) 编辑
Mac 打开、编辑 .bash_profile 文件
摘要：
1. 启动终端Terminal 2. 进入当前用户的home目录 输入cd ~ 3. 创建.bash_profile 输入touch .bash_profile 4. 编辑.bash_profile文件 输入open .bash_profile 第一种方式 <1>、为在弹出的.bash_profil 阅读全文
posted @ 2019-06-05 13:53 LoaderMan 阅读(6294) 评论(0) 推荐(0) 编辑
Ionic app IOS 在Xcode 模拟运行 真机调试
摘要：
用Xcode打开项目 遇到权限问题 可以用命令修改权限，cd 到要修改权限的目录执行下面命令 sudo chmod -R 777 * 如果Signing中，Xcode manage signing profile报错 修改一下Bundle Identifiler 包名 遇到权限问题 可以用命令修改权 阅读全文
posted @ 2019-06-05 11:48 LoaderMan 阅读(1200) 评论(1) 推荐(0) 编辑
android studio 把 ionic 打包时修改应用名称、修改应用图标、修改启动画面，升级打包
摘要：
在项目中resources中替换成自己的图标和启动画面即可 在config.xml 修改包名 打正式包和升级打包同原生的类似，在Androidmanifest.xml修改版本号和版本名 阅读全文
posted @ 2019-06-05 10:19 LoaderMan 阅读(957) 评论(0) 推荐(0) 编辑
Android studio 运行打包 Ionic 项目
摘要：
1.创建项目 ionic start myapp tabs 2.cd 到项目文件夹中 3.ionic cordova platfrom add android 执行这个命令后建议修改一下应用包名称,参考 http://www.ionic.wang/article-index-id-91.html 4 阅读全文
posted @ 2019-06-05 09:59 LoaderMan 阅读(2438) 评论(0) 推荐(0) 编辑
ionic4 路由跳转、ionic4 路由跳转传值 NavController 返回上一页 、NavController 回到根
摘要：
1、普通路由跳转 <ion-button [routerLink]="['/pinfo']"> 跳转到详情 </ion-button> <ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref 阅读全文
posted @ 2019-06-04 14:52 LoaderMan 阅读(5771) 评论(0) 推荐(0) 编辑
Ionic4.x ion-refresher 下拉更新
摘要：
官方文档:https://ionicframework.com/docs/api/refresher <ion-header> <ion-toolbar> <ion-title> Tab One </ion-title> </ion-toolbar> </ion-header> <ion-conte 阅读全文
posted @ 2019-06-04 14:45 LoaderMan 阅读(997) 评论(0) 推荐(0) 编辑
Ionic4.x ion-infinite-scroll 上拉分页加载更多
摘要：
http服务： 阅读全文
posted @ 2019-06-04 14:38 LoaderMan 阅读(868) 评论(0) 推荐(0) 编辑
Ionic4.x ion-infinite-scroll 上拉分页加载更多
摘要：
1、ion-infinite-scroll 上拉分页加载更多(模 拟) 官方文档:https://ionicframework.com/docs/api/infinite-scroll <ion-content> <ion-list> <ion-item *ngFor="let item of da 阅读全文
posted @ 2019-06-04 14:21 LoaderMan 阅读(986) 评论(0) 推荐(0) 编辑
Ionic4.x Modal模态对话框以及 Modal 传值
摘要：
1、Modal 模态对话框简介 官方文档:https://ionicframework.com/docs/api/modal Modal模态对话框主要用于登录注册页面，我们可以把它理解为从页面底部弹出的另一个页 面。 2、Modal 模态对话框使用 比如我们想在 modal 页面中弹出另一个页面 1 阅读全文
posted @ 2019-06-04 14:04 LoaderMan 阅读(711) 评论(0) 推荐(0) 编辑
Ionic4.x Javascript 扩展 ActionSheet Alert Toast Loading 以及 ionic 手势相 关事件
摘要：
1、ActionSheet 官方文档:https://ionicframework.com/docs/api/action-sheet <ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref 阅读全文
posted @ 2019-06-04 11:00 LoaderMan 阅读(761) 评论(0) 推荐(0) 编辑
Ionic4.x Theming(主题) 增加内置主题 颜色 修改内置组件默认样式 修改底部 Tabs 背景颜色以及按钮颜色
摘要：
1、Ionic4.x Theming(主题) Ionic4.x 修改主题颜色的话需要在 src/theme/variables.scss 文件中修改。 https://ionicframework.com/docs/theming/advanced 2、Ionic4.x 增加内置主题颜色 找到 sr 阅读全文
posted @ 2019-06-04 10:27 LoaderMan 阅读(707) 评论(0) 推荐(0) 编辑
Ionic4.x 中的 UI 组件(UI Components) 侧边栏ion-menu组件以及底部tabs结合 侧边栏 ion-menu
摘要：
1、侧边栏 ion-menu 组件的基本使用 1、创建项目 ionic start myApp sidemenu 2、配置项目 属性 作用 可选值 side 配置侧边栏的位置 start end menuId 侧边栏的唯一标识 type 配置侧边栏的弹出方式 overlay, reveal, pus 阅读全文
posted @ 2019-06-04 09:36 LoaderMan 阅读(1442) 评论(0) 推荐(0) 编辑
Ionic4.x 中的 UI 组件(UI Components) 日期组件
摘要：
1、日期组件的基本使用 官方文档:https://ionicframework.com/docs/api/datetime 模板中: <ion-datetime display-format="YYYY-MM-DD" [(ngModel)]="day"></ion-datetime> <ion-da 阅读全文
posted @ 2019-06-03 17:30 LoaderMan 阅读(1371) 评论(0) 推荐(0) 编辑
Ionic4.x 中的 UI 组件(UI Components) Slides 轮播图组件、Searchbar 组件、 Segment 组件
摘要：
Slides 轮播图组件 Ionic4.x 中的轮播图组件是基于 swiper 插件，所以配置 slides 的属性需要在 swiper 的 api 中 找 Swiper Api:http://idangero.us/swiper/api/ <ion-header> <ion-toolbar> <i 阅读全文
posted @ 2019-05-31 17:43 LoaderMan 阅读(940) 评论(0) 推荐(0) 编辑
Ionic4.x 中的 UI 组件(UI Components)表单相关组件
摘要：
1、ion-input 单行文本框 2、ion-toggle 开关 3、ion-radio-group、ion-radio 单选按钮组 4、ion-checkbox 多选按钮组 5、ion-select 选择框 6、ion-textarea 多行文本框 <ion-list> <ion-item> < 阅读全文
posted @ 2019-05-31 16:44 LoaderMan 阅读(931) 评论(0) 推荐(0) 编辑
Ionic4.x 中的列表UI组件
摘要：
1、普通列表 <ion-list> <ion-item> <ion-label>Peperoni</ion-label> </ion-item> <ion-item> <ion-label>Hawaii</ion-label> </ion-item> </ion-list> 如果普通列表加上路由跳转 阅读全文
posted @ 2019-05-30 15:08 LoaderMan 阅读(1175) 评论(0) 推荐(0) 编辑
Ionic4.x 中的button
摘要：
官方文档:https://ionicframework.com/docs/api/button 1、ion-button 组件可以定义一个按钮 <ion-button>Default</ion-button> 2、color 属性定义按钮的颜色 <ion-button color="primary" 阅读全文
posted @ 2019-05-30 14:13 LoaderMan 阅读(289) 评论(0) 推荐(0) 编辑
Ionic4.x 内置颜色
摘要：
primary/secondary/tertiary /success/warning/danger/dark/medium/light primary/secondary/tertiary /success/warning/danger/dark/medium/light primary/seco 阅读全文
posted @ 2019-05-30 11:53 LoaderMan 阅读(332) 评论(0) 推荐(0) 编辑
Ionic4.x 中自定义公共模块
摘要：
1、创建公共模块以及组件 ionic g module module/slide ionic g component module/slide 2、公共模块 slide.module.ts 中暴露对应的组件 import { NgModule } from '@angular/core'; impo 阅读全文
posted @ 2019-05-30 11:16 LoaderMan 阅读(1270) 评论(0) 推荐(0) 编辑
Ionic4.x 新增底部 tabs 页面
摘要：
1、创建 tab4 模块 ionic g page tab4 2、修改根目录里 app-routing.module.ts 文件里面的路由配置，去掉默认增加的路由 3、tabs.router.module.ts 中新增路由 { path: 'tab4', loadChildren: '../tab4 阅读全文
posted @ 2019-05-30 11:11 LoaderMan 阅读(1268) 评论(1) 推荐(0) 编辑
Ionic4.x 项目结构简单分析
摘要：
新建项目 Ionic4.x src 下面文件分析 app:应用根目录 (组件、页面、服务、模块...) assets:资源目录(静态文件(图片，js 框架...) theme:主题文件，里面有一个 scss 文件，设置主题信息。 global.scss:全局 css 文件 index.html:in 阅读全文
posted @ 2019-05-29 16:53 LoaderMan 阅读(1213) 评论(0) 推荐(0) 编辑
判断Activty是否在前台运行
摘要：
/** * 判断某个界面是否在前台 * * @param context * @param className 某个界面名称 * */ public static boolean isActivityForeground(Context context, String className) { if (con... 阅读全文
posted @ 2019-05-29 16:19 LoaderMan 阅读(330) 评论(0) 推荐(0) 编辑
Ionic 的安装运行
摘要：
1.学习前准备工作 1、必须得安装 nodejs (建议安装最新的稳定版本) 2、必须有 Angular 基础:https://www.loaderman.com/goods-1047.html 2.安装 cordova ionic npm install -g cordova ionic 3.创建 阅读全文
posted @ 2019-05-24 15:16 LoaderMan 阅读(660) 评论(0) 推荐(0) 编辑
Angular 自定义模块以及配置路由实现模块懒加载
摘要：
项目目录 创建模块 ng g module module/user --routing ng g module module/article --routing ng g module module/product --routing 创建组件 ng g component module/user 阅读全文
posted @ 2019-05-24 13:41 LoaderMan 阅读(2393) 评论(6) 推荐(0) 编辑
Angular 自定义模块
摘要：
创建自定义模块 app.module.ts user.moudle.ts 阅读全文
posted @ 2019-05-24 10:28 LoaderMan 阅读(1448) 评论(0) 推荐(0) 编辑
angular 中父子路由
摘要：
1. 创建组件引入组件 import { NewsaddComponent } from './components/newsadd/newsadd.component'; import { NewslistComponent } from './components/newslist/newsli 阅读全文
posted @ 2019-05-23 15:32 LoaderMan 阅读(945) 评论(0) 推荐(0) 编辑
angular中的动态路由
摘要：
1.配置动态路由 const routes: Routes = [ {path: 'home', component: HomeComponent}, {path: 'news', component: NewsComponent}, {path: 'newscontent/:id', compon 阅读全文
posted @ 2019-05-23 15:31 LoaderMan 阅读(4370) 评论(0) 推荐(0) 编辑
Angular中的routerLink 跳转页面和默认路由
摘要：
1.创建新项目 2.创建home news newscontent 组件 3.找到app-rounting-moudle.ts配置路由 1）引入组件 2）配置路由 4. 找到 app.component.html 根组件模板，配置 router-outlet 显示动态加载的路由 Angular ro 阅读全文
posted @ 2019-05-23 15:22 LoaderMan 阅读(5731) 评论(0) 推荐(0) 编辑
Angular 中的数据交互(get jsonp post)
摘要：
一、Angular get 请求数据 Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。 1、在 app.module.ts 中引入 并注入 import {HttpClientModule} from '@angular/common/h 阅读全文
posted @ 2019-05-23 14:15 LoaderMan 阅读(737) 评论(0) 推荐(0) 编辑
angular之Rxjs异步数据流编程入门
摘要：
Rxjs介绍 参考手册:https://www.npmjs.com/package/rxjs 中文手册:https://cn.rx.js.org/ RxJS 是 ReactiveX 编程理念的 JavaScript 版本。ReactiveX 来自微软，它是一种针对异步数据 流的编程。简单来说，它将一 阅读全文
posted @ 2019-05-22 15:33 LoaderMan 阅读(944) 评论(0) 推荐(0) 编辑
Angular 中的生命周期函数
摘要：
一、 Angular中的生命周期函数 官方文档:https://www.angular.cn/guide/lifecycle-hooks 生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。 当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻 阅读全文
posted @ 2019-05-21 17:22 LoaderMan 阅读(2037) 评论(0) 推荐(1) 编辑
angular父组件通过@ViewChild 主动获取子组 件的数据和方法
摘要：
1.调用子组件给子组件定义一个名称 <app-footer #footerChild></app-footer> 2. 引入 ViewChild import { Component, OnInit ,ViewChild} from '@angular/core'; 3. ViewChild 和刚才 阅读全文
posted @ 2019-05-21 16:12 LoaderMan 阅读(1434) 评论(0) 推荐(0) 编辑
angular中子组件通过@Output 触发父组件的方 法
摘要：
1. 子组件引入 Output 和 EventEmitter import { Component, OnInit ,Input,Output,EventEmitter} from '@angular/core'; 2.子组件中实例化 EventEmitter @Output() private o 阅读全文
posted @ 2019-05-21 16:04 LoaderMan 阅读(3154) 评论(0) 推荐(0) 编辑
angular中父组件给子组件传值-@input
摘要：
1. 父组件调用子组件的时候传入数据 <app-header [msg]="msg"></app-header> 2. 子组件引入 Input 模块 import { Component, OnInit ,Input } from '@angular/core'; 3. 子组件中 @Input 接收 阅读全文
posted @ 2019-05-21 14:27 LoaderMan 阅读(2282) 评论(0) 推荐(0) 编辑
Angular 中的 dom 操作(ViewChild)以及父子组件中通过 ViewChild 调用子组件的方法
摘要：
效果： 阅读全文
posted @ 2019-05-21 10:35 LoaderMan 阅读(1743) 评论(0) 推荐(0) 编辑