<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>akasuna.com</title>
	<link>http://www.akasuna.com</link>
	<description>If It&#039;s Not Fun, Why Do It?</description>
	<lastBuildDate>Mon, 12 Dec 2011 02:55:14 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.3.1" -->

	<item>
		<title>让开发也懂前端 &#8211; 某淘宝员工前端技术分享</title>
		<description><![CDATA[资料来自淘宝内部员工，主要面向后端开发人员，如何对前端产生兴趣，对前端技能有一个概要印象，并知晓如何找到好资料进一步学习。 个人觉得无论是前端工程师还是后端工程师都值得一看。 via http://lifesinger.wordpress.com/2011/07/07/guide-to-fed/]]></description>
		<link>http://www.akasuna.com/2011/07/08/guide-from-taobao/</link>
			</item>
	<item>
		<title>CSS 选择器的优先级问题</title>
		<description><![CDATA[CSS 意为层叠样式表。所谓层叠，就是说，可以用多个 CSS 声明来作用于同一元素，例如用一段 CSS 来定义文字的颜色，用另外一段 CSS 来定义文字的大小，最终达到样式叠加的效果。 这种特性一定程度上使 CSS 可以更为方便的定义样式，但同时也带来了一定的复杂性。例如，当多个样式作用于同一个元素，而且还是作用于同一个属性，元素最终会以何种方式来呈现样式呢？ 参考下面这个例子： p { color: black; background-color: white; } div.warning p { color: red; } div#caution p { color: yellow; } body#home div p { color: white; } 此样式表中有 4 组选择器，且最终都指向 p 元素，并且每组样式中都有 color 属性。这样一来，可能的情况就是会有多个颜色属性，被施加于同一个 p 元素。问题来了，浏览器最终会以什么样的方式来渲染 p 的颜色呢？后定义的颜色会覆盖掉先定义的颜色吗？ 这里就涉及到一个 CSS 选择器优先级的问题，如果有多个选择器作用于某元素的同一个属性，那么浏览器会去计算其对应选择器的优先级，并最终将优先级最高的那个选择器的样式作用于元素。 如何计算优先级呢？ 优先级的计算通常遵循如下规则： 如果某元素被设置了 [...]]]></description>
		<link>http://www.akasuna.com/2011/04/25/css-specificity/</link>
			</item>
	<item>
		<title>几个常用 CSS 属性的简短写法</title>
		<description><![CDATA[精简 CSS 代码有很多种方法，但其中最常用的方法可能就是使用属性的简短形式。 具有简短写法的 CSS 属性很多，但是常用的属性无外乎字体、列表、背景、边框、透明等几种，所以在此对这几种属性的简短写法做个归纳，备忘。 font 属性 font 属性涉及到字体、字号、行高等好几个属性，使用简短写法的时候可以节省好多代码量。虽然并非所有属性都要定义，但是一般来说 font-size 和 font-family 是必不可少的，以下是 font 的几个属性与其对应的默认值： /* font 各属性与默认值 */ font-variant: normal; line-height: normal; font-family: varies; font-weight: normal; font-style: normal; font-size: medium; 以上 6 个属性可以合并成一行，根据 W3C 规范，各属性前后排列顺序依次为： /* 字体各属性前后顺序 */ font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family]; 再看以下几个示例： font: 14px Georgia, serif; font: 14px/1.4 Georgia, serif; [...]]]></description>
		<link>http://www.akasuna.com/2011/04/17/css-shorthand-properties/</link>
			</item>
	<item>
		<title>应该记住的 30 个 CSS 选择器</title>
		<description><![CDATA[可能你已经学过了 CSS 的 ID 选择器、类选择器和后代选择器，但是这就够了吗？ 可能不太够，对于 CSS 而言，还有很多灵活的使用方法。 本文将向你介绍一些常用的 CSS 选择器方法，其中有一些是 CSS3 选择器，只有比较新的浏览器才支持，但是这些新选择器同样要记住，因为像 IE6 之类旧浏览器终将被淘汰。 OK，开始。 1. * * { margin: 0; padding: 0; } 此星号将选择当前页面内所有标签，相信很多人都使用过这招来清空浏览器默认的 margin 和 padding，如果是在测试的时候，用这招当然没什么问题，但是在正式的产品中尽量不要这样用，据说它会大大加重浏览器的负担，而且也没必要清空所有标签的 margin 和 padding。 * 同样可以作为子选择器使用： #container * { border: 1px solid black; } 以上代码将为 ID 为 container 容器内所有标签加上一个像素宽的黑色实线边框。 2. #X #container { width: 960px; margin: auto; [...]]]></description>
		<link>http://www.akasuna.com/2011/04/06/the-30-css-selectors-you-must-memorize/</link>
			</item>
	<item>
		<title>jQuery Ready 方法的简短写法</title>
		<description><![CDATA[写 jQuery 代码的时候，一般要写一个 Ready 方法，以确保 DOM 已加载完毕，然后再执行相应的 jQuery 代码。Ready 方法一般写法如下： $(document).ready(function() { // 从这里开始 }); 但是在看其他人写的 jQuery 代码的时候，经常又会看到如下写法： $(function() { // 从这里开始 }); 第二种写法虽然简短了许多，但是在功能上和第一种写法是等价的，如果你不相信，可以看一下 jQuery 的源代码中有如下代码片段： // HANDLE: $(function) // Shortcut for document ready if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } 如果传入选择器中的参数是一个函数，那么会自动返回一个 rootjQuery.ready( selector )，而 rootjQuery 又是 jQuery(document) 的一个引用，所以这里就相当于调用 jQuery(document).ready() [...]]]></description>
		<link>http://www.akasuna.com/2011/03/22/jquery-shorthand-ready-method/</link>
			</item>
	<item>
		<title>JavaScript 为什么要用 var 关键字申明变量</title>
		<description><![CDATA[我们都知道 JavaScript 中的 var 关键字是用来申明变量的，但是如果不用这个关键字而直接写出变量名，然后赋值给它，JavaScript 也并不会报错，它会自动申明这个变量。 难道说 JavaScript 中的 var 是个多余的东西吗？显然不是！ 请看下面这段代码： str1 = 'Hello JavaScript!'; function fun1() { str1 = 'Hello Java!'; } fun1(); alert(str1); // 弹出 Hello Java! 可以看到，在函数 fun1 被调用后，str1 的值在函数内被改变了。 再将上面的代码稍作修改： str1 = 'Hello JavaScript!'; function fun1() { var str1 = 'Hello Java!'; } fun1(); alert(str1); // 弹出 Hello JavaScript! 看到没有，str1 [...]]]></description>
		<link>http://www.akasuna.com/2011/03/21/why-javascrip-declare-variable-with-var-keyword/</link>
			</item>
	<item>
		<title>使用 HTML5 改造 WordPress 的 TwentyTen 主题</title>
		<description><![CDATA[2010 年，WordPerss 发布了一个非常重大的版本更新：WordPress 3.0，而且这个版本带来了一个全新的默认主题：Twenty Ten。 TwentyTen 是一个不错的主题，并且能通过 W3C 的 HTML5 验证，但是奇怪的是，这个新的 TwentyTen 主题，除了声明了文档类型为 HTML5，基本上没有使用多少 HTML5 所带来的新特性，仅仅在 HTML 文档顶部加上一行 &#60;!doctype html&#62; 而已。 不过现在有些比较激进的开发者，对 TwentyTen 进行了改进，使用了不少 HTML5 的新特性。 改进的细节 将日志包含在 &#60;article&#62; 里面。 将日志的元数据中的发布日期包含在 &#60;time&#62; 里面。 使用 &#60;figure&#62; 和 &#60;figcaption&#62; 来处理日志中的图片。 日中评论表单中对于输入内容的一些验证，如 E-Mail 为必输，E-Mail 地址格式验证等。 使用 &#60;header&#62;， &#60;nav&#62; 和 &#60;footer&#62; 分别标记页眉，导航菜单和页脚。 ………… 下载 愿意尝鲜或做小白鼠的同学，可以去下载这个主题试试看，下载地址：http://www.twentytenfive.com/]]></description>
		<link>http://www.akasuna.com/2011/02/28/using-html5-to-transform-wordpress-twentyten-theme/</link>
			</item>
	<item>
		<title>选择虚拟主机时需要考虑哪些因素？</title>
		<description><![CDATA[近年来，随着信息技术的飞速发展，拥有自己独立的网站对于大多数中小企业或个人，都已不再是什么难事。但是要拥有自己的网站，首先要面临的问题就是，我们的网站放在哪里？要自己购买一台服务器吗？事实上，对于大多数中小企业网站或个人网站，访问量一般都不会太大，对于服务器的要求不会太高，所以一款合适的虚拟主机就可以完全胜任。 但是目前市场上的虚拟主机可谓广告满天飞，让人看了眼花缭乱，对于不了解虚拟主机特性的人而言，往往不知如何去选择，只能任奸商忽悠。 下面我们就来一起看一下，选择虚拟主机时候，需要考虑哪些因素。。。 1. 存储空间 存储空间的大小，意味着你可以往你的网站上放多少东西。对于中小型网站而言，一般来说几个 GB 的空间应该足够使用了，虽然也有少数主机商申明“无限空间”，但当你真正使用的时候，你会发现，那只是他们宣传的噱头，因为他们一般会限制文件的数量，当文件数量超过一定额度的时候，他们就会通知你进行清理。Bluehost.com 虽然广告上打的是不限制空间大小，但实际上文件数量限制好像是 50000 左右，且文件总大小不超过 30GB，虽说不是无限的，但显然已经足够使用。 2. 月流量限制以及网速 什么是月流量限制，就是你的网站访客在你网站上所上传的和下载的总数据量。假设主机商给你的月流量限制是 10GB 的话，再假设你的单个网页平均大小是 100KB 的话，用户每访问一次网页，就将从服务器上下载 100KB 的数据，那么你的网站每个月可以访问的次数就大约为 10 万多次，当然这还没有考虑到上行的流量。需要特别说明的是，一般不要在服务器上放 MP3 之类的文件，因为一旦你的 MP3 文件被搜索引擎索引到了，而且这首歌还很流行，那么这个 MP3 文件每天都可能被访问数成千上万次，最终结果就是你的流量会很快的被用完。 关于网速，也就是访客打开您网站的速度，一般来说主机商都有自己的机房或者托管在网络供应商的机房，速度都不会慢。区别在于如果你选择的是国外的主机商，那么由于地理因素，网速可能会比国内的主机上慢一些，但是也不是非常慢，从我这里 ping Bluehost.com 的服务器，一般都在 200ms 以内，虽然不是非常快，但是已经足够快了。 3. 可绑定的域名数量 可绑定域名数量，也就是你可以在这个主机上放几个网站。假如你想做 3 个网站，分别为 abc1.com / abc2.com / abc3.com，那你没有必要买 3 个主机，如果你的主机支持绑定多个域名的话，你只需将这 3 个域名绑定到这个主机上就可以了，这显然大大降低了你建站的成本，如果再多找几个朋友入伙且想他们收取少量费用，利用这个挣点钱也是可以的。一般国外的虚拟主机都支持绑定多个域名，而国内主机商一般都只能绑定一个域名，这个需要鄙视一下。另外，如果你的域名没有备案，国内主机商好像还不允许绑定。Bluehost.com 宣称不限制绑定域名数量，但还是那句话，你不可能去绑定 10000 个域名上去吧，够用即可。 4. 企业邮箱 什么是企业邮箱？就是说，如果你的域名是 [...]]]></description>
		<link>http://www.akasuna.com/2011/01/27/some-features-to-look-for-in-a-web-host/</link>
			</item>
	<item>
		<title>使用 jQuery 处理 XML 数据</title>
		<description><![CDATA[XML 全称为 可扩展标记语言，其文件结构与 HTML 类似，但是区别也很明显，HTML 只能使用已经定义的标签，如 title, body, span 等，标签种类是有限的，但是 XML 除了可以使用 HTML 的所有标签，还可以自己随意定制标签，如 person, name, sex, age 等，而且 XML 中的标签属性名称，也可以随意定制。另外二者用途方面也有明显区别，HTML 主要用来展示数据，XML 则侧重于数据的存储和传输。例如下面这个简单的 XML 文档用以存储员工信息： &#60;员工&#62; &#60;姓名&#62;麻花疼&#60;/姓名&#62; &#60;性别&#62;男&#60;/性别&#62; &#60;年龄&#62;40&#60;/年龄&#62; &#60;职位&#62;疼逊CEO&#60;/职位&#62; &#60;/员工&#62; 下面本文简单介绍如何使用 jQuery 载入一个 XML 文件并从中获取自己想要的数据。 准备 XML 文档及测试数据 假设我们现在要构建一个包含人员信息的 XML 文档，该 XML 文档要能反映其姓名、所在公司、公司简介、公司产品简介几个信息，那么我们可以把 XML 设计成如下样式： &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62; &#60;Persons&#62; &#60;Person FullName=&#34;Bill Gates&#34;&#62; &#60;Corporation&#62;Microsoft&#60;/Corporation&#62; [...]]]></description>
		<link>http://www.akasuna.com/2011/01/07/processing-xml-data-by-using-jquery/</link>
			</item>
	<item>
		<title>利用 jQuery 简化 Ajax 开发</title>
		<description><![CDATA[Ajax 并不是一种语言，它只是几种旧技术如 JavaScript 和 XML 以及 DOM 的综合应用，全称为 Asynchronous JavaScript and XML，即 异步 JavaScript 和 XML ，它能够在页面不刷新的前提下和服务器进行异步数据交互，如果运用得当，它能够很好的提高用户体验，还能节省带宽、降低服务器压力。作为一个优秀的 JavaScript 框架，jQuery 同样也提供了很多方法来处理 Ajax 的相关操作。 利用 Ajax 获取异步数据 1. 传统 Ajax 方法 传统 Ajax 一般步骤为： 创建 XMLHttpRequest（需兼容各种浏览器）。 向服务器发送 XMLHttpRequest 请求。 监测 XMLHttpRequest 的 onreadystatechange 事件。 判断服务端是否响应完成及响应结果是否正常。 获取 Ajax 从服务端返回的结果。 例如用 Ajax 获取服务器上的当前时间，示例代码如下： &#60;html&#62; &#60;head&#62; &#60;title&#62;Traditional Ajax&#60;/title&#62; &#60;meta http-equiv=&#34;Content-Type&#34; [...]]]></description>
		<link>http://www.akasuna.com/2010/12/23/simplify-ajax-development-with-jquery/</link>
			</item>
</channel>
</rss>

