自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Web app 开发常用框架使用记录

在Web app 开发中有些优秀的UI或功能框架/库可以辅助Web app 开发或借鉴,这里会陆续整理一些比较优秀的框架以作记录,也希望对大家有所帮助。1. iUI: User Interface Framework for Mobile Web DevicesiOS Web app UI 框架,比较优秀。网址:http://code.google.com/p/iui/2. iSc

2012-11-19 14:25:42 786

原创 JavaScript DOM 操作

本文主要介绍JavaScript DOM 操作相关优化方法。1.构建添加DOM节点减少文档回流(reflow)优化方法var fragment = document.createDocumentFragment(); for ( vari = 0; i < items.length; i++) { var item = document.createElement("

2012-11-16 14:50:52 561

原创 CSS position 属性用法

CSS position 属性用法CSS position 属性:relative;absolute;fixed;static;inherit;1.relative相对文档流(document flow)进行移动,即相对该元素在文档布局中原本应该在的位置进行移动。2.absolute相对父元素进行移动。3.fixed相对当前窗口进行移动。4.static默认

2012-11-08 14:56:18 593

原创 CSS + DIV 经典布局,DIV统一自适应高度

CSS + DIV 经典布局,DIV统一自适应高度布局:左右栏宽多固定,中间栏宽度自适应;各栏高度统一自适应;代码: #wrap { overflow: hidden; } div { word-wrap: break-word; } #left { background: red; float: left

2012-11-08 11:27:31 1569

原创 JavaScript 中一些相似方法的用法确别

1. String类的toLocaleLowerCase()方法和toLowerCase()方法区别toLocaleLowerCase () 方法   返回此字符串的一个副本,其中所有大写的字符均转换为小写字符。 原始字符串保持不变。 虽然此方法旨在以特定于区域设置的方式处理转换,但 ActionScript 3.0 实现生成的结果与 toLowerCase() 方法生成的结果相同。

2012-11-07 10:16:14 578

原创 Js 正则表达式

Js正则表达式正用法整理基本语法在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表达式的语法格式。正则表达式的形式一般如下:  /love/  其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够使用户更加灵活的定制模式内容,正则表达式提供了专门的“元字符”。所谓元字符就是指

2012-11-05 15:23:32 874

原创 Linux 文件下载工具 - aria2

介绍一个Linux 文件下载工具:aria2。安装:sudo apt-get install aria2用法:文件断点续传下载:aria2c -c urltorrent文件下载:aria2c -T torrent_file_path/fileName.torrent更多用法参考:man aria2

2012-10-27 17:10:39 738

原创 Web客户端访问设备类型判断方法- PHP判断方法,Js判断方法

根据项目需求判断Web客户端访问设备类型,从而根据不同的设备(PC or 移动设备)来为用户导向不同的url,下面为PHP和Js实现的代码示例。Web客户端访问设备类型判断方法-Js function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var b

2012-10-16 10:06:46 3168

转载 77个跨站脚本攻击XSS用例

(1)普通的XSS JavaScript注入(2)IMG标签XSS使用JavaScript命令(3)IMG标签无分号无引号(4)IMG标签大小写不敏感(5)HTML编码(必须有分号)(6)修正缺陷IMG标签alert(“XSS”)”>(7)formCharCode标签(计算器)(8)UTF-8的Unicode编码(计算器)(9)7位的

2012-10-15 00:17:50 2353

原创 5分钟理解JavaScript中this用法

前言关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络。本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。正文1. this用法实例window.color = “red”;var o = { color: “blue” };

2012-09-29 11:40:27 1031

原创 简易理解JavaScript闭包(Closure)

前言关于JavaScript闭包(Closure)网络中已经有很多相当详细的文章介绍了(详见参考学习资料),这里以一种简明的方式解释一下JavaScript闭包及其几个用途,希望对初学者快速理解JavaScript闭包有所帮助。正文1. 变量的作用域var a0 = 0;function f0(){//...}function f1(){ var a1 = 1; v

2012-09-27 17:12:03 735

原创 JSON和XML两种数据存储、交换格式的比较

前言本文将对Web开发中常用的两种数据存储交换格式JSOM和XML进行用法和一些细节的比较,内容整理主要由网络收集,希望对大家在Web开发中有所帮助。正文一.基础知识简介1.      XML介绍(1)      http://www.xml.com/(2)      http://www.w3school.com.cn/xml/2.      JSON介绍(1

2012-09-27 11:11:44 1613

转载 jQuery中.bind()、.live()和.delegate()方法之间的区别

jQuery中.bind()、.live()和.delegate()方法之间的区别整理如下:DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a'

2012-09-25 17:06:59 544

原创 黑莓平板模拟器(BlackBerry PlayBook simulator)Linux安装方法

这里介绍一下BlackBerry PlayBook simulator 黑莓平板模拟器在Linux上安装的方法,很简单,现介绍如下:1. 软件下载:(1) BlackBerry PlayBook simulator 黑莓平板模拟器(2) VMware Player2. 安装(1) BlackBerry PlayBook simulator 黑莓平板模拟器终端进入软件下载文件

2012-09-09 14:32:15 2835

原创 WordPress文章标题显示汉字方法

在使用一些国外的WordPress模板时,有时会发现在文章列表中文章标题中无法显示汉字,文章标题中的汉字会自动被过滤掉。解决这个问题到方法很简单,介绍如下:1. 进入WordPress管理后台。2. 主题-> 编辑。3. 编辑 顶部“header.php”文件(也有可能在其他文件中):在文件中找到这行代码:Cufon.replace('h1',{hover: true})('h

2012-09-09 13:57:46 1643

原创 JavaScript学习笔记-- The switch Statement

1. case 后没有break的情况switch (i) {case 25:/* falls through*/case 35:alert(“25 or 35”);break;case 45:alert(“45”);break;default:alert(“Other”);}2. switch 接收的参数可以不只是数字switch (“hello w

2012-09-06 16:47:38 379

原创 JavaScript学习笔记-- 运算符OPERATORS

1. Increment(++)/Decrement(--)var s1 = “2”;var s2 = “z”;var b = false;var f = 1.1;var o = {valueOf: function() {return -1;}};s1++; //value becomes numeric 3 可用于数据类型转换s2++; //value becomes

2012-09-06 16:34:45 346

原创 JavaScript学习笔记-- String数据类型

1. JavaScript中字符串定义时,单引号和双引号没有区别var str1 = “abc”;var str2 = ‘xyz’;2. Converting to a String1)toString()var age = 11;var ageAsString = age.toString(); //the string “11”var found = true

2012-09-06 16:03:52 432

原创 JavaScript学习笔记-- Number数据类型

1. 整数数据类型var intNum = 55; //integer var octalNum1 = 070; //octal for 56var octalNum2 = 079; //invalid octal - interpreted as 79var octalNum3 = 08; //invalid octal - interpreted as 8 var hexN

2012-09-06 15:41:23 491

原创 JavaScript学习笔记-- Boolean 数据类型

1. JavaScript中所有数据类型均有对应的Boolean值,转换方法:Boolean()var message = “Hello world!”;var messageAsBoolean = Boolean(message);2. JavaScript中各数据类型对应的Boolean值 参考:JavaScript for Web Developers,Thir

2012-09-06 15:24:55 346

原创 JavaScript学习笔记-- undefined and null 数据类型分析

1. Undefined typevar message;alert(message == undefined); //true1)当一个变量被定义但没有初始化时,其值为“undefined”。2)值为“undefined”的变量和没有被定义的变量的确别:(1)值为“undefined”的变量:变量存在,值为“undefined”。(2)没有被定义的变量:变量不存在。

2012-09-06 15:00:17 490

转载 [转]那些让我们惊叹不已的唯美GIF动态图片

GIF动态图片是一种非常有趣的图片格式,把多张图片合并成一个GIF文件就可以形成一个动态图片,如果能制作得有创意,那就非常的有趣。今天这篇文章收集了一些非常非常好玩的GIF动态图片,一起欣赏。

2012-09-04 11:36:37 851

原创 Git 源码安装方法

因为需要使用较新版本的Git,下载Git最新源码安装是比较合适的方法,这里记录一下Git源码安装的方法。1. Git 已安装版本查看sudo git --version2. Git 源码下载http://git-scm.com/downloads或https://code.google.com/p/git-core/downloads/detail?name=git-1

2012-08-30 20:18:46 4442

原创 git 提交(push)403错误解决方法

今天Git提交代码突然遇到了一个403错误,在这里找到来解决办法:https://help.github.com/articles/https-cloning-errors官方讲解的很详细,这里就不多说了。

2012-08-30 20:07:58 2378

原创 JavaScript 高效编程方法笔记

前言随着HTML5的兴起 JavaScript也越来越受到大家的关注和为众多程序员所使用。在Web应用程序的开发中 JavaScript有着众所周知的跨平台特性,无论是PC还是iOS,Android,还是WP等各种平台,要达到一处编写,多出运行的目标,可以说现在没有谁比JavaScript 更合适了。JavaScript 虽有跨平台开发的优势,但和Objective-C,Java 等本地语

2012-08-29 16:02:57 604

转载 [转]在github上搭建博客的方法

1,先建立一个项目,项目名称建议填写自己的用户名加github.com这样的格式,像我的,joke568.githu.com填这样的名称其它的都可以省略不填,直接点击这个create repository。2.选择这个admin在github pages里选择3.不用选择任何的选择直接点击哪个continue to Layouts选项

2012-08-27 17:39:08 1063

原创 JavaScript中关联数组的用法分析

前言最近用到了JavaScript中的关联数组,关联数组因为有key值的索引,所以在数组查找中比较便利,同时也使得相应的代码算法实现显得更清晰,易读易维护。下面是JavaScript中关联数组的一些用法分析。正文一.关联数组1. 关联数组定义// 定义空数组 var arr = [];//orvar arr = {};2. 关联数组赋值//在定义时同时赋值v

2012-08-25 09:38:55 9945 1

转载 [转]用函数式编程技术编写优美的 JavaScript

简介: 函数式或声明性编程是非常强大的编程方法,正逐渐在软件行业流行起来。这篇文章将介绍一些相关的函数式编程概念,并提供有效使用这些概念的示例。作者将解释如何使用 JavaScript(TM)™(JavaScript 能导入函数式编程的构造和特性)编写优美的代码。简介函数式编程语言在学术领域已经存在相当长一段时间了,但是从历史上看,它们没有丰富的工具和库可供使用。随着 .NET

2012-08-24 16:52:36 769

转载 [转]深入了解 CSS3 新特性

简介: 现如今,随着 Web2.0 技术的流行,之前的 CSS2 标准和相关技术似乎已经满足不了日益增长的开发需求:人们需要实现更加美观、用户体验更好的界面。CSS3,这个新一代的标准应运而生。为了满足现有的对于 Web UI 的开发需求,它提供了一系列强大的功能,如许多新的 CSS 属性(文字,布局,颜色等等),各种 CSS 特效,甚至还支持 CSS 动画、元素的变换。这些 CSS 新特性在

2012-08-24 15:33:04 2010

转载 [转]推荐给 JavaScript 开发者十款超级有用的工具

近年来,JavaScript 越来越受到重视,早已不单单只是写写网页特效的脚本语言了,如今广泛用于网站的前端交互。值得一提的是,当下 Web 开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行,甚至是服务器端,使得这门语言再次受到大家的关注。今天,本文向 JavaScript 开发者推荐十款超级有用的工具。YepNopeYepNope 是一个异

2012-08-24 14:45:11 523

转载 [转]你可能不知道的10个JavaScript小技巧

尽管我使用Javascript来做开发有很多年了,但它常有一些让我很惊讶的小特性。对于我来说,Javascript是需要持续不断的学习的。在这篇文章中,我将列出10个Javascript使用小技巧,主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。1.变量转换看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进

2012-08-24 14:33:42 466

转载 阅读分析程序源代码的一些方法(转载整理)

前言最近项目组中有较多新成员需要阅读熟悉项目中已有的程序代码,好多成员一时间对项目代码摸不清头绪,这里在网络上收集了相关源代码阅读分析的一些方法,整理于此。正文摘自(繁体中文Traditional Chinese):http://www.ithome.com.tw/itadm/article.php?c=47717简体中文版原文链接:http://www.cnblo

2012-08-24 11:55:35 869

转载 [转]Windows Phone app的设计过程

原文的作者为Windows Phone Design Studio的设计师,虽然话语啰嗦,但是能够感受到许多Windows Phone设计完善过程中的细节。重要的一释疑是业内对Windows Phone开发环境封闭的以讹传讹,至少从app设计角度,Windows Phone的心态是开放的。并致力于提升产品创造的团队效率。思维方式不限于Windows Phone,同样适用于其它平台的产品参与者。

2012-08-24 11:08:12 710

转载 [转]如何让设计动感起来

客户要求你在设计中呈现一种“充满动感及活力”的效果,这听起来这似乎并不难,但与一些动态的图片及FLASH等设计不一样,印刷的页面是属于静态的,你也不能在上面加上一些视频或象设计网页一样加上其它的一些动态元素,但我们有其它的办法来实现。在静态的页面上,我们可能通过负空间、重复、色调、透视、版式等等来产生动感。以下是我们介绍的一些方法。在详细介绍前,我们先来感受一下静态的设计及动态的设计之间的不同

2012-08-24 10:39:45 946

转载 [转]为开发者准备的 29 个顶级 CSS 工具和应用

当你需要编辑或改变网站设计时,CSS 起着重要的作用。 透过一些 CSS工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。今天,我们为你编制了30个有用的CSS工具和应用程序。使用下列工具,您将能够以任何顺序进行CSS属性的排序,能够将您的Photoshop图层转成CSS样式,可以创建自己的响应Web系统。希望你能从这些工具和应用中发掘对自己有用的内容。1. Metro

2012-08-24 09:55:22 714

转载 [转]网页设计心理学

摘要: 大部分设计师没有花时间去学习基本的心理学原则是怎么样影响他们网站用户的体验。心理学原则很多时候被认为是可有可无,或者过于复杂的。但事实是,这些想法都不对。并没那么多的概念与基本设计心理学相关,而且大多数是相对简单的,很容易学习。设计心理学还是比较容易实现的,虽...大部分设计师没有花时间去学习基本的心理学原则是怎么样影响他们网站用户的体验。心理学原则很多时候被认为是可有可无,或者过于复

2012-08-23 18:05:29 377

转载 [转]十个完全免费的网页原型(线框图)工具

网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。但这对于任何网络应用的开发都是非常重要的。当然有很多种方法可以做这件事情,最简单的就是拿起纸和笔,但是在这篇文章中,我们要介绍的是一些非常高效好用的在线原型工具,并且他们完全免费。Lumzy 快速原型工具使用Lumzy你可以为你的应用创建

2012-08-23 17:45:35 1027

转载 [转]格式塔心理学5项法则的学习与思考

格式塔理论自1912年由韦特海墨(M,Wetheimer)提出后,在德国得到迅速发展。由于苛勒(K,Kohler)和考夫卡(K,Koffka)的访美以及他们的著作被翻译成英文,这种新的理论引起了美国心理学家的注意。格式塔理论是心理学中为数不多的理性主义理论之一。格式塔学派以某些相当抽象的,与知觉和思维的性质及心理经验的结构有关的观念解释了熟悉的观察资料。理论的创始人与解决的问题:W

2012-08-23 17:37:40 1218

转载 [转]浅谈apple设计中的黄金分割

你研究或者不研究,美就在那里,不偏不移;你发现或者不发现,黄金分割就在那里,不多不少。了解他,发现美,也给自己增加精彩,好作品不会没有依据。黄金分割相关书籍黄金分割漫话分寸,设计:发现黄金比例恒久之美(第2版)掀开面纱0.618或者1.618,这个数字是否觉得似曾相识。这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一

2012-08-23 17:30:38 16430

转载 [转]用户体验与产品管理

第一章  用户体验(User Experience, UE)专业人员正逐渐从商业角度对他们的工作感兴趣,在他们的核心观念中,UE的重点是理解用户需求并创建有用和易用的产品来表达这种需求。  UE人员常常在他们的研究、设计和创意没有得到相应的尊重时感到非常失落。差不多每个UE人员都有过与那些尽管缺少交互方面的需求和流程的知识,却根据他们的感觉或毫无道理的看法来驳回一个建立在研究基础上的设计的

2012-08-23 17:06:08 1293

空空如也

空空如也

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

TA关注的人

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