预览模式: 普通 | 列表

Node.js JSON对象支持序列化和反序列化

 nodejs使用了google的v8 JavaScript引擎,内置的原生JSON对象支持序列化和反序列化操作,操作很方便,示例:

[javascript] 
// demo-json.js 
var obj = {  
    "name": "LiLi", 
    "age": 22,  
    "sex": "F"  
}; 
 
var str = JSON.stringify(obj); 
console.log(str); 
 
var obj2 = JSON.parse(str); 
console.log(obj2); 

 

因为狠方便,所以我直接把这个拿来作为一种小通讯协议!

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6981

js中Math对象的方法 

 1.丢弃小数部分,保留整数部分

parseInt(5/2)

2.向上取整,有小数就整数部分加1

Math.ceil(5/2)

3,四舍五入.

Math.round(5/2)

4,向下取整

Math.floor(5/2)

Math 对象的方法
FF: Firefox, N: Netscape, IE: Internet Explorer

方法 描述 FF N IE 
abs(x) 返回数的绝对值 1 2 3 
acos(x) 返回数的反余弦值 1 2 3 
asin(x) 返回数的反正弦值 1 2 3 
atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 1 2 3 
atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间) 1 2 3 
ceil(x) 对一个数进行上舍入。 1 2 3 
cos(x) 返回数的余弦 1 2 3 
exp(x) 返回 e 的指数。 1 2 3 
floor(x) 对一个数进行下舍入。 1 2 3 
log(x) 返回数的自然对数(底为e) 1 2 3 
max(x,y) 返回 x 和 y 中的最高值 1 2 3 
min(x,y) 返回 x 和 y 中的最低值 1 2 3 
pow(x,y) 返回 x 的 y 次幂 1 2 3 
random() 返回 0 ~ 1 之间的随机数 1 2 3 
round(x) 把一个数四舍五入为最接近的整数 1 2 3 
sin(x) 返回数的正弦 1 2 3 
sqrt(x) 返回数的平方根 1 2 3 
tan(x) 返回一个角的正切 1 2 3 
toSource() 代表对象的源代码 1 4 - 
valueOf() 返回一个 Math 对象的原始值

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 3664

NODEJS+npm+express在Windows下的安装

Node.js是一套用来编写高性能网络服务器的JavaScript工具包

Node.js是一个可以快速构建网络服务及应用的平台。该平台的构建是基于Chrome's JavaScript runtime,也就是说,实际上它是对GoogleV8引擎(应用于Google Chrome浏览器)进行了封装。

V8引 擎执行Javascript的速度非常快,性能非常好。Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。可以说,Node.js是为网络而生的。我们在做PHP开发的时候经常需要用到类似的工具。(原文:http://www.zeroplace.cn/)

一. 安装NODEJS

到NODEJS的官网,下载msi安装包直接安装即可 (官网http://nodejs.org/),

查看更多...

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6823

jQuery.proxy的实现原理

jQuery 1.4 新增有一个很好用的工具函数,我们做WEB应用开发的时候经常需要用到,叫做$.proxy,根据官方的描述:

返回一个新函数,并且这个函数始终保持了特定的作用域。

比如我们定义Object如下

 

var obj={
	msg		: "Hello word",
	callback: function(){
		alert(this.msg);
	}
};

查看更多...

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6630

 

a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

 

 

 

Tags: 手机浏览器 超链接

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 4425

html判断IE版本

 

1. <!--[if !IE]> 除IE外都可识别 
2. 
3. 
4. 
5. 
6. 
7. 
8. 
9. 
10. 
11. 

 

 

Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。

查看更多...

Tags: html Html版本

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5508

用IE轻松JS反混淆

我们经常看别人的前端代码,但是经常被混淆了,用IE可以轻松反混淆。不罗嗦,直接上图~

 

JS反混淆

Tags: JS反混淆

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5392

 

一、PIE之简述

在国外,CSS3的盛行与普及,探讨与研究要比国内领先不知多少个身位。相比之下,国内似乎如一潭死水,为何?我觉得国内领先的前端团队应该通过自身的影响力,带动国内整个前端领域与时俱进。然而,可以理解,我们都是要养家糊口或是谈情说爱的,我们不都是圣人,有着以天下兴亡为己任的责任心与使命感,所以呢,要么等着别人喂,要么闭门造车。这,不说也罢。

我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。都目前为止,有不少可以让IE支持部分CSS3属性的工具。例如:

1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js)
这个玩意估计是试图让IE支持CSS3属性的鼻祖,还算蛮强大,就是性能开销较大,要解析很多文件脚本,给DOM添加大量的元素以及ClassName。

查看更多...

Tags: PIE IE支持CSS3 圆角 渐变 CSS

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5286

好用的jQuery插件收集

 弹窗插件

artDialog

官网:http://www.planeart.cn/demo/artDialog/index.html

 

查看更多...

Tags: jquery jquery插件

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 4768

Win7下localhost与127.0.0.1的区别

 首先来看一下默认情况下PING localhost

 地址是::1,这是一个IPV6 的地址

然后我们再在hosts里面修改localhost的地址为127.0.0.1,这个不用看就知道,ping localhost一定是如下的结果

查看更多...

分类:win7技术 | 固定链接 | 评论: 0 | 查看次数: 5727

webbench linux压力测试工具

wget http://www.zeroplace.cn/centos/webbench-1.5.tar.gz
tar zxvf webbench-1.5.tar.gz
cd webbench-1.5
make && make install
webbench -c 500 -t 30 http://127.0.0.1/test.jpg

参数说明:

-c表示并发数,

-t表示运行时间(秒)

最后就会出现详细的测试信息了:

查看更多...

分类:WEB服务器 | 固定链接 | 评论: 0 | 查看次数: 4915

nginx 内置变量

 nginx内置变量列表,根据 Nginx 源码文件 ngx_http_variables.c 提取了nginx 的内置变量。

根据不同的版本,变量可能有些变化,大多数还是可以用滴。上图

查看更多...

分类:WEB服务器 | 固定链接 | 评论: 0 | 查看次数: 5126

配置修改Nginx支持ThinkPHP的PATHINFO

  ThinkPHP支持通过PATHINFO和URL rewrite的方式来提供友好的URL,只需要在配置文件中设置 'URL_MODEL' => 2 即可。在Apache下只需要开启mod_rewrite模块就可以正常访问了,但是Nginx中默认是不支持PATHINFO的,所以我们需要修改nginx.conf文件。

  网上搜了很多方法都不奏效,研究了一天,发现通过以下的配置可以完美支持 'URL_MODEL' => 2 的情况了

location /project/ {
    index  index.php;
    if (!-e $request_filename) { 
       rewrite  ^/project/(.*)$  /project/index.php/$1  last;
        break;
    }
}

location ~ .+\.php($|/) {
    set $script    $uri;
    set $path_info  "/";
     if ($uri ~ "^(.+\.php)(/.+)") {
        set $script     $1;
        set $path_info  $2;
     }
         
   fastcgi_pass 127.0.0.1:9000;
   fastcgi_index  index.php?IF_REWRITE=1;
    include /APMServ/nginx/conf/fastcgi_params;
    fastcgi_param PATH_INFO $path_info;
   fastcgi_param SCRIPT_FILENAME  $document_root/$script;
    fastcgi_param SCRIPT_NAME $script;
}

这里先把project下的请求都转发到index.php来处理,亦即ThinkPHP的单一入口文件;然后把对php文件的请求交给fastcgi来处理,并且添加对PATH_INFO的支持。

  重启Nginx以后,http://localhost/project/Index/insert, http://localhost/project/index.php/Index/delete 这样的URL都可以正确访问了。

  还有一个地方需要注意的是,Nginx配置文件里 if 和后面的括号之间要有一个空格,不然会报unknown directive错误。

分类:WEB服务器 | 固定链接 | 评论: 0 | 查看次数: 4139

CSS图片居中方法

用了一点针对IE的HACK

 

.imageContainer {
   /*非IE的主流浏览器识别的垂直居中的方法*/
     display: table-cell;
     vertical-align:middle;

     /*设置水平居中*/
     text-align:center;

     /* 针对IE的Hack */
     *display: block;
     *font-size:175px;/*约为高度的0.873,200*0.873 约为175*/
     *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/

     width:200px;
     height:200px;
     border: 1px solid #eee;
}

.imageContainer img{
	vertical-align:middle;
}

 

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 4216

在文章的开始,我首先要声明一点:本篇文章不是讲解的ThinkPHP的多语言转换,而是关于ThinkPHP使用公共语言包来代替模板文件中的汉字的教程.

我们知道,Css方便之处在于它可以让你定义一个样式,只要你修改下这个样式,那么所有的样式都会随之改变,而ThinkPHP的公共语言包功能也是这个原理,我们可以设置一个数组,该数组中包含了模板中用到的语言.如果要修改模板中的多处相同的文字是比较麻烦的,但是如果只是修改数组中的某一项就简单多了.下面我们就来看下,如何在ThinkPHP下建立自己的语言包.

首先,我假设你已经初始化了Thinkphp(生成了文件的架构),在这里就拿我的一个项目为例子来讲解下.

我的项目文件夹是SitePHP(APP_PATH),那么我们首先要配置下语言包的使用环境,我们找到SitePHP/Conf/config.php(如果没有就新建一个)

添加如下语句

 

return array{ 
'LANG_AUTO_DETECT'=> false,
'LANG_SWITCH_ON' => true,
'DEFAULT_LANG' =>'cn', 
}

 

好了,下一步我们需要,在SitePHP/Lang文件夹下建立cn文件夹,因为ThinkPHP系统会自动调用默认语言文件夹下的common.php文件,那么我们就建立一个common.php文件,然后在common.php文件中添加如下内容:

return array( 
'site_name' =>'我的网站', 
'site_keywords' =>'网站,SEO',
)

下面是最关键的一步,(笔者因为忽略了这一步好久没有调用成功),在SitePHP/Conf/下 建立一个tags.php文件,然后加入如下内容

 

return array(
'app_begin'=>
       array('CheckLang'),
);

好了,你已经配置好一切了,可以随便调用了,如果你想在Action中调用,那么可以使用

L(“site_name”)

如果你想在模板中调用,你可以使用{:L(“site_name”)},这样一来如果你想修改网站的名称直接修改site_name的值就可以了,是不是很方便呢?

上面我只是说了一些比较大众的设置,如果你设置了分组,以及TMPL_FILE_DEPR,那么相对就要根据不同的情况来命名语言包了

具体的语言包文件命名规范如下:

项目公共语言包 语言目录/common.php
项目分组语言包 语言目录/分组名.php
项目模块语言包 不存在分组情况:语言目录/模块名(小写).php
存在分组的情况:语言目录/分组名/模块名(小写).php

分组的模块语言包定义受TMPL_FILE_DEPR参数配置影响,如果你修改了TMPL_FILE_DEPR参数,例如:

  1. ‘TMPL_FILE_DEPR’=>’_',

那么,分组的模块语言包定义方式应该改为:
语言目录/分组名_模块名(小写).php

 

 

 

分类:PHP教程 | 固定链接 | 评论: 0 | 查看次数: 4417

centos用户查看

  • 查看系统中有哪些用户:cut -d : -f 1 /etc/passwd
  • 查看可以登录系统的用户:cat /etc/passwd | grep -v /sbin/nologin | cut -d : -f 1
  • 查看用户操作:w命令(需要root权限)
  • 查看某一用户:w 用户名
  • 查看登录用户:who
  • 查看用户登录历史记录:last
分类:linux教程 | 固定链接 | 评论: 0 | 查看次数: 3733

RPM命令使用详细版


一、RPM包管理的用途;

1、可以安装、删除、升级和管理软件;当然也支持在线安装和升级软件;
2、通过RPM包管理能知道软件包包含哪些文件,也能知道系统中的某个文件属于哪个软件包;
3、可以在查询系统中的软件包是否安装以及其版本;
4、作为开发者可以把自己的程序打包为RPM 包发布;
5、软件包签名GPG和MD5的导入、验证和签名发布
6、依赖性的检查,查看是否有软件包由于不兼容而扰乱了系统;


二、RPM 的使用权限;

RPM软件的安装、删除、更新只有root权限才能使用;对于查询功能任何用户都可以操作;如果普通用户拥有安装目录的权限,也可以进行安装;


三、rpm 的一点简单用法;

我们除了软件包管理器以外,还能通过rpm 命令来安装;是不是所有的软件包都能通过rpm 命令来安装呢?不是的,文件以.rpm 后缀结尾的才行;有时我们在一些网站上找到file.rpm ,都要用 rpm 来安装;

一)初始化rpm 数据库;

通过rpm 命令查询一个rpm 包是否安装了,也是要通过rpm 数据库来完成的;所以我们要经常用下面的两个命令来初始化rpm 数据库;

[root@localhost beinan]# rpm --initdb
[root@localhost beinan]# rpm --rebuilddb 注:这个要花好长时间;

查看更多...

分类:linux教程 | 固定链接 | 评论: 0 | 查看次数: 3587

Linux rpm 命令参数使用详解

RPM是RedHat Package Manager(RedHat软件包管理工具)类似Windows里面的“添加/删除程序”

rpm 执行安装包
二进制包(Binary)以及源代码包(Source)两种。二进制包可以直接安装在计算机中,而源代码包将会由RPM自动编译、安装。源代码包经常以src.rpm作为后缀名。

常用命令组合:

 

-ivh:安装显示安装进度--install--verbose--hash
-Uvh:升级软件包--Update;
-qpl:列出RPM软件包内的文件信息[Query Package list];
-qpi:列出RPM软件包的描述信息[Query Package install package(s)];
-qf:查找指定文件属于哪个RPM软件包[Query File];
-Va:校验所有的RPM软件包,查找丢失的文件[View Lost];
-e:删除包

查看更多...

分类:linux教程 | 固定链接 | 评论: 0 | 查看次数: 3744

centos 查看,卸载已安装软件

要知道安装了哪些组件,通过命令

rpm -qa|grep httpdrpm -qa|grep mysqlrpm -qa|grep php

分别可以查看本机安装的apache、mysql和php服务。如果返回为空,则说明本机没有安装该服务。

[root@localhost ~]# rpm -qa|grep httpdhttpd-2.2.3-43.el5.centos

查看更多...

分类:linux教程 | 固定链接 | 评论: 0 | 查看次数: 4490

10 套华丽的 CSS3 按钮推荐

 在过去的Web开发中,通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展,你完全可以通过几行代码来定制一个漂亮的按钮,并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤,并且非常易于编辑、扩展和定制,你只需要更改代码即可。 

本文收集了10套基于CSS3的按钮,你可以通过复制粘贴代码到你的CSS文件中来使用这些按钮。但需要注意的是,CSS3需要浏览器的支持,基本上这些按钮可以在大部分现代浏览器中完美呈现,但是在IE中支持还不够好。 

1.  漂亮的CSS3按钮 

 


2.  放射效果按钮 

 

查看更多...

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 3828
博主QQ: 友情链接请找我
QQ群: 灰色档案
返回顶部 关闭