awen1983_个人页

libui-node体验笔记

简介 libui-node是基于libui库的node封装.libui库是一个简便的将本地原生的GUI封装的C语言库，并支持各平台（Mac,Linux,windows）。官网提供了第三方封装文档，开发者可以方便的实现自己语言的封装。

electron-利用node开发桌面应用

简介 web前端语言的发展有目共睹, 从原来的pc web, 到后来的mobile SAP, 再到 nodejs,全站工程师应运而生. js快速而且稳健的发展让人不得不重视, 相应的前端开发人员的地位也越来越高, 越来越多的人愿意投入到前端的阵营里去.

javascript与 ios通讯解决办法

　　阔别1年半之久，一个JavaScript和ios通讯的想法终于被实现了（我不知道别人有没有早就实现过~）。 　　记得早期ios内嵌html做通讯时，貌似做好的办法只能是 ios通过url来截取页面发送消息，但是这样一来如果页面框架对url的依赖比较高那么就会出问题，并且频繁改url，ios可能并不能拦截到每次的url。

html5 经验记录 持续更新

1 关于page cache 　　由于移动端浏览器webkit基本都实现了page cache（火狐叫做back-forwoad cache）;所以回退操作基本不会触发onload操作了，不过上一页的状态事件都会保存，一般情况下不会出问题，如果需要每次展现都触发事件可以考虑pageshow事件。

我的javascript心跳机

[心跳机] 功能设计 定时器功能 心跳过程中可以改变心跳间隔（睡眠状态和正常状态不会互相影响.比如睡眠状态下你修改正常心跳，心跳机依然按照睡眠心跳来运作） 中断 智能睡眠 智能苏醒 各种状态监听 功能体验 || 正常心跳秒， 睡眠心跳秒 || || ...

html5引擎开发 -- 引擎消息中心和有限状态机 - 初步整理 一

一 什么是有限状态机        FSM （finite-state machine），又称有限状态自动机，简称状态机，是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模型。他对于逻辑以及时序的控制能起到非常重要的作用。

SJS（simple javascript）html5开发扩展库

由于长期的开发html5移动项目，所以少不了使用一些库，如jquery mobile，zepto等，但是相对于移动设备来说，jquery太庞大了，而且它的意义在于兼容，当一切放在html5的基础上的时候，他就失去了意义。

Rhino -- 基于java的javascript实现

这几天突然对js引擎非常感兴趣，大概了解了一下，记下来备忘。javascript引擎大家比较熟悉的应该是当前比较火的Chrome V8引擎。以快速闻名。v8基于c++开发。这里就不多阐述了。另外一个是 基于java的Rhino引擎，这个想来大家不是很了解。

而桌面app向来是web前端开发开发人员下意识的避开方

web前端语言的发展有目共睹, 从原来的pc web, 到后来的mobile SAP, 再到 nodejs,全站工程师应运而生. js快速而且稳健的发展让人不得不重视, 相应的前端开发人员的地位也越来越高, 越来越多的人愿意投入到前端的阵营里去.

android 开发者资源下载地址记录（转+补充）

https如果无法下载的话将下面的：https://dl-ssl 部分改为 http://dl(1)Android SDK (Android SDK主安装包，包含SDK Manager、AVD Manager、工具包tools，释放后的根文件夹为android-sdk-windows): revision 22.

centos6.5 开发环境部署（nignx1.7.10+php5.4.38+mysql+ftp）

一些命令和规则以及准备 本次流程再 DigitalOcean上的vps上通过   查看是否已经安装 rpm -qa | grep nginx 删除安装 #普通删除模式 rpm -e nginx #强力删除模式，如果使用上面命令删除时，提示有依赖的其它文件，则用该命令可以对其进行强力删除...

css hack整理 (摘)

CSS Hack Table     Y 渲染 N 不渲染 H 部分版本或部分属性渲染 B 样式失效   windows Mobile Linux Mac IE Firefox Chrome Safari Opera Android iOS Firefox Chro...

【SJSB】 android-javascript开发框架

这是一个本人开发的android壳，作用就是为html5开发提供各种接口以调用native. 只是第一个版本，随笔以纪念。详细的说明和api都在 项目的readme中。 项目地址： https://github.com/cczw2010/sjsb  

mac 开发环境安装使用 记录

常用命令 1 查找文件位置： 　　$locate php-fpm 　　软件变动的话更新locate本地库，可能比较耗时。 　　$sudo /usr/libexec/locate.updatedb 2 查找运行文件位置 　　$whereis php-fpm 　　$witch php-fpm 所有命令最好再超级管理员下运行，防止权限问题。

Ubantu apt source 国内

位置 /etc/apt/sources.list apt-get update   deb http://mirrors.163.com/ubuntu/ precise main restricted universe multiverse deb http://mirrors.

sublime window 配置记录 （转）

大家好，今天给大家分享一款编辑器：sublime text2    我用过很多编辑器，EditPlus、EmEditor、Notepad++、Notepad2、UltraEdit、Editra、Vim，还有包括netbeans , zendstudio, dreamweaver 等。

关于ie中实现弹性盒模型-我的css

css3中的弹性盒模型大家都不陌生，但是能否在ie6中实现呢？第三方库中涉及到的页少之又少，也有一部分css框架中支持各种布局，下面给出我用的盒模型样式（为了以后copy方便而已）： /*********************************** *兼容盒模型 by awen *...

图像，script，link 空地址带来的困惑

前端开发人员估计很多人都不清楚这些标签的空地址会带来哪些让人意想不到的问题。包括我，很长一段时间都认为这是无伤大雅的事情，直到有一次遇到莫名其妙的问题，下面会拿image来详细介绍（其他类似）。 下面是两种空src的image对象写法： --------------------------------------- var img = new Image(); img.

localStorage变更事件当前页响应新解-awen

html5的localStorage相信大家都是很熟悉了，但是在chrome等支持该对象的浏览器中（ie10除外），如果你监听storage变更事件你就会发现，当数据发生变化时本页是监听不到storage事件变更消息的。

virtual 安装 centos6.3 中遇到的问题

1 Unable to boot – please use a kernel appropriate for your CPU. 　　运行到下面步骤后，哥选了个skip（无关选项的事）： 　　 　　结果如题的错误，google了一下找到的解决办法是PAE开启一下就可以了，步骤是：设置——系统——处理器——扩展特性 ------启用 PAE/NX！ 2 no usable disk have been found 　　安装本来一向顺利，但是选择完语言后蹦出了个warning： 　　 　　这里应该选择Re-initialize All。

我的js单例模式

function Single(s){ if (Single.instance!=undefined) { 　　　　return Single.instance; 　　}; 　　/**测试代码 start*/ 　　var a=new Date().

关于memcache

一 安装 1、linux环境下：/usr/local/lib/memcached -d -m 2048 -u root -c 1024 -p 11211 -P /tmp/memcached1.pid/usr/local/lib/memcached -d -m 2048 -u root -c 1024 -p 11211 -P /tmp/memcached2.

javascrpt绑定事件之匿名函数

经常听到有人说，匿名函数绑定事件不好控制啊，无法解除绑定啊等等等等，一直很奇怪谁说的不能解除绑定。 下面来实现click事件2次后，自动解除绑定。 看代码： var dom=document.getElementById("test"),clickt=0; dom.addEventListener("click",function(e){ clickt++; alert('你摸了我'+clickt+'下了。

浏览器的缓存机制

这两天，拾前人牙慧了解了下浏览器的缓存机制，备忘一下。 一般来说，浏览器都是有缓存的，缓存机制可以通过http请求协议，和html的meta标签来设定，我们前端it牛就只关注后者吧，前者需要服务端或者本地程序自己定义。

javascript运行机制

很多人对javascript的加载运行机制懵懵懂懂，包括我也是。所以整理出来备忘： 一 先热热身，看看下面两段代码： //example 1 alert(a);a=1000;//example 2alert(b);var b=1000;//example 3func();var func=function(){}; 这三个会咋样呢？第一个会直接报错，代码终止执行当前代码块，跳入下一个代码块开始执行；第二个呢会弹出undefined,第三个会直接报错func不是一个函数。

drupal7 学习笔记-----(持续更新中...)

最近折腾了一下drupal7，大概的了解了一下，头昏那个脑涨啊。找网上的介绍倒是一大堆，但大多是e文的，中文的一半都是一知半解的叙述。 与痛苦和纠结中总结了一些经验，几记录下来备用。具体如下： 一  安装相关 　　1 安装drupal超时（主要是安装中文翻译的时候） 　　方法一： 　　修改php.

JavaScript的继承 -转载

JavaScript继承 概况 在《Object Oriented JavaScript》提及了12种javascript的继承方式的变化(12种，感觉有点多吧). JavaScript中并没有类，function在JavaScript中的作用只是作为一个构造函数，不过我们后面都暂且把构造函数叫做类。

css兼容的问题 -持续更新

如果ie6设置span的display为 inline-block或者block  那么span的高度你会发现无法设置成20像素以下，以为ie6的盒模型 最小高度是20像素。如果想设置成更小，要用overflow=hidden ; 如果Ie6设置了float为left，有时你会发现容器的margin变成了原来的两倍（不尽然准是两倍），解决办法是增加 display=inline 属性。

Android sqlite 操作类

简单介绍一下。该dao类继承了bean操作接口，当然也开放了sqlitedatebase类接口，你可以尽情使用其原生方法。 其中用到了 LangUtil类，是个反射操作类，主要是获取get set方法啊，成员变量列表啊什么。

开始写游戏引擎 PM-------贪吃蛇demo~~~doing

接着测试引擎。下面写了个依据引擎的贪吃蛇demo.当然bug没调完。懒，慢慢调 分数：0  

box2dweb之关节joint（连接器）

1 概述 　　前篇基础文章看完后基本上就应该对box2dweb能上手了，下面来介绍一下box2dweb非常重要的一个概念，关节（joint）也有叫连接器的，总之是一个意思。下面是关节详细的类库说明： BOX2D.

box2dweb的学习测试demo

开始写游戏引擎 PM-------物理引擎压力测试

css3弹性盒子模型详解（ Flexible Box Model）

相信很多人在进行页面布局的时候，经常会使用到float,margin,padding等布局元素，并为了调整细节烦不胜烦，CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)为大家带来了不一样的新体验。

box2dweb基础

简介 　　大名鼎鼎的物理引擎box2d基本上大家都听说过，网上有两个javascript版本的box2d库，一个时box2djs，已经停止维护，一个是box2dweb。下面就来介绍一下box2dweb的基本信息。