自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

JS模块化编程总结_待续

一、背景:    随着的互联网技术的不断发展,浏览器逐渐进化为集大成的CS客户端,页面功能向系统级、软件级靠拢的趋势下,开发团队也需要一些软件工程的方法来开发WEB项目,如测试驱动、面向对象,而模块化编程更是成为一种急需应用的技术。 全栈技术新Q群:435485569    二、需求:    为方便文件管理、增加复用,我们需要细化JS文件,每个文件负责一个职能,称之为模块...

2015-09-23 09:45:58 140

前后端分离项目实践_扩展

####一、前言>前段时间写了《前后端分离项目实践》收到一些建议,又经过两个月的项目实践、整理,和大家再分享下,统一回复下疑问。>其它相关文章可参考<http://www.upopen.cn> ####二、新的架构图>标红线部分,由前端完成,相对于之前的结构,web服务端多了mobile 和 app,数据服务端在非敏感数据处也使用了mongo做数据库存储,按图的序号...

2015-09-02 08:58:39 207

NODEJS项目实践0.4 [domain,pm2,log4js,md5]

###一、前言 ⋅⋅⋅上节我们基于mongo数据存取的操作,实现了用户注册、登录、退出功能,并应用了初级的权限验证。本节将处理nodejs异常情况、加密、日志及进程守护。 #####git : https://github.com/xiaolulu/mynodejs.git ###二 、MD5 ⋅⋅⋅密码作为用户登录唯一凭证,其安全性不言而喻,前面我们的密码操作存...

2015-08-07 08:59:53 158

公司项目NODEJS实践0.3[ mongo / session ...]

  http://www.upopen.cn 一、前言        书接上回,我们搭建了WEB服务端路由、模板等功能,完成了register 通过ajax与后端的通信,今天主要完成数据与mongodb的存取,实现注册 / 登录 / 退出功能        DEMO GIT https://github.com/xiaolulu/mynodejs.git 二、d...

2015-07-08 06:34:26 115

NODEJS项目实践0.2[ express,ajax通信...]

 一、前言        通过上节学习,我们已经        ubuntu系统搭建了一个可以访问的nodejs系统,并做了nginx转发。本节原要做web端服务 及 mongodb的存取,但写着写着,web端就写了很长,有些啰嗦,本着不重要的讲一遍,重要写三遍的原则,本节主要是讲适合初学者的web端服务搭建。mongodb操作,明天下节再讲。 一、mongo       ...

2015-07-07 09:07:58 123

公司项目NODEJS实践0.1

 一、前言        前端如何独立用nodeJs实现一个简单的注册、登录功能,是不是只用nodejs+sql就可以了?其实是可以实现,但离实际应用还有距离,那要怎么做才是实际可用的。        网上有很多nodeJs的示例,包括和 sql / nginx … 等周边技术结合demo,但通常都是做为入门演示或解决某一问题,少有站在项目实际完整应用角度,给出一个整体的解决方案。...

2015-07-02 09:07:47 142

基于NODEJS的前后端项目分离实践

前后端分离项目实践 一、前言     对nodejs有了些准备,希望多了解些后端知识,恰逢公司项目调整,分析了前后端分离的优劣,也做了一个完整的demo演示,同事都觉得靠谱,用了两个版本的时间,将公司主站项目用nodejs实现了前后端分离,在此和大家分享下,以求共同进步。案例参见 www.upopen.cn 二、为何做分离     1、开发体系:架构体系决定了后端重于前...

2015-06-16 06:54:52 1763 1

js版 3D坦克大战 V0.6

欢迎体验js版的 3D坦克大战 V0.6 测试地址:http://www.upopen.cn/。 目前只支持新版本的的chrome浏览器,代码见附件 tank.rar.在 3D坦克大战 V0.5 基础上,本次增加了一个有趣的功能,新功能:1、手机控制通过坦克。当输入好玩家名称后出现坦克驾驶提示时,页面会出现一个二维码(如图一),手机在联网的情况下,扫描二维码,手机会打开一个页面...

2013-12-03 08:41:46 225

js版 3D坦克大战 V0.5

欢迎体验js版的 3D坦克大战 V0.5 测试地址:http://www.upopen.cn/。 目前只支持新版本的的chrome浏览器,代码见附件 tank.rar.在 3D坦克大战 V0.4 基础上,增加了坦克禁止通过水泥墙,考虑到效率问题,坦克四周放置的碰撞点较少,可能会在障碍附近看似没有阻挡却卡住,可以先将坦克按原路驶出,或按住前行,并一直按住左转,也可以转出。增加了玩家视...

2013-11-12 08:45:21 180

js版 3D坦克大战 V0.4

 欢迎体验js版的 3D坦克大战 V0.4 在 3D坦克大战 V0.3 基础上,增加了双方基地,以二战时期的美国和德国旗帜区分,另外解决了曲线进行过程中画面跳动的问题。 上周未更新是因为上周三考驾照科三、科四,顺利拿到驾照,哈哈。 持续完善,每周更新,且看我们共同能把这个坦克做到什么境界 测试地址 使用新版的chrome浏览器访问  http://www.u...

2013-11-05 08:46:30 170

js版 3D坦克大战 V0.3

 技术新Q群:435485569欢迎体验js版的 3D坦克大战 V0.3。 在上周的 3D坦克大战 V0.2 基础上,本周实际完成功能较少,主要增加了坦克的行进、射击、中弹的音效,另外对场景改进成山地,不过这个虽然用了大量时间,却始终没有计算出坦克如何随着山地起伏行进,所以改场景等完成再开放。这个的计算似乎蛮复杂,希望网友可以提供个思路。项目源码见附件tank.rar 持续...

2013-10-15 08:31:18 173

js版 3D坦克大战 V0.2

欢迎体验js版的 3D坦克大战 V0.2。 实例见 http://www.upopen.cn/  在上周的 3D坦克大战 V0.1 基础上,本周主要对坦克细节进行的完善,使坦克外观更加逼真,并增加雷达功能。项目源码见附件tarn.rar。 下次更新时,再简要说明实现机制 持续完善,每周更新,且看我们共同能把这个坦克做到什么境界!!   /**...

2013-09-30 08:18:13 169

原创js版 3D坦克大战

欢迎体验js版的 3D坦克大战。 实例见 http://www.upopen.cn/    上次中国象棋游戏过后,忙了段公司项目,趁近两周的结项空档,学习 threejs,百度上的threejs搜索结果多数是 旋转的地球 及 “threejs学习笔记一”。打算通过 TANK 这样一个不断完善的示例,尽可能多的展现 threejs 的API,以便和同仁共同探讨学习。     ...

2013-09-23 08:39:37 356

原创 Nodejs一键压缩合并JS/CSS/Images

Nodejs一键压缩合并JS/CSS/Images 大家好久不见,最近比较忙,这次跟大家分享的一个功能是利用Nodejs做的一键压缩合并JS/CSS/Images。 前言:   1.测试通过环境: chrome v28.0.1500.71 + nodejs v0.10.18  /  firefox v14.0.1 + nodejs v0.10.18 ...

2013-09-12 09:43:54 449

js 象棋游戏 _ 支持双方在线对战

 说明:实在对不住诸位,的确是我弄错了,views/index.ejs里的对 socket.io.js的引用使用了我本地的绝对路径,需要修改为<script src="/socket.io/socket.io.js"></script>即可,对此我重新打了个包。再次歉意!!! 上周做了javascript版的象棋游戏【详见 js 写中国象棋游戏_应用back...

2013-07-09 08:08:27 1130 1

刚做了象棋和跳棋游戏 求教如何 实现游戏的在线即时对战功能

 我做了两个小游戏,目前还都只支持 chrome,暂没做其它浏览器的兼容处理,见博客链接或附件听说用 nodeJS + webSocket 可以实现一次握手,一直连线通讯功能,相互之间可以进行即时消息推送,我目前只停留在模糊知道有这么个概念的层面上, 中国象棋【见象棋游戏】    跳棋【见跳棋游戏】,现在勉强已经实现单机游戏的功能,但一直没有找到能...

2013-07-03 08:18:00 461

原创 透过源码学前端 之 Backbone 三 Model

Backbone 分析第三部分  Model概述: Model 提供了数据存储,将数据以JSON的形式保存在 Model的 attributes里,但重点功能在于其提供了一套功能强大,使用简单的存、取、删、改数据方法,并在不同的操作里加了相应的监听事件,如每次修改添加里都会触发 change,这在据模型变动来修改视图时很常用,并且与collection建立了关联。其较常用的功能...

2013-07-03 08:03:20 111

js 写中国象棋游戏_应用backbone、canvas

中国象棋  -- 【代码详细见附件,本版本暂只支持 谷歌的 chrome 浏览器,其它浏览器后续支持 】作者: 江潇Version: 0.0.1 前段时间做了个跳棋,【见跳棋游戏—backbone框架开发】网友反馈功能还好,但棋子跳较简单,且可玩性不高。建议可以做个象棋看看。于是上周日写了这个游戏,画面未用图片,美观差了些。依然使用backbone框架管理MVC,目的交流ba...

2013-07-02 08:05:56 215

原创 透过源码学前端 之 Backbone 二

透过源码学前端 之 Backbone  二   -- 江潇 第二部分  Events - 首先讨论下 【 Observable -- 观察者模式 】Events 是Backbone 框架的基础,个人认为其也是代码思维最精秒部分, 先做一个简单的demo,作为后面使用范例 var Person = function(){};for( var key in Events...

2013-06-25 08:21:09 109

我理解的 js 的观察者模式 Observable

我第一次看 四人帮 写的《设计模式》时一头雾水,现在也是,或许其是针对专业的程序员学习使用的。通过对Ext / Backbone 源码的学习,可总结如下:模式 - 就是对解决某一类特定问题的有效总结,并在后续解决同样的问题可以持续使用。设计模式 - 程序开发者认为自己是优雅的设计师。观察者模式:主要应用于组件开发,以便组件使用者 可以自行定义某个性方法,在组件达到某种状态时调用。...

2013-06-24 20:42:30 177

透过源码学前端 之 Backbone 一

透过源码学前端 之 Backbone  -- 江潇  赘言:机缘之下,11年4月从设计转型专职做前端,经过半年的摸索、迷惑 和 知识储备,11年12月 开始通过学习框架的源码来学习js。最初学习的是ext 3.4.0,公司前端组主要是对ext进行二次封装的组件开发。最初因起点太低而步履维艰,其中ext_base里的代码了写四遍才对其作用,有了初步的了解。Observable...

2013-06-24 20:03:35 130

跳棋游戏—backbone框架开发

游戏效果跳棋游戏 -- 【代码详细见附件,本版本暂只支持 谷歌的 chrome 浏览器,其它浏览器后续支持 】作者:江潇qq: 2270112418Version: 0.0.1  2013-6-24   -- 建议使用 chrome 运行、调用本次和后面推出的示例背景:学了段时间backbone框架,分析跳棋游戏比较适合于backbone的编程思维,其有多些个 coll...

2013-06-24 08:27:43 636

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除