- 博客(22)
- 收藏
- 关注
RSS订阅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关注的人