随笔档案「2018年9月」 - sandyLoveCoding

1.11 ionic3入门——ion-fab悬浮按钮的拖拽，ionic指令

摘要：上一节我们谈到ionic自带的ion-fab功能都不错，但有着不能拖拽的先天不足，这就导致其实用性大大降低，试想，一个不能任意拖拽的悬浮按钮，这到底有多不方便，本节用新建指令的方法实现了悬浮按钮的拖拽功能。（1）什么是指令（directive）以上是一个按钮，为html中常见的button元素，不阅读全文

posted @ 2018-09-25 20:33 sandyLoveCoding 阅读(913) 评论(0) 推荐(0)

1.10 ionic3——悬浮按钮 ion-fab

摘要：编辑文章 ion-fab类似于iOS设备上的悬浮按钮，点击以后会弹出隐藏起来的一些按钮，达到快捷的作用，在ionic官方文档为，https://ionicframework.com/docs/components/#fabs 我直接贴源码了（1）悬浮按钮 ion-fab <ion-fab righ 阅读全文

posted @ 2018-09-25 20:31 sandyLoveCoding 阅读(490) 评论(0) 推荐(0)

1.9 ionic3入门——自定义组建component

摘要：在实际项目中，我需要间一个悬浮按钮，在当前页面建好之后，其他页面也需要，这个时候我可以选择在需要这个组建的页面中一次次复制粘贴我的代码，工作量不大，但这样光想一想就要被枪毙（最近的假新闻，程序员因代码不规范，枪杀同事，http://www.sohu.com/a/255628694_100250530 阅读全文

posted @ 2018-09-25 20:30 sandyLoveCoding 阅读(323) 评论(0) 推荐(0)

1.8 ionic3入门——测滑菜单（side menu）中的界面跳转

摘要：（1）如1.3 所写，测滑菜单写在app.html，所以测滑菜单中的各个按钮的实现就在app.component.ts中写了，如果像其他普通界面一样在app.component.ts中引入NavController并在构造函数constructor中声明public navCtrl:NavContr 阅读全文

posted @ 2018-09-25 20:29 sandyLoveCoding 阅读(223) 评论(0) 推荐(0)

1.7 ionic3入门——本地存储

摘要：（1）localStorage适用于存储用户名、个人信息等小体积的文本移除（2）sqlite-storage当要保存图片这种大体积的文件到本地时，localStorage就不够用了，用storage用法1.在终端里加载 2.在app.module.ts中配置在imports中加入IonicSt 阅读全文

posted @ 2018-09-25 20:28 sandyLoveCoding 阅读(277) 评论(0) 推荐(0)

1.6 ionic3入门——隐藏二级界面的tabs

摘要：编辑文章（1）设置app.module.ts中的imports在IonicModule.forRoot中加上tabsHideOnSubPages: 'true' 就行了 imports: [ BrowserModule, HttpModule, JsonpModule, IonicModule.f 阅读全文

posted @ 2018-09-25 20:26 sandyLoveCoding 阅读(138) 评论(0) 推荐(0)

1.5 ionic入门——http get post

摘要：（1）app.module.ts中引入（2）在imports中注入 HttpModule和JsonpModule （3）在需要的页面中引入（4）构造函数中声明（5）get请求（6）post请求 1.设置头文件 (7) post数据为formData不要设置头文件，不然报错，头文件空着阅读全文

posted @ 2018-09-17 10:13 sandyLoveCoding 阅读(185) 评论(0) 推荐(0)

1.4 ionic入门——leaflet地图

摘要：（1）新建页面 ionic g page map (2) 引入在app.module.ts引入map页 import { MapPage } from '../pages/map/map'; （3）跳转在需要跳转的界面引入 import { MapPage } from '../pages/map/ 阅读全文

posted @ 2018-09-17 10:12 sandyLoveCoding 阅读(456) 评论(0) 推荐(1)

1.2 ionic入门——制作icon和splash

摘要：当我们创建好ionic项目之后，系统默认制作了icon和splash,样式如下：注意系统默认的分辨率～我们后面就要照着它这个分辨率来设置图片（一）重新添加iOS和android平台 ionic cordova platform rm ios ionic cordova platform add 阅读全文

posted @ 2018-09-17 10:11 sandyLoveCoding 阅读(233) 评论(0) 推荐(0)

1.3ionic入门——tabs样式添加测滑栏

摘要：新建ionic tabs项目之后，替换app.html中的代码，代码如下： app.html app.html 然后在你需要加测滑栏的页面导航栏中加入按钮就行了阅读全文

posted @ 2018-09-17 10:11 sandyLoveCoding 阅读(224) 评论(0) 推荐(0)

1.1 ionic入门——新建ionic项目

摘要：（一）ionic是什么简单的讲，ionic是一个跨平台框架，一个让你只写一次代码却可以将android、iOS、微信公众号、移动端web页面一把撸的框架。（二）ionic的基石 ionic是基于谷歌的Angular框架，在这个框架上做了封装，使得我们开发移动端程序更为便捷。 ionic还基于Co 阅读全文

posted @ 2018-09-17 10:09 sandyLoveCoding 阅读(1413) 评论(0) 推荐(0)