代码改变世界

随笔分类 - web引擎

electron-利用node开发桌面应用

2016-10-21 11:35 by cczw, 15718 阅读, 收藏, 编辑
摘要:简介 web前端语言的发展有目共睹, 从原来的pc web, 到后来的mobile SAP, 再到 nodejs,全站工程师应运而生. js快速而且稳健的发展让人不得不重视, 相应的前端开发人员的地位也越来越高, 越来越多的人愿意投入到前端的阵营里去. 而桌面app向来是web前端开发开发人员下意识 阅读全文

【SJSB】 android-javascript开发框架

2014-10-13 18:15 by cczw, 302 阅读, 收藏, 编辑
摘要:这是一个本人开发的android壳,作用就是为html5开发提供各种接口以调用native.只是第一个版本,随笔以纪念。详细的说明和api都在 项目的readme中。项目地址:https://github.com/cczw2010/sjsb 阅读全文

javascript与 ios通讯解决办法

2014-08-05 13:26 by cczw, 3911 阅读, 收藏, 编辑
摘要:阔别1年半之久,一个JavaScript和ios通讯的想法终于被实现了(我不知道别人有没有早就实现过~)。 记得早期ios内嵌html做通讯时,貌似做好的办法只能是 ios通过url来截取页面发送消息,但是这样一来如果页面框架对url的依赖比较高那么就会出问题,并且频繁改url,ios可能并不... 阅读全文

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

2013-11-06 11:01 by cczw, 2009 阅读, 收藏, 编辑
摘要:一 什么是有限状态机 FSM (finite-state machine),又称有限状态自动机,简称状态机,是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模型。他对于逻辑以及时序的控制能起到非常重要的作用。代码主要看的是什么?逻辑!所有的设计模式无非是让程序逻辑变得更加利与维护,利于优化,利于升级而已。那么能不能把业务逻辑整理出来统一操作呢?你可以理解状态机就是干这个的(当然不仅仅是这样)。这样一来只要将一个业务看成一个状态机,有N中状态,然后统一来控制这些状态时的操作。大家都用过dom事件绑定,是不是某种状态时候就会触发某种事件?这明显也是状态机的概念能解释的。还有观察者模式或者 阅读全文

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

2013-07-17 16:59 by cczw, 8569 阅读, 收藏, 编辑
摘要:html5的localStorage相信大家都是很熟悉了,但是在chrome等支持该对象的浏览器中(ie10除外),如果你监听storage变更事件你就会发现,当数据发生变化时本页是监听不到storage事件变更消息的。而同域的其他打开的页面反而监听到了该消息。悲剧不?以上的机制应该是无可厚非的,但是对于单页app或者数据驱动的页面展现来说,这是一个让人抓狂的规事情。awen在开发中为了实现一个纯数据驱动的单页app机制。不得不面对这个问题,经过测试终于实现了本页面locaStorage变更监听。基本原理如下:1 重新生成一个对象,包装localStorage原生方法:var Storage 阅读全文

SJS(simple javascript)html5开发扩展库

2013-03-02 11:34 by cczw, 720 阅读, 收藏, 编辑
摘要:由于长期的开发html5移动项目,所以少不了使用一些库,如jquery mobile,zepto等,但是相对于移动设备来说,jquery太庞大了,而且它的意义在于兼容,当一切放在html5的基础上的时候,他就失去了意义。zepto的动画和拖动还是不尽人意,动画缺少控制,而且经常冲突,另外居然有些方法不支持iphone3g,但是公司开发时要求支持的。。。蛋疼是必须的。也是因为如此,作者就想了,干脆自己封一套算了,以前给自己各种借口逃避,现在终于狠心来下手了。算是为国产开源贡献点小力量。于是sjs出土了。。。这是一个面向html5的框架,本来可以更精简的,但是为了兼容一些智能手机移动设备(比如ip 阅读全文

浏览器的缓存机制

2012-11-30 12:04 by cczw, 1018 阅读, 收藏, 编辑
摘要:这两天,拾前人牙慧了解了下浏览器的缓存机制,备忘一下。一般来说,浏览器都是有缓存的,缓存机制可以通过http请求协议,和html的meta标签来设定,我们前端it牛就只关注后者吧,前者需要服务端或者本地程序自己定义。 这种方式用一句广告词来说就是”so easy!“,只需要如下代码:<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> meta标签很牛叉,它提供了很多属性来定义页面的文档信息,包括设置搜索引擎关键字啊,编码啊,作者啊,描述啊,语言啊等等,同样也提供了修改http信息的属性。比如上面的示例就 阅读全文

Rhino -- 基于java的javascript实现

2012-07-16 17:42 by cczw, 24671 阅读, 收藏, 编辑
摘要:这几天突然对js引擎非常感兴趣,大概了解了一下,记下来备忘。javascript引擎大家比较熟悉的应该是当前比较火的Chrome V8引擎。以快速闻名。v8基于c++开发。这里就不多阐述了。另外一个是 基于java的Rhino引擎,这个想来大家不是很了解。下面来简单介绍一下。Rhino简介(简介这部分是抄的)Rhino 是一种使用 Java 语言编写的 JavaScript 的开源实现,原先由Mozilla开发,现在被集成进入JDK 6.0。与其他很多语言一样,Rhino 是一种动态类型的、基于对象的脚本语言,它可以简单地访问各种 Java 类库。Rhino 从 JavaScript 中借用了 阅读全文

box2dweb之关节joint(连接器)

2012-05-17 14:00 by cczw, 1216 阅读, 收藏, 编辑
摘要:1 概述 前篇基础文章看完后基本上就应该对box2dweb能上手了,下面来介绍一下box2dweb非常重要的一个概念,关节(joint)也有叫连接器的,总之是一个意思。下面是关节详细的类库说明:BOX2D.Dynamics.Joints>>>动态关节包;b2DistanceJoint 距离连接b2DistanceJointDef 距离连接定义.b2GearJoint 齿轮链接.b2GearJointDef 齿轮连接定义.b2Joint 连接基类.b2JointDef 连接定义基类.b2JointEdge 用于组合刚体或连接到一起.刚体相当于节点,而连接相当于边b2MouseJ 阅读全文

box2dweb的学习测试demo

2012-05-15 15:13 by cczw, 314 阅读, 收藏, 编辑
摘要:box2dweb的测试页面。。。。。怎么一个乱字了得 阅读全文

box2dweb基础

2012-05-15 12:27 by cczw, 8311 阅读, 收藏, 编辑
摘要:大名鼎鼎的物理引擎box2d基本上大家都听说过,网上有两个javascript版本的box2d库,一个时box2djs,已经停止维护,一个是box2dweb。下面就来介绍一下box2dweb的基本信息。 阅读全文