- 博客(68)
- 收藏
- 关注
RSS订阅原创 基于脚本的动画的计时控制（“requestAnimationFrame”）（转载）
Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用引入了对requestAnimationFrame 方法的支持，该方法通过在系统准备好绘制动画帧时调用该帧，从而为创建动画网页提供了一种更平滑更高效的方法。在此 API 之前，使用 setTimeout 和 setInterval 绘制的动画并没有为 Web 开发人员提供有效的方法来规划动画...
2014-03-04 19:12:26
383
原创 IE11开发人员工具：UI响应工具详解
我讨厌debug，相信也没多少开发者会喜欢。但是当代码出错之后肯定是要找出问题出在哪里的。不过网页开发的时候遇到 BUG 是一件再正常不过的事情了，我们不能保证自己的代码万无一失，于是使用浏览器的开发人员工具调试是我们解决问题最快捷的方法了。微软在 Windows 8.1 预览版中带来了全新的 IE11 浏览器，不光加入了诸如 WebGL 支持等功能，还将F12开发人员工具进行了重新设计，这...
2014-02-27 18:33:59
276
原创 IE11开发人员工具：内存分析工具详解
上篇我们跟大家介绍了IE11开发人员工具中的新功能：UI响应工具的使用方法，通过这个工具我们可以有效快速的找出网页应用中的哪些组件占用了多少CPU时间，有利于我们对代码进行改进。除了CPU的占用情况我们比较关注以外，应用对内存的占用情况也是值得我们关注的问题。所以今天我们在给大家分享跟UI响应工具一起加入到IE11开发者工具中的新功能：内存分析。通过内存分析工具可以帮助你了解应用的内...
2014-02-27 18:32:55
1357
原创 E6与location.hash和Ajax历史记录 (转载)
为了在IE6中改变hash来保留历史记录实现ajax的前进后退，通常需要在页面内加入隐藏的iframe，对其open+close然后修改iframe的hash，再通过timer更新主窗口的hash，达到让主窗口生成历史记录的目的。参见http://tkyk.github.com/jquery-history-plugin/但是这样做有一个问题，ie6默认是打开导航音的，对于用户而言，如...
2014-02-26 12:23:16
136
原创 postgresql命令(转)
1.PostgresSQL 支持标准的 SQL 类型 int，smallint， real，double precision， char(N)， varchar(N)，date， time，timestamp 和 interval2.\c [数据库名] 多个数据库之间的切换\a 在非对齐和对齐的输出模式之间切换\C [字串] 设置表标题, 如果参数...
2014-02-25 14:27:36
121
原创 vim显示行号、语法高亮、自动缩进的设置(转载)
在UBUNTU中vim的配置文件存放在/etc/vim目录中，配置文件名为vimrc 在Fedora中vim的配置文件存放在/etc目录中，配置文件名为vimrc在Red Hat Linux 中vim的配置文件存放在/etc目录中，配置文件名为vimrcset nocompatible "去掉有关vi一致性模式，避免以前版本的bug和局限 ...
2014-02-21 10:45:35
145
jQuery的链式语法实现
一个很老的话题，只是自己做下记录，免得忘记。写得比较简单还请见谅，有不对的地方也请告知，多谢:) jQuery的版本2.1.1pre如何生成一个jQuery对象呢？直接调用$(selector, context)即可，让我们来看看源码都做了什么// Define a local copy of jQueryjQuery = function( selector,...
2014-01-24 20:43:14
315
原创 在 Ubuntu 12.10 中使用 Virtualbox 安装 Win7(转载)
一、下载文件1.下载 virtualboxhttps://www.virtualbox.org/wiki/Linux_Downloads下载后的 .deb 包通过 GDebi 就可以直接安装了。GDebi 可以通过以下命令安装：$sudo apt-get install gdebi gdebi-core2.下载 win7 镜像Windows7旗舰版32位 ...
2014-01-17 11:03:46
181
原创 MIME Types(转载)
MIME Types - Complete List Table 1. Complete list of MIME typesSuffixes applicableMedia type and subtype(s).3dmx-world/x-3dmf.3dmfx-world/x-3dmf.aapplication/octet-...
2013-12-31 10:20:42
110
原创 页面构建小工具(转载)
页面构建必备工具 — Firebug相信每个页面构建的同学都有这个工具吧？如果没有的话，你赶紧安装（点击此处安装）,Firebug就像它的名字一样，帮你找到虫子，烧掉它！同时有一些firefox的页面调试工具也是基于Firebug的，比如Yslow , CSS Usage网页测量利器– MeasureIt当我们拿到一个设计稿,写完基本的结构后,我们的测量工具可能就开始了,那些间距高...
2013-12-30 15:40:00
130
原创 SEO学习笔记(转载)
Author：Chemandy 学习资料：《SEO实战密码》——其中学习了两章：章4网站结构优化、章5页面优化。三、总结：1.网站结构方面①避免链接无法被搜索引擎爬行，即防止蜘蛛陷阱。②无需排名的链接，及垃圾链接应使用相关技术防止蜘蛛爬行，避免网站权重分流。③URL静态化、语义化、规范化，使用统一的URL。④建立网站地图。⑤内部链接权重分配和流向调整。2...
2013-12-30 15:28:41
140
原创 14个高效前端开发所必备的工具/脚本推荐(转载)
作为前端开发人员来说，我们需要和HTML、CSS和JavaScript打交道，并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。很多资深的前端设计师都拥有自己最喜欢的工具、脚本和资源，在今天这篇文章中，我们将介绍一些能够帮助你高效开发的工具脚本和资源，权当抛砖引玉，希望能够带给大家帮助，如果你也有自己喜欢的好东西，请给我们留言，希望能够让更多的朋友了解。1. JSFIDDLE ...
2013-12-30 15:19:06
857
原创 JavaScript宝座：七大框架论剑（转载）
一周前，Throne of JS大会在多伦多召开，这应该是我参加过的最有料也最不一样的一次大会。大会官网如是说：加载整个页面，然后再“渐进增强”以添加动态行为，这种构建Web应用的方式已经不够好了。要想让应用加载快，反应灵敏，而且又引领潮流，必须彻底检讨你的开发手段。这次大会邀请了七大JavaScript框架/库的创建人，他们济济一堂，面对面交流各自的技术理念。所谓七大框架/库...
2013-12-30 15:10:12
109
原创 如何选择Javascript模板引擎（javascript template engine)？(转载)
如何选择Javascript模板引擎（javascript template engine)？随着前端开发的密集度越来越高，Ajax和JSON的使用越来越频繁，大家肯定免不了在前台开发中大量的使用标签，常见到的例子如下：你的到了一个JSON对象，如下：var data={ email: 'terry.li@gbin1.com, gender: 'male' ...
2013-12-29 11:11:35
94
原创 Web模板引擎——Mustache(转载)
Web 模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，通常是标准的 HTML 文档。当然不同的开发语言有不同模板引擎，如 Javascript 下的 Hogan 、ASP 下的 aspTemplate、以及 PHP 下的 Smarty，这里主要介绍基于 Javascript 语言的模板引擎，目前流行有 Mustache、Hogan、doT.js、JsRende...
2013-12-27 19:27:55
129
原创 iframe历史记录问题(转载)
在做页面统计的时候遇到了两个问题：1.包含iframe的页面，在IE下按后退按钮不能刷新主页面。隐藏Iframe的src是统计程序的url，每点一次后退，就会发出一次页面加载时间请求。2.由js动态创建的img标签会发出两个http请求，第一个请求在发出后就被aborted，但实际上统计脚本收到了该请求，造成数据重复入库。针对第一个问题，怀疑是IE针对iframe处理同firefo...
2013-10-17 10:21:14
993
原创 10个chrome console实用小技巧(转)
1. 基本输出让我们先从最常见的console.log开始，console.log负责将输入的一个或多个参数写入console，因此，如果你需要输出较为复杂的表达式，可以直接将它们分割为多个参数，而不需要用+进行手动拼接：console.log("Node count:", document.childNodes.length, "and the current time is:"...
2013-05-09 10:56:41
309
原创 CSS3那些不为人知的高级属性(转)
原文：CSS的未来：一些试验性CSS属性译自：The Future Of CSS: Experimental CSS Properties转载自: http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-...
2013-04-19 13:35:41
118
原创 正则表达式匹配模式
正则表达式匹配模式(仅作为自己的记录)不区分大小写匹配模式 /regexp/i ，但此匹配存在特殊性，并非所有的ASCII字母和数字字符都存在大小写形式，而某些字符在作为单词首字母时会有单独的标题格式，有时大小写之间没有明显的一对一的映射，比如希腊字母，遇到这些情况的时候并不是每个流派都能很好支持，目前只有Perl和Java的java.util.regex能正确处理。（/i是匹配整...
2013-04-13 22:45:57
152
原创 JavaScript 时间、格式、转换及Date对象总结(转)
悲剧的遇到问题，从前台得到时间，“Tue Jan 29 16:13:11 UTC+0800 2008”这种格式的，想再后台解析成想要的格式，但是在后台就是解析不了SimpleDateFormat也试着解析了，都是报错，加上Local时区也不行，悲剧了一上午。最后找到下面这篇文章，得到解决了，难道真的不能在后台解析成功吗？还希望大家多多指点1、当前系统区域设置格式(toLocaleDateStr...
2013-04-10 14:49:20
118
原创 正则基础之——环视(转载)
1 环视基础环视只进行子表达式的匹配，不占有字符，匹配到的内容不保存到最终的匹配结果，是零宽度的。环视匹配的最终结果就是一个位置。环视的作用相当于对所在位置加了一个附加条件，只有满足这个条件，环视子表达式才能匹配成功。环视按照方向划分有顺序和逆序两种，按照是否匹配有肯定和否定两种，组合起来就有四种环视。顺序环视相当于在当前位置右侧附加一个条件，而逆序环视相当于在当前位...
2013-04-03 13:26:00
77
原创 正则基础之——\b 单词边界(转)
1 概述“\b”匹配单词边界，不匹配任何字符。“\b”匹配的只是一个位置，这个位置的一侧是构成单词的字符，另一侧为非单词字符、字符串的开始或结束位置。“\b”是零宽度的。基本上所有的资料里都会说“\b”是单词边界，但是关于“单词”的范围却是少有提及。通常情况下，正则表达式中所谓的“单词”，就是由“\w”所定义的字符所组成的子串。“\b”表示所在位置的一侧为单词字...
2013-04-02 18:07:55
194
原创 如何制作一个可及性强（accessible）的网页弹框(转载)
英文原文：Making an accessible dialog box中文翻译原文：可交互的弹出窗 在今天的web应用中，对话框差不多像他们在桌面应用中一样常见。用一点JavaScript和CSS来显示或隐藏一个覆盖在页面上的元素相当简单，但是很少有人考虑它如何影响可访问性。在很多情况下，它是可访问性的灾难。输入焦点没有被正确处理，屏幕阅读器(译者注：弱视盲人等...
2013-04-02 16:18:02
142
原创 JavaScript MVC js也mvc(转载)
JavaScript MVC中文：http://blog.youmila.com/?p=423 —from yapollo.li@gmail.com英文：http://www.alistapart.com/articles/javascript-mvc/ —from Jonathan Snookjavascript 已经从一个“小演员”发展成为舞台的中心”人物“。它的足迹已经遍布我们...
2013-03-16 23:59:16
115
原创 CDN（内容分发网络）技术原理（转载）
1. 前言 Internet的高速发展，给人们的工作和生活带来了极大的便利，对Internet的服务品质和访问速度要求越来越高，虽然带宽不断增加，用户数量也在不断增加，受Web服务器的负荷和传输距离等因数的影响，响应速度慢还是经常抱怨和困扰。解决方案就是在网络传输上利用缓存技术使得Web服务数据流能就近访问，是优化网络数据传输非常有效的技术，从而获得高速的体验和品质保证。 网络缓存...
2013-03-10 02:22:23
154
原创 浅谈XSS & CSRF(转载)
客户端(浏览器)安全 同源策略（Same Origin Policy）同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。 如：不能通过Ajax获取另一个源的数据；JavaScript不能访问页面中iframe加载的跨域资源。 对 http://store.company.com/dir/page.html 同源检测...
2013-03-08 12:09:47
187
原创 svg 和vml深入了解（路径path&shape）（转载）
观看者：有xml，javascript基础的同学目标：深入了解svg和vml的path属性实现方式：代码及相关文字解释。希望能一步步写完代码当你看完也就掌握了。先看两个例子分别了解一下svg和vml 的path用法。VML：[html] view plaincopy<html xmlns:v...
2013-01-08 16:06:36
171
原创 SUBLIME TEXT 2 设置文件详解
Sublime Text 2是那种让人会一眼就爱上的编辑器，不仅GUI让人眼前一亮，功能更是没的说，拓展性目前来说也完全够用了，网上介绍软件的文章和推荐插件的文章也不少，而且很不错，大家可以去找找自己需要的。之前想设置什么都是直接在网上搜，但最近想调行距，这个把我给难住了，软件上的设置没找到，网上搜也没有，最后的最后在Sublime的官方论坛找到了，个人觉得行距还是很影响视觉体验的，看看...
2012-12-27 11:21:34
108
原创 两个按位非操作与Math.floor操作(译)
位操作符在我们编码过程中是容易被遗忘的，可能更多的源于我们并不知道这些操作究竟代表什么，或者有什么样的作用，位操作符主要涉及有按位与(&)、按位或(|)、按位非(~)、按位异或(^)、左移(<<)、有符号右移(>>)、无符号右移(>>>),本文主要讲的是按位非(~)。关于这个位操作的原理，大家可以参考这里。按位非(~)操作对数值进行操作...
2012-12-10 18:17:03
176
原创 响应式设计的5个CSS实用技巧(转)
正如我在教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。 1. 响应式Video (demo)响应式vid...
2012-11-21 21:59:32
126
原创 响应式网页设计三步走(转)
来源：Responsive Design in 3 Steps响应式网页设计，毫无疑问地变得越来越重要了。如果你还没听说过响应式设计，可以先看看我之前发的文章响应式网站。对新手来说, 响应式设计听起来可能会有点复杂, 但事实上，它比你想象的简单得多。为了让你能快速入门，我准备了一个简易的教程。通过这三个步骤，你一定可以了解响应式设计的基本原理和media query（在你有一些CSS基础...
2012-11-21 21:52:27
94
原创 多设备的Web布局模式(转)
通过灵活的栅格和Media Queris，响应式Web设计能够让页面布局适应不同的屏幕尺寸。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。下面我列出了一些比较热门的适应多设备的布局模式。 最灵活的（Mostly Fluid）最受欢迎的模式或者就是这种最简单的方式：在更大屏幕使用更大margin的多列布局，依赖于灵活的栅格和图片，在小屏幕中某列内...
2012-11-21 21:45:55
187
原创 IE6下position定位子元素溢出，父元素被撑开的解决思路。(转)
在一些被常规的页面布局当中，我们常常需要通过position定位HTML元素来实现我们想要的效果。但是在这个办法在IE6中常常会出现各种问题。例如，我们想让一个子元素溢出其父元素之外显示，而影响父元素本身和其他兄弟元素的样式，我们可以这样写：123456789101112131415161718...
2012-11-13 18:04:52
194
原创 Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用(转)
英文地址：http://developer.yahoo.com/performance/rules.html中文地址：http://www.dudo.org/article.asp?id=218 我们在前面的几节中分别讲了提高网站性能中内容、服务器、JavaScript和CSS等方面的内容。除此之外，图片和Coockie也是我们网站中几乎不可缺少组成部分，此外随着移动设备的流行，对...
2012-11-13 00:08:10
113
原创 Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS(转)
英文地址：http://developer.yahoo.com/performance/rules.html中文地址：http://www.dudo.org/article.asp?id=216 在第一部分和第二部分中我们分别介绍了改善网站性能中页面内容和服务器的几条守则，除此之外，JavaScript和CSS也是我们页面中经常用到的内容，对它们的优化也提高网站性能的重要方面：CS...
2012-11-13 00:01:35
90
原创 Yahoo!网站性能最佳体验的34条黄金守则——内容(转)
英文地址：http://developer.yahoo.com/performance/rules.html中文地址：http://www.dudo.org/article.asp?id=214 Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实...
2012-11-12 23:50:24
178
原创 Yahoo!网站性能最佳体验的34条黄金守则——服务器(转)
英文地址：http://developer.yahoo.com/performance/rules.html中文地址：http://www.dudo.org/article.asp?id=215 在本系列的第一节中，讲了提高网站性能中网站“内容”有关的10条原则。除了在网站在内容上的改进外，在网站服务器端上也有需要注意和改进的地方，它们包括：使用内容分发网络为文件头指定E...
2012-11-12 23:49:09
138
原创 chrome developer tool 调试技巧(转)
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-e...
2012-11-12 13:16:30
99
原创 你清楚jquery是如何清除ajax缓存的吗？(转)
大家都知道万恶的IE在ajax中往往只读取第一次ajax请求时候的数据，其余时候都是从cache提取数据，（太懒了T_T）。原生的JS清除ajax缓存的方法多,但是终觉有点繁琐，如果是用jquery的同学，就设置一个参数就OK了,那就是cache: false，比如：1234567891011$.ajax({ url:...
2012-11-11 11:19:28
236
原创 是时候使用JavaScript严谨模式(Strict Mode)提升团队开发效率 In JavaScript(转)
随着WebApp突飞猛进的发展，Javascript写的WebApp规模越来越庞大，比如典型的代表产品腾讯WebQQ、HTML5游戏等等，Javascript越来越需要大量的开发人员多多人协作开发。同时HTML5、CSS3等新技术和NodeJs项目的高速发展，这几年JavaScript语言借着各种新API陆续被运用到从移动设备到服务器的多个”新领域”中。但JavaScript语言自身由于...
2012-11-10 23:33:09
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人