- 博客(39)
- 收藏
- 关注
RSS订阅翻译 Ionic2 slides的使用
<ion-slides pager> <ion-slide style="background-color: green"> <h2>Slide 1</h2> </ion-slide> <ion-slide style="background-color: blue"> <h2>Slide 2</h2> </ion-slide> <ion-slide style="ba
2017-03-31 17:10:07
6207
翻译 NavController模块之Nav Guards
NavController有ionViewCanEnter和ionViewCanLeave两个方法，类似于Angular2中的route guards机制。比如你想阻止用户离开一个视图。export class MyClass{ constructor( public navCtrl: NavController ){} pushPage(){ this.navCtrl.pus
2017-03-31 15:51:16
1002
翻译 Ionic2 NavController模块的生命周期事件
只要出现页面导航，生命周期事件（Lifecycle events）就会被触发。这些事件可以被定义在任何component的 class中。 下面就是一个实例：import { Component } from '@angular/core';@Component({ template: 'Hello World'})class HelloWorld { ionViewDidLoad()
2017-03-31 15:21:41
5260
翻译 Ionic2视图的创建与删除
视图创建当开发者往navigation stack里添加一个元素的时候，一个视图就会被创建出来。这个方法就是push(),NavController这个模块会通过@Component创建一个class，并作为模块的第一个参数。NavCotroller模块会在之后编译这个component.并把这个component添加到app，并塞入视图中。新增一个新页面，我们使用NavCotroller的push
2017-03-31 15:08:23
1415
翻译 Ionic2中的内置导航组件
NavPush定义：添加一个新页面到当前nav stack中。 上图就是一个手机的页面的删减页面，我们在按钮标签中绑定 NavPush属性进行翻页操作。<button ion-button [navPush]="pushPage"></button>//单纯地跳转页面<button ion-button [navPush]="pushPage" [navParams]="params">Go</
2017-03-31 14:29:02
4457
原创 Ionic2的NavController
NavController是导航控制器组件（如Nav/Tab）的基础类class，在你的app中你使用导航控制器跳转到某个页面。在基础层面上看，一个导航控制器就是一个页面数组，其代表着一个特殊历史记录，这个数组通过在历史记录中进行增删实现页面跳转。你可以认为当前页面是数组中最后一个元素，或者说是栈的的顶部。在导航栈的顶部塞入一个新页面就会触发一个新页面的动画加载。当然如果删除当前页面就在这个栈中暴露
2017-03-30 19:50:59
4913
1
原创 Ionic2 src文件夹分析
在Ionic2中src文件夹是我们主要的工作区域，我们看下这个文件夹的结构：appassetspagestheme一共四个文件夹。其中主要的两个文件夹就是app和pagesapp是ionic 应用的根目录，pages则是子组建。 我们先看app下面的五个文件。 app.scss用于设置全局css样式，一般我们都不用，所以没啥好说的。 app.module.ts 我们称为根模块，除非你
2017-03-30 16:39:29
3899
1
原创 Ionic2 文件包说明
当我们创建一个Ionic2项目的时候就会有这样一个文件包，那么这些文件夹和文件的意思分别是什么？hooks cordova 的readMenode_modules nodeJS的各类依赖包resouces android 和IOS的配置文件src Ionic的主文件区域，我们的工作主要就在这个文件夹下进行www 这个项目的根目录包含index.html,main.js main.css这些
2017-03-30 14:41:22
668
翻译 Ionic Native 浏览器的使用
在浏览器中使用原生插件Ionic Native拥有超过130个移动端原生SDK插件。这就可以让你在ios和android上创建一个拥有和原生app一样的应用能力。从历史角度来说，在浏览器中测试原生功能是非常困难的，这往往需要ionic开发者在真实设备或者模拟器上进行测试，而这又卡的要死。到了Ionic Native 3.0时代，就非常容易从传感器中测试数据，接入一个原生api（如：HealthKit
2017-03-29 19:12:52
772
翻译 Ionic Native 介绍
Ionic Native是一个为Cordova/PhoneGap打造的一款TypeScript打包器。它的作用在于可以在你ionic2移动端应用上添加任何你想要的原生app的功能。Ionic Native 包装的插件回调函数处于一个promise或者Observable里， 它会给所有的插件提供一个公共接口，并确保在Angular2中原生事件触发会被检测到。我们分析一下下面一段代码：import
2017-03-29 18:47:06
1707
翻译 Ionic2的CLI的命令行
在我们开发Ionic app的时候 CLI 是一个非常重要的工具。CLI包含了很多开发命令行，比如：start,build,server,run.当然也包含emulate,info。首先就是安装CLI, 注意CLI是一个基于nodeJS的工具，所以你得先有node和npm. 之后sudo npm install -g ionic创建一个项目：ionic start xxx --v2我们可以cd 到
2017-03-29 17:48:24
5067
翻译 Ionic2的数据存储
当在一个原生app词法环境下，一般优先使用SQLite,因为它是使用最广泛的稳定的文档型数据库之一，它也避免了一些诸如localstorage和IndexedDB的一些困境，比如系统在磁盘空间不够的时候会清除数据。如果你是在web中或者web app中运行的话，一般倾向于使用IndexedDB,WebSQL,以及localstorage.假如你使用的是SQLite,首先你得安装 cordova-sq
2017-03-29 14:50:51
5276
翻译 Ionic2 核心概念
如果你在Ionic或是其他hybrid移动设备开发方面还是一个小白。这篇文章将帮助你在核心哲学，概念和ionic工具方面提高认知。下面的信息会帮助你熟悉Ionic并熟悉它是如何工作的。这到底是啥玩意的框架？Ionic 框架是一个开源的SDK,开发者可以使用web技术开发移动端项目。Ionic的着力点主要体现在app的UI交互，外观和感觉。这就表示它没法代替PhoneGap的角色或者你所喜欢某个js框
2017-03-29 13:55:33
302
翻译 Ionic2 升级的概念
Ionic2是构建在Angular2之上。对于Angular2比较熟悉的朋友都知道，这完全是一个对原框架进行重写的一个全新框架。在Ionic2这里，Angular有的Ionic都有，但是开发者需要注意的是Ionic增添了一些新的语法，以及在架构上进行了一些变动。所以在学习Ionic之前，最好还是先去学习一下，Angular2方面的知识。我们先来对比一下，Ionic两个版本之间的区别：.config(
2017-03-29 13:24:14
244
翻译 Ionic2 在Android设备上的部署
部署在Android设备上比起IOS来说简单粗暴。你只要有Android的开发环境即可。 前期准备工作Android Studio更新完成Android SDK tools，平台和组建依赖。通过Android Studio的 SDK Manager确认都能用。 运行App首先确认你的Android 设备可以通过USB线进行调试，并进入开发者模式。然后在命令行中运行ionic run and
2017-03-29 12:43:06
2063
翻译 Ionic2安装
开发者只需通过Ionic 命令行组件（CLI）就可以轻松创建一个初级Ionic应用。之后再通过使用Cordova去模拟出一个原生应用。所以你得先安装一些组建以便后面的开发。 Ionic CLI 和 Cordova啥也别说，创建应用前先把最新版的CLI和Cordova装好了再说。当然前提是你的电脑中已经安装了最新版的Node.js，起码得是6以上版本。$ npm install -g ionic
2017-03-29 12:09:01
433
原创 Python 中的高阶函数
Python中的高阶函数和其他语言一样分别有以下几个：map(fn,List)//映射;filter(fn,List);//过滤只返回满足条件的元素sorted(List,key);//序列排序reduce(fn,List)//两两对折，返回一个唯一数值这几位在语法结构和参数的先后顺序上会同其他语言有所不同,但是在意义上并无二至。scores = [98,78,32,31,55,90,79
2017-03-28 19:50:25
498
原创 Python和JavaScript在语法上的区别[2]
定义函数在Js中声明函数是通过function 关键字，在python中，是通过def关键字，def的英文全称为define,在函数的块级中，Js是通过{}符合进行打包，而python则是使用：进行声明。如：def move(x,y): if x>0 && y>0: return 100; 可变参数在Python中有一个特殊概念，叫可变参数。比起普通
2017-03-28 19:13:34
1062
原创 Python和JavaScript在语法上的区别[1]
变量声明的区别在变量声明上Js使用的是var和let分别声明函数作用域和块级作用域。在python里直接写拉丁字母声明，无前缀。 数据类型的区别在js中基本的数据结构有Object,Array等6种基本的数据结构，在python中则为list,tuple,dict,set四种。list类似Js中的Array。但是二者在操作上有着很大的不同。比如在Js中获取一个数组的长度，Array.len
2017-03-28 15:49:00
2428
1
原创 Angular1 ng-bind-html 和 directive绑定的解决方案
很多时候我们在使用类似smidor这种文本编辑器会在数据库中保存一些HTML标签，当我们使用ng-bind-html内置标签将这些HTML文本渲染到页面时会遇到一个坑。那就是我们在HTML中自定义指令并不会显示出来这是由于ng-bind-html这个指令对于其中的模板没有进行编译。这个时候就会用到angular-bind-html-compile这个插件。当我们使用bing-html-compile
2017-03-27 15:23:54
958
原创 Angular1创建自定义指令
高能警告：这是一篇面向有Angular1项目基础经验开发者的文章，如果你是在查找directives API,你应该去$compile API 文档那边。墙那边的传送门：[嗖](https://docs.angularjs.org/api/ng/service/$compile)这篇文章会告诉你在你Angular1 app中，如何创建自己的directive以及如何使用这些diretives
2017-03-27 14:49:14
1165
原创 Javascript正则表达式的实例
var pattern = /\sJava\s/;var a = example.match(pattern);console.log(a)表示匹配前后都有空格的Java这个单词；var pattern = /\bJava\b/gi;var a = example.match(pattern);console.log(a)但是实际上在很多不严谨的文本中，他可能没有空格，所以我们会用到\b来圈
2017-03-24 16:00:29
530
原创 JavaScript的正则表达式
JavaScript的正则表达式是Perl5正则表达式的一个子集； 一般来说，JavaScript的正则表达式的创建方式有两种：RegExp()构造函数创建正则表达式的模型对象；大多数情况，都是通过一种特殊的直接量语法来创建。比如我们创建一个匹配所有字母为s结尾的字符串。第一种语法格式：new RegExp(“s$”);第二种语法格式：/s$/;我们来解释以下上面的这段代码的意思，所谓
2017-03-24 15:24:29
279
翻译 Angular1创建自定义指令
高能警告：这是一篇面向有Angular1项目基础经验开发者的文章，如果你是在查找directives API,你应该去$compile API 文档那边。墙那边的传送门：[嗖](https://docs.angularjs.org/api/ng/service/$compile)这篇文章会告诉你在你Angular1 app中，如何创建自己的directive以及如何使用这些diretives
2017-03-21 14:27:50
567
翻译 Angular2核心组件@Component
功能： 利用Angular的component创建一个class,并且在这个component中集中配置元数据（metadata）;如何使用？import { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls
2017-03-20 18:30:34
10314
原创 @Injector
功能： 注入依赖接口 如何使用： const injector: Injector = ...; injector.get(...);代码预览：class Injector {staticTHROW_IF_NOT_FOUND : _THROW_IF_NOT_FOUNDstaticNULL : Injectorget(token: any, notFoundValue?: any) :
2017-03-20 17:16:24
780
原创 ng2通用组件的概述
Angular2的通用组件库的标示为 @angular/common 在Angular2中地位仅次于核心组件，共计32个。包含NgClass,JsonPipe,Location这几类。在模板显示和路由跳转方面有着及其重要的功能。
2017-03-20 16:51:05
541
翻译 Location
功能： Location是一种服务，应用通过浏览器的URL可以使用这个服务进行交互。类描述 Location的使用是基于LocationStrategy的使用，Location既可以用于URL的路径也可以用于URL哈希片段。注意：这比用Router服务触发路由改变要好的多。使用Location服务你只需在路由的外部创建一个正常的URL即可交互。Location负责在应用基础的href上正常化一个UR
2017-03-20 16:45:44
705
翻译 Location
功能： Location是一种服务，应用通过浏览器的URL可以使用这个服务进行交互。类描述 Location的使用是基于LocationStrategy的使用，Location既可以用于URL的路径也可以用于URL哈希片段。注意：这比用Router服务触发路由改变要好的多。使用Location服务你只需在路由的外部创建一个正常的URL即可交互。Location负责在应用基础的href上正常化一个UR
2017-03-20 16:25:30
360
翻译 APP_BASE_HREF: OpaqueToken
暴露一个App基础路径。 APP_BASE_HREF token表示使用PathLocationStrategy调用一个基础路径。如果你正使用PathLocationStrategy，你必须提供给provider一个字符串用于表示URL的前缀，这个前缀在生成和识别URL的时候应当已经预存完毕。 import {Component, NgModule} from '@angular/core'
2017-03-20 16:03:19
1331
翻译 PathLocationStrategy
功能：利用URL储存当前应用的本地数据。概况： class PathLocationsStrategy extends LocationsStrategy{ constructor(_platformLocation: PlatformLocation, href?: string)onPopState(fn: LocationChangeListener) : voidget
2017-03-20 15:59:00
6358
翻译 Angular2 API通用类 之CurrencyPipe
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-03-20 15:37:58
2419
原创 Mongoose3.x版本用法
连接mongoDB 首先，我们需要定义一个连接，如果你的app仅仅使用一个数据库的话，那么你就使用mongoose.connect（）方法，如果你需要创建更多的连接，那么你就使用mongoose.createConnection()方法。无论是使用那种方法，里面的内容都是mongodb://url.或者host,database,port,options这样的参数。var mongoose = r
2016-12-03 19:35:29
865
原创 NodeJS中的mongodb驱动
在nodeJS中使用mongoDB作为数据库我们一般使用第三方中间件作为连接的方式，在npm中往往有mongodb,mongo-connect,以及mongoose等诸多中间件。这篇文章主要介绍的就是mongoDB官方出的mongodb驱动作为Node中间件如何实现对数据进行基本的增删改查功能。系统：ubuntu 16.04 mongo版本：3.2.0 mongodb中间件版本：2.2.12那个啥下
2016-12-03 19:06:57
695
原创 NodeJS 内置模块之crypto
文章背景node 7.2.0版本。主要参照内容Nodejs官方文档。语法ES6。crypto作为nodeJS已经稳定下来的模块在整个node中具有举足轻重的地位，一切app都需要加密解密，那么crypto就是一个提供加密功能的模块。在这个模块中已经打包了OpenSSL hash, HMAC（哈希信息验证码），cipher（加密）,decipher（解密）,sign（签名）以及verify（验证）的功
2016-12-02 16:49:23
13397
4
原创 Ubuntu系统下配置nodeJS. 7.0.X版本
首先官网下载……………….解压……………………好了，以上是个人都会不废话。1.终端下输入echo $PATH 查看系统的环境变量。2.sudo ln -s /home/kun/mysofltware/node-v0.10.26-linux-x64/bin/node /usr/local/bin/node sudo ln -s /home/kun/mysofltware/node-v0.10
2016-11-28 17:41:59
497
翻译 Nginx新手指南
这篇指南是对于nginx做一个基础性的介绍，并描述了一些可以做的简单的工作任务。如果你还没有安装nginx请去安装页面将nginx安装好，毕竟我们假设读者都是已经安装好nginx。这篇指南会描述如何启动 停止以及重新配置，并解释其配置文件的结构，告诉你如何建立起nginx分配静态资源，如何把nginx配置成proxy server服务。以及如何使用FastCGI 应用去连接nginx。nginx有一
2016-11-22 18:15:18
321
翻译 Nginx配置安装翻译
资料来源：Nginx官网 翻译：张伟Pre-Built Packages for Stable version 稳定版的预编码包在小红帽或者centOS中建立yum仓库，创建一个文件/etc/yum.repos.d/nginx.repo ，在里面添加如下内容：[nginx]name=nginx repobaseurl=http://nginx.org/packages/OS/OSREL
2016-11-22 15:28:06
673
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人