Javascript
构建兼容浏览器的Angularjs web应用
摘要: 背景 随着mvvm逐渐成熟，现在使用jQuery构建web应用已经显得过时了，而且使用jQuery需要编写更多的代码去控制dom的取值、赋值、绑定事件等，而mvv从底层实现了对以上操作的支持，让程序员可以从原始的复杂、重复的编码中解放出来，让程序员可以将更多的重心放在业务的实现、数据的交互上去，而...阅读全文
使用nodejs搭建图片服务器(一)
摘要: 背景 当我们开发一个Web项目的时候，为了将图片管理与web服务分离开，通常都会搭建一个图片服务器。 之所以选择nodejs是因为使用nodejs来搭建web项目相当简单而且快速，虽然这个图片服务器很简单，也有很多人会认为使用nodejs来当图片服务器不合适，但是当我们的应用没有达到非常大的程度...阅读全文
angularjs + seajs构建Web Form前端(三) -- 兼容easyui
摘要: 回顾 在上一章中使用了angular实现了ajax form和树形结构，经过以上两章对于angular的大致使用，对于angular也有了初步的认识，接下来的内容只会对angular的一些用法做简单的说明，如果有不清楚的可以自己查看angular API或者留言给我。 刚开始接触angular的时候，我以为会抛弃诸如jQueryUI、easyui这样的ui组件，但是随着我学习后才发现，其实是我被自己的想法给误导、局限了。mvvm通过数据与ui的绑定，实现双向的同步，使用其他ui的组件我们一样可以通过数据的变化来实现ui组件的状态变化，通过ui组件的一些变化来变更绑定的数据也是行的通的。问题..阅读全文
angularjs + seajs构建Web Form前端(二)
摘要: 回顾 上一篇讲解了引入bootstrap构建一个简单的登录页面，如何让angularjs自动启动并绑定视图，操作过程当中如何使用ui-bootstrap，继而完成简单功能后如何引入seajs后如何使ng手动启动。我会尽量把自己在学习当中遇到的问题以及如何解决分享给各位，如果大家有什么疑问或者想要达到的功能可以告诉我，我可以尝试去把效果做出来然后再下一篇文章分享给各位。需要解决的问题 1、实现ajax form 2、构建菜单实现ajax form 首先给$scope定义一个formData的对象，然后将formData内的属性绑定到对应的input上，html代码如下：//html代码/...阅读全文
angularjs + seajs构建Web Form前端(一)
摘要: 简介 Bootstrap是Twitter推出的一个用于前端开发的开源工具包，它由Twitter的设计师Mark Otto和Jacob Thornton合作开，是一个CSS/HTML框架。 AngularJS是Google 开源出来的一套 js 工具，为了克服HTML在构建应用上的不足而设计的，试图成为WEB应用中的一种端对端的解决方案，通过为开发者呈现一个更高层次的抽象来简化应用的开发，后面简称"ng"。 Seajs是一款优秀的模块开发插件，可以实现按需加载。 Bootstrap有自己的一套js库，但是为了防止与AngularJS产生兼容性的问题，我们不选择使用，只是使用它阅读全文
打包并压缩seajs代码
摘要: 背景 seajs是一款优秀的模块开发插件，但是当我们使用它来进行模块化开发的时候，由于它的每个模块的加载都会进行一次http请求，那么当模块数量倍增的时候，会拖慢页面的加载速度。 通常我们为了能加快页面的加载速度，都会对js进行压缩并把关联的模块打包为一个独立的js文件，这样可以大大减少js的文件大小并且减少http请求的次数，这样可以提升到页面的加载速度。 我们可以是用spm来对js文件进行打包、压缩(使用spm-build)，但是当我们编写兼容多种环境的js的时候(既可以直接用script引用又可以使用seajs来引用)，那么我们就没办法使用前面的方法来对js进行打包和压缩了。 其...阅读全文
扩展nodejs简易mvc之cookie与表单认证
摘要: 前段时间使用nodejs实现了简单的mvc，最近一直在使用nodejs围绕着这个简易的mvc进行扩展，力求使其成为一个完整的mvc框架。在http请求中，由于http是没有状态的，为了让客户端保留一些来自服务端的信息，并且在下一次请求中能传递到服务端，那么我们能使用的手段大致分为两种：1、Cookie；2、胖Url。 Cookie是绝佳的客户端存储介质，也是实现持久会话的最好方式，Cookie主要分为2种：会话Cookie(用户退出浏览器时，会话Cookie会被删除)和持久Cookie(生存时间更长一些，它们存储与硬盘上，浏览器退出，计算机重启它们仍然存在)。具体关于Cookie的介绍可...阅读全文
nodejs实现简易MVC
摘要: 相信大家对于nodejs应该不会陌生，如果真的比较陌生的请访问：http://nodejs.org或者http://cnodejs.org/了解。 这个简易MVC的结构如下图： 首先需要一个http服务来监听来自客户端的请求，大致代码如下：var m_http = require('http');var m_querystring = require('querystring');var m_requestHandler = require('./requestHandler');exports.run = function (port) { p阅读全文
关于<<、>>、~、&、|、^的介绍
摘要: a >> b按位运算符，数字a转化为二进制后，向右移动b位例：11 >> 2 因此：11 >> 2 == 2 => 1011向右移动2为则为10a << ba和b都为数字,数字a转化为二进制后，从左边补足b位数0 或数字a乘以2的b次方例：11 << 2 11二进制为1011,补足右边2位数后为101100 因此：11 << 2 == 44~a数字a取反-1例如： ~11 == 10 ~-10 == 9a & b是按位运算，二进制情况下如果相同位数都为1则为1否则为0例如：10 & 5 = 0 =&g阅读全文
html5----圆形多角
摘要: 代码如下： 1 var canvas = document.getElementById('my'), ctx = canvas.getContext('2d'); 2 setInterval(function(){ 3 ctx.clearRect(0,0,400,400); 4 ctx.save(); 5 ctx.translate(200,200); 6 var ci = 90, pi = Math.PI / ci, x1 = 100, y1 = 0, x2 = 0, y2 = 0, x3 = 0, y3 = 0; 9 ctx.beginPath();10 阅读全文
html5----综合属性图表
摘要: 实际代码如下:<html><head><title>html5 人物属性图</title></head><body><canvas id="my" width="400" height="400"></canvas><script language="javascript" type="text/javascript">var a = new $attr({ name : '路飞&阅读全文