2016年08月_shidaping

原创 html5 promise的使用

promise的目的是减少callback的嵌套，提高代码的可维护性。看一个投资的例子，每次抽奖要1秒，共5次，生成一个1-10随机数，大于5则中奖。 function drawPrize(){ var defer = Promise.defer() setTimeout(function(){ var random = p

2016-08-31 13:38:05 2308

原创 angular表单验证

angular表单验证主要涉及以下指令name:表单字段的属性名ng-pattern:正则表达式ng-required:必填required:必填ng-minlength:最小长度ng-maxlength:最大长度ng-trim:是否自己裁掉头尾空白，默认为true看例子：

2016-08-29 14:39:03 678

原创 angular使用bootstrap方法手动启动

要启动一个angular应用，可以使用ng-app指令，也可以调用bootstrap方法手动启动。先看一下angular的bootstrap方法。angular.bootstrap(element, [modules], [config]);element(必需)。要启动angular的根节点，一般为document，也可以是其他的的html的dom。modules(数组，可选

2016-08-29 11:37:56 7759

原创 angular1中的事件，以及$broadcast,$emit的区别

angular1中，使用$scope.$on(事件名，处理函数)可以接收事件，使用$scope.$broadcast(事件名，数据)或者$scope.$emit(事件名，数据)可以触发事件。那$broadcast和$emit有什么区别呢。他们的区别在于，$broadcast会向下广播事件即只有本身和子controller可以收到这个事件，而$emit向上广播事件，即只有本身和父controller

2016-08-25 14:41:59 2582

原创 linux命令之ngrep(网络抓包工具的使用)

ngrep是一个网络抓包工具，可以用来侦听各端口的数据流入和流出。其非系统自带，要自行安装。ubuntu下可直接通过apt-get install ngrep进行安装。下面看一个例子：sudo ngrep -W byline -d eth0 port 80-W byline是指遇到换行符时换行显示，否则数据是连续的不可读。-d eth0是指侦听eth0网卡， -d lo就是

2016-08-25 10:42:03 5171

原创 nodejs调试之使用内建调试工具

做过前端开发的同学都知道，在js中写一个debugger，然后在chrome中打开开发者工具，刷新页面，js就会停在debugger的地方，等待调试。那么在nodejs中怎么做到这一点呢?首先我先写一个example.js。var a=1;debugger;a +=1;然后在终端中输入node debug example.js。我们就进入调试模式了。此时输入help回车，可以看到可

2016-08-24 15:31:35 872

原创在express中使用websocket

express-ws是express的一个中间件，借助其我们可以在express中实现websocket的功能。其github地址为：https://github.com/HenningM/express-ws通过npm install express-ws可以安装。服务端代码：var express = require('express');var app = express(

2016-08-22 14:21:46 11402 2

原创 nodejs中的模块

基本用法nodejs中的模块管理遵循commonjs规范。使用module.exports(可简写为exports)导出模块，使用require来引入模块。例：myModule.jsvar myFunction=function(name){ return 'my name is ' + name;}module.exports=myFunction;// 也可也成exp

2016-08-19 15:48:38 473

原创使用pm2管理node进程

pm2是node进程的一个管理工具（在linux使用是比较稳定的，在windows上好像有问题，最好使用forever代替）。github地址：https://github.com/Unitech/pm2安装：npm install pm2 -g常用命令：pm2 start app.js --name 'myapp' -i 4 --log-date-format='YY

2016-08-17 11:40:44 5581

原创 ubuntu上安装并使用nvm管理node版本

nvm是一个非常不错的node版本管理器，类似于ruby的rvm。其github地址为https://github.com/creationix/nvm。此处介绍一下如何在ubuntu上安装使用nvm。首先安装必要的包。sudo apt-get updatesudo apt-get install build-essential libssl-dev然后安装nvm的脚本，有两

2016-08-16 11:40:17 24156 1

原创 nodejs系统包之util(工具包)

util模块中提供了一些判断和继承。例如util.isArray(),util.isRegExp()等。此处重点介绍一下util.inherits(constructor, superConstructor)方法。代码示例：var util = require('util');function Parent(age){ this.age = age;}Parent.prototy

2016-08-12 11:16:03 2232

原创 nodejs系统包之events(事件)

nodejs是事件驱动的，events包就是nodejs事件机制的实现包。简单实例:var events = require('events');var emitter = new events.EventEmitter(); //创建事件监听器的一个对象emitter.on('myevent',function(arg1,arg2){ //监听myevent console.lo

2016-08-11 11:49:33 1258

原创 android webview使用

activrty:import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.util.Log;import android.webkit.WebChromeClient;import android.webkit.WebView;import android.we

2016-08-09 14:58:10 436

原创 javascript使用async控制程序流程

前端使用：bower install asaync#1.5.2 --savenodejs中使用：npm install asaync@1.5.2 --savevar async = require('async');几个常用的流程控制：waterfall瀑布流，下一步依赖上一步： async.waterfall( [ /

2016-08-08 14:48:58 668

转载 CodeMirror 使用大全

CodeMirror 使用大全CodeMirror是一个用于编辑器文本框textarea代码高亮javascript插件，为各种编程语言实现关键字，函数，变量等代码高亮显示，丰富的api和可扩展功能以及多个主题样式，能满足您各种项目的需求。CodeMirror支持大量语言的语法高亮，包括C、C++、C#、Java、Perl、PHP、JavaScript、Python、Lua、Go、

2016-08-05 15:23:08 4539

转载如何区分Babel中的stage-0,stage-1,stage-2以及stage-3（一）

大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码：{ "presets": [ "es2015", "react", "stage-0" ], "plugins": [] } 我们现在来说明下

2016-08-03 17:34:33 3492

原创 nw.js入门

nw.js即原来的node-webkit, 允许你从DOM直接调用node.js中的模块。它可以让你使用任务web技术来开发本地应用。官网：http://nwjs.io/github: https://github.com/nwjs/nw.js到官网上下载ZIP包，解压。在解压后的包中创建index.html,写入如下内容： Hello World!

2016-08-01 14:38:49 1082

shidaping的博客