前端性能测试工具

1.berserkJS,新浪微博开源并使用的一个前端性能测试工具,据说它做得比phantomjs还更易用更好。
2.phantomJS,常用于单元测试,据说淘宝和百度是在用它的。
3.chrome’s devtools,按F12键就可以打开。非常详细。
4.web performance api,w3c组织制定的一个浏览器性能测试API,目前Chrome支持最好,可以使用js直接调用实现NB的性能检测。https://github.com/getwingm/web-performance

cordova的命令集

附上cordova常用命令列表

命令 说明
cordova create <工程路径> <包名> <工程名> 创建cordova工程,例如:cordova create helloworld “org.commom.helloworld” “helloworld”
cordova platforms add android 添加平台支持。
cordova build android 给cordova项目添加android平台。
cordova run android 编译和运行项目。
cordova install android 将编译好的应用程序安装到模拟器上。
cordova plugin add <插件完全限定名> 给项目添加插件。
cordova plugin remove <插件完全限定名> 删除插件。
cordova plugin list 查看插件列表。
cordova build android 编译代码
cordova emulate android 在模拟器上运行(前提是创建好AVD)
cordova serve android 在浏览器运行
cordova run android 通过USB直接安装到真机

—————————–
插件:http://plugins.cordova.io/
如以上我们看到的,Cordova默认提供的程序界面和功能非常简单。当然你可以根据你的需要,运行标准Web开发技术对页面进行设计。但是当你需要和不同的设备进行通讯交互时,你就需要借助于一些插件,以便能够访问Cordova提供的核心API。
一般来说,你添加一个插件的目的是为了利用Cordova的API访问设备。详细的可用插件列表你可以在社区中看到(http://plugins.cordova.io/)。当然你也可以自定义自己的插件。
你可以用CLI搜索可用的插件,比如:
cordovaplugin search bar code
你可以通过以下命令安装插件,比如:
cordovaplugin add org.apache.cordova.device //设备API
cordovaplugin add org.apache.cordova.network-information //网络(事件)
cordovaplugin add org.apache.cordova.battery-status //电池(事件)
cordovaplugin add org.apache.cordova.device-motion //加速器
cordovaplugin add org.apache.cordova.device-orientation //罗盘
cordovaplugin add org.apache.cordova.geolocation //定位
cordovaplugin add org.apache.cordova.camera //摄像头
cordovaplugin add org.apache.cordova.media-capture //媒体文件处理
cordovaplugin add org.apache.cordova.media //媒体文件处理
cordovaplugin add org.apache.cordova.file //文件访问
cordovaplugin add org.apache.cordova.file-transfer //文件传输
cordovaplugin add org.apache.cordova.dialogs //对话框
cordovaplugin add org.apache.cordova.vibration //震动
cordovaplugin add org.apache.cordova.contacts //联系人
cordovaplugin add org.apache.cordova.globalization //全球化
cordovaplugin add org.apache.cordova.splashscreen //闪屏
cordovaplugin add org.apache.cordova.inappbrowser //打开新的浏览器窗口
cordovaplugin add org.apache.cordova.console //调试控制台
你可以用以下命令查看所有已经安装的插件
cordovaplugin ls
使用以下命令删除插件:
cordovaplugin rm org.apache.cordova.console
Plugin add高级选项
上面的安装方式是从registry.cordova.io库中按照id获取插件,这是一个非常通用的做法。你可以在安装时指定版本,比如:
cordovaplugin add org.apache.cordova.console@latest
cordovaplugin add org.apache.cordova.console@0.2.1
其中的latest表示获取最新版本。中间用@分隔。
如果插件不是在默认库中,而是在其他地方,则你可以指定URL:
cordovaplugin add https://github.com/apache/cordova-plugin-console.git
当然你需要先安装git。
Merge目录
前面提到,一般情况下最好不要修改各自平台下的www目录下的文件。但是如果你确实需要为某个平台定制一些内容,又该怎么办呢?
项目根目录下有一个merges目录。我们以一个实例来讲解:
1) 修改www\css目录下的index.css文件,设置event.received的样式为红色: background-color:#FF0000;
2) 修改platforms\android\assets\www\css中的index.css文件,设置.event.received的样式为蓝色:background-color:#0000FF;
3) 在merges\android目录下新建一个css目录。
复制www\css中的index.css文件到该目录下。
修改该目录下的index.css文件中的.event.received的样式为绿色:background-color:# 00FF00;
仿真器中运行,你会发现最终呈现的结果为绿色。由此我们可知:
1) Merges目录中没有对应文件时,platform下的文件会被跟目录(www)下的文件覆盖。(即:如果Merges目录中不存在index.css文件,最终颜色将为红色)
2) Merges目录中存在对应文件时,platform下的文件会被merges下的文件覆盖。可见Merges目录主要用于为平台定制功能。
帮助命令
通过以下命令查看帮助信息:
cordova help
更新命令
以下语句更新cordova:
npm update -g cordova
cordova更新完成后,你还需要更新项目:
cordovaplatform update android
注意:
因为各版本之间差异较大,执行更新时请事先仔细阅读官方文档,以免发生数据丢失或错误。

ionic使用代理

根据ionic提示:https://www.npmjs.com/package/ionic

export http_proxy=http://10.199.x.y:8971
# Or
export PROXY=http://10.199.x.y:8971

ionic start my_app

# Additionally, pass in line
PROXY=http://10.199.x.y:8971 ionic start myTest tabs

GO的GDB调试

GoLang语言,学了很久,一直觉得它单步调试有较多问题,最近才知道自已对它了解得太少了。
原来GO语言对GDB的版本是至少为gdb7以上,才能比较好的打印任意变量,如果低于这个版本,则才会出一些问题。
网上说GDB版本为7.1,本人使用GDB7.8版本测试,确实很不错。以下是记录单步调试使用的几个打印变量。
info frame,打印当前栈参数。
info locals打印局部变量
info args打印参数。
bt显示当前堆栈
x/3xw &r查看内存

删除调试符号:go build -ldflags “-s -w” filename.go

-s: 去掉符号信息。
-w: 去掉DWARF调试信息。
关闭内联优化:go build -gcflags “-N -l” filename.go

—————–
在centos6.6里利用原生的GDB调试时,发现如下特点。
1.直接使用list命令,会进入到一个如下状态。
(gdb) l
/usr/local/go/src/runtime/rt0_linux_amd64.s: No such file or directory.
in /usr/local/go/src/runtime/rt0_linux_amd64.s

2.可以使用l main.main命令定位到主函数。
(gdb) l main.main
warning: Source file is more recent than executable.
4
5 type point struct {
6 x, y int
7 }
8
9 func main() {
10 i:=32
11 p := point{1, 2}
12 f := 3.3434
13 txt := "sdfsdfdsfsfds"

搜索引擎

Solr:http://lucene.apache.org/solr/,基于lucene的企业级搜索引擎
coreseek:http://www.coreseek.cn/基于sphinx的搜索引擎,适合论坛中小站类的搜索引擎

ibus输入法故障

sudo yum remove ibus --会将所有的输入法删除
安装ibus,ibus-table
sudo yum install ibus ibus-table –这样只会安装ibus的输入框架
sudo yum install ibus-table-wubi
yum install “@Chinese Support”
———————–
解决 CentOS 6.x 升级 Python2.7 后 Ibus 输入法无法使用问题
/usr/libexec/ibus-ui-gtk
/usr/ bin/ibus-setup
/usr/libexec/ibus-engine-table

将以上三个文件中的 “exec python” 修改为 “exec python26”

Qt与Object-C混合编程

1.添加proxy_ios.h文件,内容如下:
#ifndef PROXY_IOS_H
#define PROXY_IOS_H

QString systemProxy();

#endif // PROXY_IOS_H
2.添加proxy_ios.mm文件,内容如下:

#import
#import
#include

QString systemProxy(){
NSDictionary *proxySettings = NSMakeCollectable([(NSDictionary *)CFNetworkCopySystemProxySettings() autorelease]);
NSArray *proxies = NSMakeCollectable([(NSArray *)CFNetworkCopyProxiesForURL((CFURLRef)[NSURL URLWithString:@"http://www.baidu.com"], (CFDictionaryRef)proxySettings) autorelease]);
NSDictionary *settings = [proxies objectAtIndex:0];

QString host = QString::fromNSString([NSString stringWithFormat:@"%@", [settings objectForKey:(NSString *)kCFProxyHostNameKey]]);
QString port = QString::fromNSString([NSString stringWithFormat:@"%@", [settings objectForKey:(NSString *)kCFProxyPortNumberKey]]);
// QString type = QString::fromNSString([NSString stringWithFormat:@"%@", [settings objectForKey:(NSString *)kCFProxyTypeKey]]);
return host+":"+port;
}

3.在.pro工程文件中添加:
ios {
QMAKE_LFLAGS += -framework OpenGLES
QMAKE_LFLAGS += -framework GLKit
QMAKE_LFLAGS += -framework QuartzCore
QMAKE_LFLAGS += -framework CoreVideo
QMAKE_LFLAGS += -framework CoreAudio
QMAKE_LFLAGS += -framework CoreImage
QMAKE_LFLAGS += -framework CoreMedia
QMAKE_LFLAGS += -framework AVFoundation
QMAKE_LFLAGS += -framework AudioToolbox
QMAKE_LFLAGS += -framework CoreGraphics
QMAKE_LFLAGS += -framework UIKit
QMAKE_LFLAGS += -framework CFNetwork
}
4.使用Qt添加proxy_ios.h和proxy_ios.mm文件。
5.在main.cpp文件中调用如下:
#include "proxy_ios.h"
void setDefaultProxy(){
QString hostport = systemProxy();
qDebug() <<"had find proxy address:" << hostport; if(!hostport.isEmpty()){ QStringList ip_port = hostport.split(':'); if(ip_port.length() != 2){ return; } QString host = ip_port.at(0); QString port = ip_port.at(1); if(host.contains("null") || port.contains("null")){ return; } bool ok = false; int iport = port.toInt(&ok); if(!ok || iport <= 0){ return; } QNetworkProxy proxy; proxy.setType(QNetworkProxy::HttpProxy);//设置类型 proxy.setHostName(host);//设置代理服务器地址 proxy.setPort(iport);//设置端口 QNetworkProxy::setApplicationProxy(proxy); qDebug() <<"+++had set proxy address:" << hostport; } }

6.编译即可。

yii的URL美化

ULR美化需要nginx的配合完成的。
本人是使用阿里云的lnmp构建。故以其为例,记录如下:
1.nginx的配置如下:
首先是rewrite规则,在/alidata/server/nginx/conf/rewrite目录下增加aixuefo.conf文件,其内容如下:

location / {
if (-f $request_filename/index.html){
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php){
rewrite (.*) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;
}
}

接着是主站的配置,在/alidata/server/nginx/conf/vhosts目录下新增aixuefo.conf文件,其内容如下:
server {
listen 80;
server_name www.aixuefo.com aixuefo.com;
index index.html index.htm index.php;
root /alidata/www/aixuefo;
location ~ .*\.(php|php5)?$
{
fastcgi_pass unix:/alidata/server/php/var/run/php5-fpm.sock;
#fastcgi_pass 127.0.0.1:9132;
fastcgi_index index.php;
include fastcgi.conf;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
}
location ~ .*\.(js|css)?$
{
expires 1h;
}
#伪静态规则
include /alidata/server/nginx/conf/rewrite/aixuefo.conf;
access_log /alidata/log/nginx/access/aixuefo.log;
}

然后是yii的组件配置:如下
‘urlManager’=>[
‘enablePrettyUrl’=>true,
‘rules’=>[
// ‘dashboard’ => ‘site/index’,
//
// ‘POST s’ => ‘/create’,
// ‘s’ => ‘/index’,
//
// ‘PUT /‘ => ‘/update’,
// ‘DELETE /‘ => ‘/delete’,
// ‘/‘ => ‘/view’,
// ‘//‘ => ‘/‘,
‘posts’ => ‘post/default/list’, 只测试这个小小例子
],

],