Smy_yu的专栏

有志于在泰泽上大展拳脚的同学们一点要收藏一下关于HTML5的一些好教材好文章了， 这里为大家转载了一篇， 方便大家记录今天我们介绍相关HTML5的参考手册，演讲稿，电子书和教程。HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，

价格 对a链接包含的span图标进行样式更改。.icon-down-single-arr{ background-position: -67px -974px;}.icon-down-single-arr-li li:hover .icon-down-single-arr{ background-position: -81px -974px;

width: 50px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 对应的脚本特性为textOverflow。语法： 　　text-overflow : clip | ellipsis 　参数： 　　

z-index的问题document的默认值是0.一旦出现这种问题，检查下是否对大背景设置了z-index：-1;如果设置了这个，那么所有的被设元素的内容都会在document之下，选取不到。包括不会出现链接点击、文字选取、hover等效果。

#gotop{ display:none;font-size: 25px;color:#fff;text-align: center;background: #aaa;padding:10px 15px;position:fixed;right:50px;bottom:50px;cursor:pointer;   }function go

问题：遇到多行多列排列的图片时，hover上去加边框会把下面的图片挤到别处注意：IE11以下浏览器加载图片会默认给它加一个1px的边框解决方法：对图片设置border:none

前几天在看《jquery基础教程》，看到事件委托的时候，关于live()方法讲的不是很详细，就去搜了一下关于live()和delegate()的。然后在一处看到live()已经被移除了，囧，然后去看了最新的jq源码，果然被移除了，现在是1.9.1版本，不知道live()是在之前哪个版本被移除的，惭愧啊，之前都没留意。看源码发现bind()和delegate()都是由on()实现的。

推荐阅读原文：http://www.ituring.com.cn/article/467#推荐11收藏随着DOM结构的复杂化和Ajax等动态脚本技术的运用，事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上，展示它们的优劣势及适用场合。事件委托

直接说解决方法：假设一张拼合好的大图大小是：900 x 1000 px （如上图）现在想取图中左上角的河马图标，并缩小图标的大小。正常取图：.sprite { background: url('imgs/woqu_localjoin_all.png') no-repeat -21px -80px; width: 190px;height: 154px;}现在取正

在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的

用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发，与真机上的效果还是有些偏差，opera手机模拟器的效果亦不佳。有时在pc上开发出来的webapp效果良好，在部分真机上就出现了偏差，这时候就需要我们进行微调。    在pc上微调后发布到测试环境再在手机上看效果，开发很慢，效率很低。这时候就想着有一个可以在手机上调试的工具，可以随时更改参数随时看到手机上的效果，免去发布再测试、模糊估计

PS小技巧：点击图片选中图层前，记着做下面的噢：

最近做我趣的专辑学了一点小技巧

设计效果：当手指点击或触摸红框线menuList之外的部分时，弹框menuList消失。问题：在优化触屏版的时候发现如图问题，当menuList弹出，手指触摸屏幕向下滑动时，menuList弹框不消失，只有手指点击menuList之外的部分才消失。查看代码发现，源代码只定义了click事件：$(doc.body).on('click',function(e) { if

简单说下事件委托与阻止冒泡html: 全部 纽约 洛杉矶 拉斯维加斯 夏威夷 旧金山 奥兰多 西雅图 js:$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被点击");});$("ul[da

prompt() 有alert的风格，却带着输入框，这是怎么实现的呢？语法prompt(text,defaultText)参数描述text可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText可选。默认的输入文本。说明如果用

使用浏览器缓存当PageSpeed Insights检测到您的服务器响应不包含明确的缓存标头或某些资源被指定只缓存一小段时间时，就会触发此规则。概览如果用户会多次访问您的网站，那么静态资源的浏览器缓存可以节省用户的时间。缓存标头应当应用到所有可缓存的静态资源中，而不仅仅是应用到一小部分静态资源（例如，图片）中。可缓存的资源包括JS和CSS文件、图像文件及其他二进制对

当同一个模板需要替换不同的数据显示的时候，如果数据量大点，用json很方便。json对象：var JSONObject= {"name":"Bill Gates","street":"Fifth Avenue New York 666","age":56,"phone":"555 1234567"};JSONObject.name = "Bill Gates"jso

html: 我趣旅行网-美剧迷 Pisode css:html,body{ height:100%; margin:0; padding:0;}.wrapper{ position:relative; margin: 0 auto; max-width: 500px; min-

本文主要参照http://developer.yahoo.com/performance/rules.html，结合多年网站开发经验总结而来。1、减少页面HTTP请求数量比较直接的理解就是要减少调用其他页面、文件的数量。A.我们在使用css格式控制的时候，经常会采用background载入很多图形文件，每个background的图像至少产生1次HTTP请求，一般我们为了让页面生

Mozilla中： addEventListener的使用方式： target.addEventListener(type, listener, useCapture); target： 文档节点、document、window 或 XMLHttpRequest。 type： 字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”

Event.observeView source on GitHub →Event.observe(element, eventName, handler) → Elementelement (Element | String) – The DOM element to observe, or its ID.eventName (String

官方定义CSRF（Cross-site request forgery跨站请求伪造，也被称成为“one click attack”或者session riding，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。尽管听起来像跨站脚本（XSS），但它与XSS非常不同，并且攻击方式几乎相左。XSS利用站点内的信任用户，而XSRF则通过伪装来自受信任用户的请求来利用受信任的网站。与XSS

但有时候，需要当某事件触发时，我们先做一些操作，然后再跳转，这时，就要用JAVASCRIPT来实现这一跳转功能。 下面是具体的做法： 一：跳转到新页面，并且是在新窗口中打开时: 复制代码代码如下:function gogogo() { //do someghing here... window.open("test2.html"); } wi

发表于10小时前| 336次阅读| 来源w3ctech| 2 条评论| 作者吴天豪前端开发JavaScript开发经验CSS摘要：随着假日的来临，我们自由分配的时间将会增多，那么如果我把收集的前端相关的精品讨论列表分享出来，那一定会对大家有一些帮助。大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战， 毕竟我们需要的信息在数量上过于庞大。

2012-09-29 06:25　来源：博客　作者：hp.dewen　责任编辑：Sunny·yesky　评论(5)　　HTML5被看做是Web开发者创建流行Web应用的利器，增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来，如Adobe的Flash和微软的Silverlight，HTML5为实现这些插件的

Firebug控制台详解作者： 阮一峰日期： 2011年3月26日Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Fir

发表于2013-04-03 09:31| 4016次阅读| 来源SMASHINGHUB| 27 条评论| 作者Ali Qayyum前端开发CSS响应式设计摘要：本文将介绍一些CSS设计技巧，包括取消下划线、设计响应式视频、背景图片的设置以及相对值等。这些技巧可以适用于各种类型的网站，而且对于后期的网站维护也十分方便。CSS已成为Web发展不可或缺的部分，开发人员

2012年度最佳Web前端开发工具和框架总结2013/01/18 | 分类： 工具与资源 | 1 条评论 | 标签： 前端, 开发工具, 开发框架分享到：0来源：梦想天空技术的快速发展让很多人学习起来无所适从，幸运的是，很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案。 因此，我们有了很多优秀的小工具和库，每一个都是用来解决特

发表于2012-03-15 14:27| 6508次阅读| 来源优快云| 6 条评论| 作者夏梦竹web框架phonegap开发工具web服务web开发摘要：当前跨平台开发工具有很多，例如PhoneGap、Titanium、jQueryMobile、Sencha等等，究竟哪一款才最适合开发者呢？本文与开发者们共同探讨了这个领域的新宠儿——PhoneGap。导读

最近开始学习ruby on rails了,同事推荐我用aptana这个编辑器，它对ror的支持比较好，所以安装了这个软件，但是发现都是英文的，所以在网上看汉化教程，幸亏有高手写过这个文章了，这里我只是做一个引用。1、找到Aptana官方网站 http://aptana.com/support2、单击下面的链接，关于aptana的文档Studio 

document.createElement()的用法      分析代码时，发现自己的盲点——document.createElement()，冲浪一番，总结了点经验。      document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点

var CID = "endtime"; if(window.CID != null) { var dTime = document.getElementById(CID).innerText; var iTime = dTime*24*3600; var Account; RemainTime(); }

header("location:test.php")跳转成功除了需要注意以下三点还有一个前提必须要注意：1、location和“:”号间不能有空格，否则会出错。2、在用header前不能有任何的输出。3、header后的PHP代码还会被执行。这个前提就是你的编辑器是在UTF-8无BOM格式下编写的，而不是UTF-8格式。切记！

还有什么比代码更清晰的讲解html代码：SAE上传文件到storage 实例演示 php代码：<?phpif ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . ""; }e

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中