2013年01月_灵影

11月 09月 07月 06月 05月 04月 03月 02月 01月

转载国内HTML5前端开发框架

国外很有多优秀的HTML5前端开发框架相信大家都耳熟能详：JQuery Mobile，Twitter Bootstrap， Schena Touch, BackBone等等。同样，也存在很多国内比较优秀的前端开发框架，其中中国互联网三巨头贡献了近一半：腾讯，阿里巴巴，百度。框架不是万能的，选择和项目匹配的框架可以显著提高开发效率，但是也有可能带来代码的臃肿，本着“write le

2013-01-29 20:31:07 266

原创技术网站

1、http://software.intel.com/zh-cn/blogs/2012/12/03/html5/?cid=sw:prccsdn22995 Intel技术网站2、http://www.ibm.com/developerworks/cn/ IBM技术网站3、http://msdn.microsoft.com/zh-cn/ 微软技术网站4、http://www.infoq.

2013-01-29 13:21:32 236

原创 svg参考文档

1、http://technet.microsoft.com/zh-tw/library/gg589525.aspx 微软官方svg技术文档 a:http://technet.microsoft.com/zh-tw/library/hh535760.aspx svg坐标转化，理解坐标系转化、用户坐标、荧屏坐标 b:http://technet.microsoft.com/zh-tw/

2013-01-27 17:49:36 522

原创前端Demo收藏

1、http://www.qiwencn.com/game.html 俄罗斯方块（html5 +canvas）2、http://www.csdn.net/article/2012-07-13/2807338 由纯CSS打造的23个著名LOGO3、http://www.beautyoftheweb.cn/touchgallery#/sites 微软触控体验超酷网站4、http://w

2013-01-24 16:44:21 629

原创 JS库，工具-web

1、http://www.csdn.net/article/2013-01-15/2813666-Web-Tools Web工程师必备的43款可视化工具2、http://paperjs.org/examples/nyan-rainbow/ Paper.js 一个矢量图形脚本框架。3、http://blog.csdn.net/ajaxchen_615/article/details/7732

2013-01-24 16:41:59 391

转载 javascript调试利器----console命令详解

Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/

2013-01-23 09:11:13 399

转载 javascript设计模式----单例模式

《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员，在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯

2013-01-18 13:39:27 721

转载 Meta标签详解

Meta标签详解，在网上转的，希望对大家有用　　引言　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　很多人却忽视了HTML标签M

2013-01-18 11:07:44 332

介绍前，先说下背景。在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（其核心就是绑定mousemove），这种事件有一个特点，就是用户不必特地捣乱，他在一个正常的操作中，都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道，DOM操作时很消耗性能的，这个时候，如果你为这些事件绑定一些操作DOM节点的操作的话，那就会引发大量的计算，在用户看来，页面可能就一时间没

2013-01-18 10:35:12 501

转载 Google推荐的HTML5代码规范

Google 作为业界的领头羊，为HTML5代码规范作出了详尽实用的规范，一起来学习吧！1.协议头：建议在指向图片或其他媒体文件、样式表和脚本的URL地址中省略http：https:协议部分，除非已知相应文件不能同时兼容2个协议。http://www.google.com/js/gweb/analytics/autotrack.js”>www.googl

2013-01-18 09:36:46 706

转载 CSS3画网格

CSS3画网格需要用到的属性就是——linear-gradient、background-size，大家鼓掌欢迎他们～那到底要怎么做呢？我们暂时不考虑网格，先想想，怎么画一条横线呢？好，看下面的代码（只贴了webkit的实现，其他的太多，不想写，下同～ Css1234.grid{ ba

2013-01-17 17:52:02 3229

转载 CSS3模拟checkbox

话说, 很久很久以前, 一直到不久前, 浏览器原生的checkbox(复选框)的样式大部分都不能改的, 在各个浏览器中的外观和行为都不一致, 这是一件相当让人蛋疼的事.而在那个远古的蛮荒时代, 还生活着一种叫攻城师的生物, 每天被产品经理们强迫着, 想方设法让checkbox外观一统江湖, 苦不堪言.在那个时代, css2和dom level2风行, 却对checkbox束手无策,

2013-01-17 13:45:05 743

转载 CSS3选择器

CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器，这一

2013-01-17 10:42:35 325

转载关于团队合作的css命名规范

关于团队合作的css命名规范常用的css命名规则：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：

2013-01-17 09:41:54 380

转载过滤SQL特殊字符

过滤sql特殊字符方法集合1./// /// 过滤不安全的字符串 /// /// /// public static string FilteSQLStr(string Str) { Str = Str.Replace("'", ""); Str = Str.Replace(

2013-01-17 09:11:52 2010

转载网站建设公司解析W3C标准

网站建设公司解析W3C标准： W3C 的英文全称为 World Wide Web Consortium ，翻译成中文就是理事会或万维网联盟。它是由万维网的发明者Tim Berners-Lee于1994年10月在麻省理工学院计算机科学实验室成立的，是对网络标准进行制定的一个非赢利组织。 W3C标准在网站建设当中指的是网页结构、表现、行为

2013-01-16 17:45:35 576

转载 javascript的反柯里化

本文主要讲了JavaScript中科里化和反科里化this的方法.话题来自于Brendan Eich(JavaScript之父)的一个tweet.1.反科里化(Uncurrying)this反科里化this的意思是:把一个签名如下的方法:obj.foo(arg1, arg2)转换成另外一个签名如下的函数:foo(obj, arg1, arg2)

2013-01-16 16:32:54 563

转载理解JavaScript中的arguments,callee,caller,apply 和call

一、Arguments该对象代表正在执行的函数和调用他的函数的参数。[function.]arguments[n]参数function ：选项。当前正在执行的 Function 对象的名字。n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明：Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是个类似数组但

2013-01-16 13:42:26 335

转载对frameset、frame、iframe的js操作

对frameset、frame、iframe的js操作框架编程概述一个HTML页面可以有一个或多个子框架，这些子框架以来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。框架间的互相引用一个页面中的所有框架以集合的形式作

2013-01-15 14:50:28 630

转载 Javascript跨域请求的几种解决方法

Javascript跨域请求的几种解决方法什么情况下才会出现跨域？假设域名是：http://www.example.com.cn/如果所请求的域名跟这个域名不致，这种情况就是跨域，由于跨域存在漏洞，所以一般来说正常的跨域请求方式是请求不到的。解决方式：一、window.name 1、服务器返回window.name='{"id":"3", "name

2013-01-15 14:44:00 464

转载使用javascript动态管理css

添加CSS通常情况CSS不论是内嵌还是外联，都是预先定义好的。其实利用JavaScript，我们也可以动态在页面中插入或删除CSS。比较常见的场景是：CSS动画。由于我们在设计网页时不能预知动画的具体细节，所以需要在运行时进行定制。比如，我们想让一个元素从右侧飞出屏幕，如果用keyframe动画实现，我们必须知道屏幕的宽度，这个信息只有在运行才知道。例如下面的1026px，是运

2013-01-14 14:19:57 442

转载使用createDocumentFragment()方法---减少回流，提高性能

在《javascript高级程序设计》一书的6.3.5:创建和操作节点一节中，介绍了几种动态创建html节点的方法，其中有以下几种常见方法：· crateAttribute(name)：　　　　　　　用指定名称name创建特性节点· createComment(text)：　　　　　　　创建带文本text的注释节点· createDocumentFragment()：

2013-01-14 10:05:22 922

转载 html正确的嵌套规则

HTML为方便学习，本文中的标签使用了大写（XHTML 中元素名必须小写），小写的单词表明一组或一系列 HTML 标签每一项条目（标签）后都跟随一组标签列表，如果没有这个列表，那么表明该条目（标签）内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容（#PCDATA）。#PCDATA 的意思是“parsed character data”，即纯文本内容（不包括任何

2013-01-11 16:47:06 905

转载常用的win7快捷键

1. Ctrl + Shift + N – 创建一个新的文件夹你需要在文件夹窗口中或者桌面按 Ctrl + Shift + N 才行2. Ctrl + Shift + Esc – 快速打开 Windows 任务管理器非常好用的快捷键3. Win + D – 显示桌面非常好用的快捷键4. Win + E – 打开我的电脑非常好用

2013-01-11 13:45:10 410

转载 HTML资源

W3C在线验证工具：http://validator.w3.org/(X)HTML嵌套规则：http://www.cnblogs.com/PeunZhang/archive/2012/03/11/2390526.htmlHTML标签语义化对照表:http://www.cnblogs.com/PeunZhang/archive/2012/03/08/2385592.html

2013-01-11 13:39:45 318

转载 HTML4标签的默认样式列表

html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }li

2013-01-11 11:30:44 571

原创比较好的WEB前端博客、网站

1：http://www.alloyteam.com/ 腾讯Web前端 Alloy 团队 Blog2：http://www.css88.com/包括jquery，html5，css3，js最新技术、资讯3：http://www.html5cn.org/当前html5最新资讯4：http://www.w3cplus.com/有最好的CSS3教程、资讯5：http://www.qian

2013-01-11 11:09:25 1043

转载两球完全弹性碰撞反弹方向问题

一、初步分析中学时候上物理课能够认真听讲的人（我？哦，不包括我）应该很熟悉的记得：当两个球体在一个理想环境下相撞之后，它们的总动量保持不变，它们的总机械能也守恒。但这个理想环境是什么样的呢？理想环境会不会影响游戏的真实性？对于前者我们做出在碰撞过程中理想环境的假设：1）首先我们要排除两个碰撞球相互作用之外的力，也就是假设没有外力作用于碰撞系统。2）假设碰撞系统与外界没有能量

2013-01-09 16:16:00 9103

转载 SVG中的动画

SVG中的动画元素有五个，它们都可以随着时间的变化而改变SVG元素的属性或样式值,如下所示:：改变数值的属性或样式的值；：改变非数据值的属性或样式的值，如visibility属性等；：沿着某路径移动SVG元素获得动画效果；：改变某些元素与颜色有关的属性或样式的值；：改变SVG元素进行坐标变换时候的动画效果； attributeName=""：

2013-01-08 10:17:43 1082

转载防止表单重复提交的两种方式

防止表单重复提交的两种方式1）通过重定向2）通过Session Token（Session令牌）：当客户端请求页面时，服务器会通过token标签生成一个随机数，并且将该随机数放置到session当中，然后将该随机数发向客户端；如果客户第一次提交，那么会将该随机数发往服务器端，服务器会接收到该随机数并且与session中所保存的随机数进行比较，这时两者的值是相同的，服务器认为是第一次

2013-01-06 16:39:07 932

转载 js的线程机制

前几日写了一篇文章，介绍了js阻塞页面加载的问题。当时是通过例子来验证的。今天，我介绍一下浏览器内核，从原理上介绍一下js阻塞页面加载的原因。浏览器的内核是多线程的，它们在内核制控下相互配合以保持同步，一个浏览器至少实现三个常驻线程：javascript引擎线程，GUI渲染线程，浏览器事件触发线程。1. javascript引擎是基于事件驱动单线程

2013-01-06 14:26:48 502

转载 JS 定时器工作原理

在对JS本质理解的层面上，重要的是了解JS定时器是如何工作的。很多时候我们觉得定时器的执行不够直观，那因为它们运行在单线程的环境里。我们先来仔细观察下面三个js的内置函数，然后我们再具体去使用它们：1.var id= setTimeout(fn,delay); 说明：setTimeout这个内置函数的功能是启动一个定时器，这个定时器在指定的延迟时间 (delay，单

2013-01-06 14:16:52 4823 2

转载像素是什么意思？一个像素有多大？告诉你像素和分辨率的关系！

像素是什么意思？一个像素有多大？告诉你像素和分辨率的关系！图片的像素和分辨率对于像素和分辨率这两个词，主要见于图片和显示设备上。只要你用到手机里的照相功能，你都要接触到这两个概念。只是大多数人都是一知半解，而更多的人却根本就不知道，白白浪费了手机里500万、800万像素的摄影头，却不知道如何调节使用。像素是组成图象的最基本单元要素：点。分辨率是指在长和宽的两个方向上各拥有的像

2013-01-05 17:08:48 4711

转载理解Rails框架

Rails框架首次提出是在2004年7月，它的研发者是26岁的丹麦人David Heinemeier Hansson。不同于已有复杂的Web 开发框架，Rails是一个更符合实际需要而且更高效的Web开发框架。Rails结合了PHP体系的优点（快速开发）和Java体系的优点（程序规整），因此，Rails在其提出后不长的时间里就受到了业内广泛的关注。简介　　Ruby on

2013-01-05 13:48:49 1019

转载关于REST理解

不知你是否意识到，围绕着什么才是实现异构的应用到应用通信的“正确”方式，一场争论正进行的如火如荼：虽然当前主流的方式明显地集中在基于SOAP、WSDL和WS-*规范的Web Services领域，但也有少数人用细小但洪亮的声音主张说更好的方式是REST，表述性状态转移（REpresentational State Transfer）的简称。在本文中，我不会涉及争论的话题，而是尝试对REST和RES

2013-01-05 13:27:59 534