express简单添加restful接口数据

准备工作

1.安装express generator到全局,然后下载初始化项目到本地

1
2
3
4
5
6
7
8
9
npm install express-generator -g

express myapp

cd myapp

npm install

DEBUG=myapp:* npm start

2.myapp目录下添加model文件夹,并新建comments.js文件,代码如下:

codova插件列表

1、QQ分享

描述:QQ分享插件

2、weChat分享

描述:微信分享插件

3、Custom-URL-scheme

描述:点击链接(协议),打开存在该协议的app

cordova文件上传/下载

1、file 文件系统

文件系统相关资料参考apihttps://github.com/apache/cordova-plugin-file

cordova.file.applicationDirectory app程序目录

cordova.file.applicationStorageDirectory app程序沙盒目录

cordova.file.cacheDirectory 缓存目录

cordova.file.tempDirectory临时文件目录

2、file Transfer 文件传输(下载/上传)

ionic分享插件

微博:https://github.com/iVanPan/cordova_weibo
QQ:https://github.com/iVanPan/Cordova_QQ
微信:https://github.com/vilic/cordova-plugin-wechat

各个开放平台申请appid

QQ:腾讯开放平台 http://open.qq.com/

微信:微信开放平台 https://open.weixin.qq.com/

微博:新浪微博开放平台 http://open.weibo.com/

ionic缓存和数据存储

1、ionic图片缓存

可采用方法:

1.图片转base64存本地缓存或数据库;

2.通过filefile transferdevice插件,把文件下载到app内。

3.通过imgcache.js使用html5文件存储到本地,可选择和angular-imgcache.js结合使用效果更佳。

注意打包到手机上需要仔细阅读cordova.md

2、ionic数据缓存

可采用方法:

ionic自动更新(ios和android)

首先,感谢分享本篇技术文档的作者,

以下文档整理自https://www.bestguy.net/2015/11/05/关于ionic的版本升级,只升级www部分

背景:

ionic官方有介绍如何更新、回滚等,但deploy服务器在国外,故不翻墙大多数时候是无法下载的,故需要自己搭建本地服务器。

参考官方文档:http://docs.ionic.io/docs/deploy-overview

ionic自动更新:

讲下原理,ionic内部也是cordova的,在android平台下,他的webview默认加载assert下边的www里边的内容,我们更新的时候,通过native android 把更新包下载下来,解压到 data/data/xx.xx/www里边,然后用cordova的 webView.loadUrlIntoView 直接把新的版本载入,升级完成。

ionic集成极光推送插件

相关链接:

极光推送官网

极光推送github主页

相关api

准备工作

1.添加极光推送插件和device插件,API_KEY为极光推送官网申请。

ionic调用原生页面切换动画

使用ionic一段时间,发现在ionic内使用$state.go()这个方法切换路由,会出现页面切换方向出错的问题。所以尝试找资料,找了好久发现无果…

后来偶尔看到ionic-native-transitions 这个插件,本地尝试了下,发现效果不错,还可以禁用ionic自带的页面切换动画,看简介貌似android只支持左右切换,上下和翻转不支持(没测试过)。

下面跟着github主页介绍一步一步走:

1.首先下载js插件到本地,我采用bower的安装方式

bower install shprink/ionic-native-transitions

然后插入

1
<script src="./PathToBowerLib/dist/ionic-native-transitions.min.js"></script>

angular实现checkbox单选和取消

template:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form novalidate>
选择名字:{{chooseArr}}
<ion-list>
<ion-checkbox ng-model="checkItem" ng-repeat="item in checkGroup" ng-click="chooseItem(item,checkItem)">
{{item}}
</ion-checkbox>
</ion-list>
<a class="common-button"
ng-click="getCheckBox()"
ng-disabled="!checkStatus"
ng-class="{true:'btn-disable',false:'btn-enable'}[!checkStatus]"
style="margin-top:15px;">
点击
</a>
</form>

js数组排序

转载自:http://www.cnblogs.com/longze/archive/2012/11/27/2791230.html

sort()对数组排序,不开辟新的内存,对原有数组元素进行调换

1、简单数组简单排序

1
2
3
4
5
6

var arrSimple=new Array(1,8,7,6);

arrSimple.sort();

document.writeln(arrSimple.join());

2、简单数组自定义排序

1
2
3
4
5
6

var arrSimple2=new Array(1,8,7,6);

arrSimple2.sort(function(a,b){ return b-a});

document.writeln(arrSimple2.join());
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×