三水清 -- IT技术博客大学习 -- 共学习共进步！

• chrome扩展应用开发教程之开发chrome应用基础

不得不说chrome做的真的不错，听了貘大大关于chrome插件机制的讲座，就有亲手做个chrome应用的冲动，这个周末终于抽时间做了一个简单的天气预报插件，原理还是很简单的，采用了weather.com.cn的数据，因为比较熟悉这个weather.com.cn的接口，所以很快就搞定一个简单的chrome天气预报应用了。废话不多说了，开始正文。本教程会step by step的讲解我周末的做天气预报插件，教程包括三篇文章《开发chrome应用基础》《应用开发》《调试和打包上线》，通过实例讲解，希望对大家开发chrome插件有所帮助。本文只是介绍了chrome应用开发的冰山一角，更多的chrome应用开发技巧还是要自己动手查看下google的文档。 chrome应用开发基础知识 chrome扩展应用是由html、css和javascript组成的，所以chrome应用的门槛比较低，对于一个

• HTMl5的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

• javascript嵌套函数的效率问题

javascript自诞生以来就是一门受争议的编程语言，很多人也对javascript的语法表示不解，例如javascript嵌套函数。本文来自Nettuts+的一篇教程，详细的介绍了javascript中嵌套函数效率问题，从小处说起，一直说到匿名函数、继承，感觉不错。

• IE6中javascript文件开启Gzip出现代码不执行情况

今天处理IE6下的一个bug，经过调试才发现是javascript文件文件总是执行不了，后来中午吃完饭回来才想起以前同事遇见的html中的javascript不可以执行的问题，怀疑是gzip的原因，此次的问题就是因为动态加载javascript文件导致代码不执行，经过研究发现gzip压缩过的javascript文件，如果header里Cache-Control 数据有no-cache, no-store，就会出现IE6中js代码不执行的问题。

• 正确理解javascript的this关键字

javascript有this关键字，this跟javascript的执行上下文密切相关，很多前端开发工程师至今对this关键字还是模棱两可，本文将结合代码讲解下javascript的this关键字。

• javascript的String.replace的妙用

作为前端开发人员，总会有点自己的奇技淫巧，毕竟前端开发不同于后端，代码全部暴漏给用户不说，代码冗余了少则影响带宽，多则效率降低。所以今天我也来爆个自己的奇技淫巧。 javascript的String.replace方法应该javascript前端开发工程师都了解，可是你掌握了吗？replace有接受两个参数，第一个参数可以是字符串，也可以是正则表达式，第二个参数除支持字符串之外，还支持$1形式正则匹配的文本，除此之外还支持传入一个处理函数，...

• javascript作用域和作用域链

javascript的作用域是一个重要的知识点，javascript作用域（scope）是通过javascript的作用域链（scope chain）来实现的。 javascript作用域 javascript作用域(scope)：简单的说，就是创建一个函数时在什么环境下创建的，它控制了javascript代码运行时变量和函数的访问范围。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。全局作用域（Global Scope）在代码中任何地方都能访问到的对象拥有全局作用域，注意：全局...

• 检查nginx配置，重载配置以及重启的方法

一直使用apache，新的vps使用的是nginx，于是开始折腾nginx了，今天查到了检查nginx配置是否正确和重启的方法，记录下，高手飘过。我的nginx安装在/usr/local/nginx，系统为ubuntu 几个常用的nginx命令 Nginx 安装后只有一个程序文件，本身并不提供各种管理程序，它是使用参数和系统信号机制对 Nginx 进程本身进行控制的。 Nginx 的参数包括有如下几个：可以这样使用 /usr/local/nginx/sbin/nginx -参数 -c ：使用指定的配置文...

• chrome扩展应用开发教程之调试和打包上线

今天的文章来说说chrome扩展开发的最后一步，代码调试和打包上线。 chrome扩展应用开发教程系列：《开发chrome应用基础》《天气预报应用开发》《调试和打包上线》 chrome应用代码调试跟前端开发一样，chrome应用开发过程中也是需要代码调试的，用的调试工具自然是chrome的开发者工具，所以前端开发工程师应该很快就可以上手！代码调试需要调出来chrome的扩展程序页面，有三种方式调出来chrome的扩展程序页面 chrome右上角“扳手...

• javascript获取隐藏dom的宽高

一个隐藏的DOM是获取不到宽高的，如果想要获取，采用下面的方法：首先clone一个DOM，设置position:absolute，然后设置top为一个比较大的负值，然后使其显示出来，最后获取到了DOM的宽高后，将其remove。

• nodejs教程：配置nodejs.exe的windows目录结构

上篇说了nodejs在cygwin下面的配置，可是用起来真的不爽，很多人在微博也说有nodejs.exe文件，于是试着配置下，发现nodejs.exe+github做插件管理，是在windows下面搭建nodejs服务器的不错选择。下面结合自身实践，简单说说。 nodejs.exe path配置首先去官方下载最新版的nodejs.exe。下载后随便找个地方放，例如D:\\node。有两种方法配置PATH， 1、直接把nodejs.exe复制到windows文件夹下，这样就不用在环境变量里面配置PATH了 ...

• nodejs教程：安装及配置app.js文件

express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室。安装express.js 如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可： npm install express -gd -g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果

• 使用socket.io和node.js搭建websocket应用

websocket是HTML5的一种新的通信协议，它是实现了浏览器与服务器的双向通讯。在 WebSocket API 中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。关于websocket的更多信息，请移步维基百科使用WebSocket 在客户端使用websocket需要创建WebSocket对象，通过提供的open、send、message、close等方法实现创建、发送、监听信息、关闭连接。例如下面的代...

• 在Express和Socket.IO中使用session

在nodejs项目中对于一些认证需要用到session，例如我写的nodejs 聊天室的demo，就是通过session实现的认证。当存在session，直接进入聊天室，而不会重新登录。在网上也找到不少关于Express框架中的session调用方法，可是发现真正能用的不是很多，今天根据聊天室的制作过程，整理下Express和socket.IO中使用session的具体方法。 Express的session是通过cookie实现的，用到了connect中的两个module：parseCookie和MemoryStore，前者...

• 基于express+socket.io的nodejs聊天室

前几天晚上边看水浒边写的nodejs的聊天室，前面说了，放假之前要把近日学习nodejs的所有心得整理下，今天就是30号鸟~撒欢~，最后放这个聊天室出来给大家作为学习nodejs的参考示例，希望对大家有用。感谢：cnodejs群里的老雷，及其微博上的基友们！顺祝大家长假快乐，顺祝自己明天动车不出轨，顺祝明年不再过节，感慨多了…… 特点聊天室主要功能及其特点：采用nodejs（屁话） express框架,jade做模板 socket.io做前后端的webso...

• 使用html5 postMessage和window.name实现多浏览器跨域

因为浏览器的同源策略，导致不同域名下不能进行跨域名请求数据，虽然这样设计安全了很多，但是对于大型的网站同时维护多个域名就需要进行跨域操作。例如：微博开放平台的jssdk实现的跨域请求数据，再例如weibo.com和sina.com的同步登录。

• 提高网站访问速度的十个技巧

网站的访问速度和性能对用户体验来说是非常重要的。如果你的网站访问非常的慢，你不仅会失去用户，而且更可怕的是你会失去潜在的客户。因此当你需要优化网站速度时，你需要考虑方方面面，每个毫秒。这里对改进网站性能提出一些基础和普遍的建议。

• 使用navigator.geolocation来获取用户的地理位置信息

W3C 中新添加了一个名为 Geolocation的 API 规范，Geoloaction API的作用就是通过浏览器获取用户的地理位置。我们可以使用navigator.geolocation来简单的获取用户的地理位置信息。本文中将简单介绍下W3C的Geolocation。

• 使用xdebug调试PHP 找出PHP程序的瓶颈

xdebug是PHP的一个扩展应用，有了xdebug就可以轻松的调试PHP程序，有了它，我们就不用使用var_dump()，print_r()之类的傻瓜调试函数了。 Xdebug则提供了更多的功能，能全方位的对PHP脚本进行调试。

• iframe自适应高度代码

有不少wBox的用户反映iframe时候不可以自动撑开高度，今天在无意中看到了司徒正美的一片关于iframe自适用高度的js代码，感觉不错，转载来了。