LoaderMan - 博客园

Dart 变量、常量和命名规则

摘要： /* Dart 变量： dart是一个强大的脚本类语言，可以不预先定义变量类型，自动会类型推导 dart中定义变量可以通过var关键字可以通过类型来申明变量如： var str='this is var'; String str='this is var'; int str=123; 注意： v 阅读全文

posted @ 2019-06-14 14:55 LoaderMan 阅读(1670) 评论(0) 推荐(0)

编写第一个dart程序hello.dart

摘要： /* 入口方法的两种定义方式 main(){ print('hello dart'); } */ ///这也是一个注释 //表示main方法没有返回值 void main(){ print('hello dart'); } 运行输出 hello dart 阅读全文

posted @ 2019-06-14 14:49 LoaderMan 阅读(413) 评论(0) 推荐(0)

Dart介绍和环境搭建

摘要： /* Dart介绍： Dart是由谷歌开发的计算机编程语言,它可以被用于web、服务器、移动应用和物联网等领域的开发。 Dart诞生于2011年，号称要取代JavaScript。但是过去的几年中一直不温不火。直到Flutter的出现现在被人们重新重视。要学Flutter的话我们必须首先得会Dar 阅读全文

posted @ 2019-06-14 14:47 LoaderMan 阅读(1476) 评论(0) 推荐(0)

Android 打开相册拍照选择多张图片显示

摘要：添加依赖: dialog_top.xml 效果: 阅读全文

posted @ 2019-06-06 17:33 LoaderMan 阅读(1993) 评论(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 阅读(6435) 评论(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 阅读(1256) 评论(1) 推荐(0)

android studio 把 ionic 打包时修改应用名称、修改应用图标、修改启动画面，升级打包

摘要：在项目中resources中替换成自己的图标和启动画面即可在config.xml 修改包名打正式包和升级打包同原生的类似，在Androidmanifest.xml修改版本号和版本名阅读全文

posted @ 2019-06-05 10:19 LoaderMan 阅读(1028) 评论(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 阅读(2487) 评论(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 阅读(5855) 评论(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 阅读(1025) 评论(0) 推荐(0)

Ionic4.x ion-infinite-scroll 上拉分页加载更多

摘要： http服务：阅读全文

posted @ 2019-06-04 14:38 LoaderMan 阅读(898) 评论(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 阅读(1033) 评论(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 阅读(783) 评论(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 阅读(801) 评论(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 阅读(763) 评论(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 阅读(1494) 评论(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 阅读(1431) 评论(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 阅读(982) 评论(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 阅读(977) 评论(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 阅读(1200) 评论(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 阅读(332) 评论(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 阅读(351) 评论(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 阅读(1305) 评论(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 阅读(1315) 评论(1) 推荐(0)

Ionic4.x 创建页面以及页面跳转

摘要：创建页面：阅读全文

posted @ 2019-05-29 17:27 LoaderMan 阅读(2170) 评论(0) 推荐(0)

Ionic4.x 项目结构简单分析

摘要：新建项目 Ionic4.x src 下面文件分析 app:应用根目录 (组件、页面、服务、模块...) assets:资源目录(静态文件(图片，js 框架...) theme:主题文件，里面有一个 scss 文件，设置主题信息。 global.scss:全局 css 文件 index.html:in 阅读全文

posted @ 2019-05-29 16:53 LoaderMan 阅读(1251) 评论(0) 推荐(0)

判断Activty是否在前台运行

摘要： /** * 判断某个界面是否在前台 * * @param context * @param className 某个界面名称 * */ public static boolean isActivityForeground(Context context, String className) { if (con... 阅读全文

posted @ 2019-05-29 16:19 LoaderMan 阅读(354) 评论(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 阅读(695) 评论(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 阅读(2422) 评论(6) 推荐(0)

Angular 自定义模块

摘要：创建自定义模块 app.module.ts user.moudle.ts 阅读全文

posted @ 2019-05-24 10:28 LoaderMan 阅读(1469) 评论(0) 推荐(0)

angular 中父子路由

摘要： 1. 创建组件引入组件 import { NewsaddComponent } from './components/newsadd/newsadd.component'; import { NewslistComponent } from './components/newslist/newsli 阅读全文

posted @ 2019-05-23 15:32 LoaderMan 阅读(979) 评论(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 阅读(4446) 评论(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 阅读(5829) 评论(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 阅读(785) 评论(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 阅读(1011) 评论(0) 推荐(0)

Angular 中的生命周期函数

摘要：一、 Angular中的生命周期函数官方文档:https://www.angular.cn/guide/lifecycle-hooks 生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻阅读全文

posted @ 2019-05-21 17:22 LoaderMan 阅读(2081) 评论(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 阅读(1481) 评论(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 阅读(3196) 评论(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 阅读(2322) 评论(0) 推荐(0)

Angular 执行 css3 简单的动画

摘要：效果：阅读全文

posted @ 2019-05-21 10:56 LoaderMan 阅读(501) 评论(0) 推荐(0)

导航