Joanna Qian - 博客园

2012年9月22日

摘要： http://www.jb51.net/article/17801.htm在WEB开发过程中，前后端要求数据编码一致的处理是经常会碰到的！在非英文字符集的页面上，如果使用Ajax方式进行数据交互的话，就必须要注意保证前后端数据的统一编码，否则，很容易就出现乱码！在后端是ASP程序的情况下，保持前端Javascript和Asp之间传值的统一编码可以使用以下函数进行处理：编码：escape(string)解码：unescape(string)这两个函数在JavaScript和Asp里都存在，而且功能完全一样，只要任何一端向另一端传数据，都先用escape进行编码，接收的一端用unescape进行解阅读全文

posted @ 2012-09-22 10:22 Joanna Qian 阅读(313) 评论(0) 推荐(0)

2012年9月18日

Javascript在页面加载时的执行顺序(转载）

摘要：原文：http://dancewithnet.com/2007/03/22/order-of-execution-of-javascript-on-web/一、在HTML中嵌入Javasript的方法直接在Javascript代码放在标记对<script>和</script>之间由<script />标记的src属性制定外部的js文件放在事件处理程序中，比如：<p onclick="alert('我是由onclick事件执行的Javascript')">点击我</p>作为URL的主体，这个URL使用阅读全文

posted @ 2012-09-18 09:54 Joanna Qian 阅读(333) 评论(0) 推荐(0)

2012年9月15日

JavaScript 事件冒泡简介及应用（转）

摘要： http://www.jb51.net/article/21801.htm一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。打个比方说：你在地方法院要上诉一件案子，如果地方没有处理此类案件的法院，地方相关部门会帮你继续往上级法院上诉，比如从市级到省级，直至到中央法院，最终使你的案件阅读全文

posted @ 2012-09-15 11:10 Joanna Qian 阅读(249) 评论(0) 推荐(0)

标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)

摘要：转载自：http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 ie 盒子模型从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content，和标准 w3c 盒子模型不同的是：ie 盒子模型的 content .. 阅读全文

posted @ 2012-09-15 11:04 Joanna Qian 阅读(312) 评论(0) 推荐(0)

2012年9月13日

绘制交互流程图的方法

摘要：转载自：http://blog.sina.com.cn/s/blog_6b6abdc10100wpny.html 下面介绍一个设计方法，这是一个用于兼顾“为流程”与“为结构”的信息架构（IA）的设计方法。是2010年底，我和seven共同分析总结出来的。在广州的“2010年首届中国交互设计体验日”中的工作坊上，我俩曾现场介绍过这个方法：通常我们会在设计开始阶段分析出主要的用户任务，然后逐一任务画流程图。然后呢…直接开始画信息架构图（IA图）了，IA图怎么画呢？设计者凭空想象着画，靠经验，靠见识。IA树状图标明了主要页面的组织形式，然后再逐一页面的细致设计。之前画的流程图呢？似乎没用到。流程图是阅读全文

posted @ 2012-09-13 09:48 Joanna Qian 阅读(4009) 评论(0) 推荐(0)

2012年9月12日

HTML5 game Development Summary

摘要：最近跟着html5中文网的教程写了个HTML5的游戏，做个小结啦！先给个游戏截图一、建立的对象模块该部分包含游戏中各个对象的建立和实例化1、公用的游戏对象（public Object）部分——其他对象均继承Inherit该对象function GameObject() { this.x = 0;//x 坐标 this.y = 0;//y 坐标 this.image = null; //图片 } 2、蘑菇对象function Mushroom() {}; Mushroom.prototype = new ... 阅读全文

posted @ 2012-09-12 10:32 Joanna Qian 阅读(310) 评论(0) 推荐(0)

2012年9月9日

jQuery-可以编辑的表格

摘要： html部分很简单<body> <table> <thead> <tr> <th colspan="2">鼠标点击表格项就可以编辑</th> </tr> </thead> <tbody> <tr> <th>学号</th> <th>姓名</th> </tr> ... 阅读全文

posted @ 2012-09-09 23:35 Joanna Qian 阅读(693) 评论(0) 推荐(0)

2012年9月8日

前端优化方案

摘要：转载自：http://blog.csdn.net/Vanessa219/archive/2010/06/03/5644651.aspx(一)-CSS 优化方案1 CSS 优化方案 1.1 使用 CSS 优化工具 a) online CSS Optimizer ； b) CSS Formatter and Optimizer 。解决方案：选取以上一个工具进行进行优化。 1.2 清理 CSS 在我们写样式的时候，页面的 CSS 在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器... 阅读全文

posted @ 2012-09-08 05:32 Joanna Qian 阅读(624) 评论(0) 推荐(0)

前端开发必备的工具

摘要： 1.firefox 正是由于 firefox 的开放性才有了以下层出不穷的免费工具。1.1 firebug firebug 可以查看页面指定部分html，动态改变，调试javascript ，改变css，查看布局，。。。。一把瑞士军刀。 1.2 web developer 可以对网页的标准性，可访问性，等方面做诸多测试，可以方便禁用css，javascript，查看cookie ，等等。 1.3 html validator 可以根据 html dtd 详细检测出你的html不符合标准之处，并给出详细的解决之道，strict 模式必备1.4 httpfox 经常... 阅读全文

posted @ 2012-09-08 05:28 Joanna Qian 阅读(362) 评论(0) 推荐(0)

html5游戏开发1-Aptana 3 eclipse 插件安装

摘要： 1) InstallingviaEclipsehttp://download.aptana.com/studio3/plugin/install1Fromthe "Help" menu,select "InstallNewSoftware..." toopentheInstallNewSoftwaredialog.2PastetheURLfortheupdatesiteintotheWorkWithtextbox,andhittheEnter(orReturn)key.3Inthepopulatedtablebelow,checktheboxnextto 阅读全文

posted @ 2012-09-08 05:26 Joanna Qian 阅读(1459) 评论(0) 推荐(0)