2012 年 9月随笔档案 - Joanna Qian

HTTP协议初入门

摘要：Hyper Text Transfer Protocol是基于请求和应答的无状态协议一、浏览器向服务器请求一个内容一个HTTP请求有四部分组成：请求行、请求头标、空行和请求数据1、请求行由三个标记组成：请求方法、请求URI和HTTP版本，分别用空格分隔例如：GET/index.html HTTP/1.1其中HTTP1.0和HTTP1.1规定，请求方法共八种GET，检索URI中标示资源的一个简单请求HEAD，同GET方法，服务器只返回状态行和头标，不返回请求文档POST，服务器接收被写入客户端输入流中的数据请求PUT，服务器保存请求数据作为指定URI新内容的请求DELETE，服务器删除URI中命阅读全文

posted @ 2012-09-30 04:47 Joanna Qian 阅读(432) 评论(0) 推荐(0) 编辑

保证JavaScript和Asp、Php等后端程序间传值编码统一（转）

摘要：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 阅读(309) 评论(0) 推荐(0) 编辑

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 阅读(327) 评论(0) 推荐(0) 编辑

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

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

posted @ 2012-09-15 11:10 Joanna Qian 阅读(242) 评论(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 阅读(302) 评论(0) 推荐(0) 编辑

绘制交互流程图的方法

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

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

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 阅读(299) 评论(0) 推荐(0) 编辑

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 阅读(688) 评论(0) 推荐(0) 编辑

前端优化方案

摘要：转载自：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 阅读(617) 评论(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 阅读(356) 评论(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 阅读(1440) 评论(0) 推荐(0) 编辑

JavaScript面试笔试题

摘要：一、不定项选择题（每题3分，共30分）1 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ D ）A. var obj = [name:"zhangsan",show:function(){alert(name);}];B. var obj = {name:"zhangsan",show:”alert(this.name)”};C. var obj = {name:"zhangsan",show:function(){alert(name);}};D. var obj = {name:" 阅读全文

posted @ 2012-09-07 10:58 Joanna Qian 阅读(2933) 评论(0) 推荐(0) 编辑

JavaScript解析JSON及XML

摘要：书写AJAX的时候，经常需要解析从服务器返回的一串字符串，这里简单介绍服务器返回字符的两种格式，及JavaScript对它们的解析方法。一、JSON 即JS对象标记（JavaScript Object Notation），是一种以JS声明对象的方式组合的一串字符串。 JS可以按以下方式定义对象：var obj = { id: 2, name: 'n' }; 这样就定义了对象 obj, 它有两个公共属性id和name，可以用 obj.id 的方式直接访问其属性值。从服务器获取数据时往往不止一个对象，这就需要用到对象数组，JS... 阅读全文

posted @ 2012-09-07 08:57 Joanna Qian 阅读(397) 评论(0) 推荐(0) 编辑

JavaScript之JSON详解

摘要：转载自：http://www.yiiyaa.net/1161 向服务器发出Ajax请求时，可以以两种不同的方式从服务器响应检索数据：一种是使用XMLHttpRequest对象的reponseXML属性访问 XML格式的数据；一种是XMLHttpRequest对象的responseText属性访问字符串格式的数据。当前，XML是进行数据传输的标准语言，但是使用XML的缺点之一是很难对它进行解析并提取要添加到页面的数据。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一是J. 阅读全文

posted @ 2012-09-07 08:53 Joanna Qian 阅读(566) 评论(0) 推荐(0) 编辑

UML 类图介绍

摘要：UML（Unified Modeling Language）即统一建模语言，是OMG（Object Management Group）发表的图标式软件设计语言。UML的功能：可视化：使用图表的形式来表现业务关系或者物理关系，可以促进对问题的理解和解决。说明：UML提供了一种通用的、精通的、没有歧义的通信机制进行。建造：UML通过自己的语法规则使得可以通过使用建模工具软件将设计模式映射到一种语言上。建文档：使用UML进行设计可以同时产生系统设计文档。UML包括：用例图（Use case diagrams）类图（Class diagrams）序列图（Sequence diagrams）... 阅读全文

posted @ 2012-09-06 05:02 Joanna Qian 阅读(305) 评论(0) 推荐(0) 编辑

Java的反射机制-动态调用对象的方法

摘要：唉！我还真是在面试中学习新东东啊，一个公司刚刚给了个测试，不过我很奇怪的是为什么web developer的职位居然考java的反射机制题，不过学习研究一下反射机制对我来说是件好事啦！先说说什么是java反射机制吧，在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意一个方法；这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反射机制。主要功能：在运行时判断任意一个对象所属的类；在运行时构造任意一个类的对象；在运行时判断任意一个类所具有的成员变量和方法；在运行时调用任意一个对象的方法；生成动态代理。然后再留个示例吧。pack 阅读全文

posted @ 2012-09-06 02:53 Joanna Qian 阅读(10668) 评论(0) 推荐(0) 编辑

自定义基于HTML5的video播放器—Customize your video player

摘要：HTML5提供有新的video标签，可以不用编程直接播放video，只需要写几行简单的代码，如实现以下效果（带有control panel）只需要写如下代码：<body style="background-color:#8EEE5EE;"> <div id="big_wrapper"> <video src="Introduction.mp4" width="640" height="360" poster= "images/me.jpg" lo 阅读全文

posted @ 2012-09-04 03:54 Joanna Qian 阅读(2619) 评论(0) 推荐(0) 编辑

Javascript面向对象编程(转)

摘要：一直困惑于JavaScript的面向对象这个问题，“阮一峰的网络日志”给了一个浅显易懂的解释（转载自：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html,http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html,http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_con 阅读全文

posted @ 2012-09-02 03:09 Joanna Qian 阅读(279) 评论(0) 推荐(0) 编辑

Javascript闭包（Closure）初步接触

摘要：转载自：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){alert(n);}f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。f.. 阅读全文

posted @ 2012-09-01 23:33 Joanna Qian 阅读(239) 评论(0) 推荐(0) 编辑

javascript动态添加课程-createElement的使用注意事项

摘要：代码如下<body><h2> javascript dynamic select</h2> <select id="myCourse" name="myCourse" onchange="getCourse();"> <option value="" selected>--Please choose one course--</option></select><textarea id="myares" co 阅读全文

posted @ 2012-09-01 02:58 Joanna Qian 阅读(428) 评论(0) 推荐(0) 编辑

搜索

常用链接

随笔分类

随笔档案

android

Blog

CSS

Forum

JavaScript

mobile

resources

SEO

Tools

阅读排行榜

推荐排行榜