三水清 -- IT技术博客大学习 -- 共学习共进步！

• 前端必须熟悉的10个CSS3属性

随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。上篇博文提到了《前端必须掌握30个CSS3选择器》，但是对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在很多流行的浏览器中不支持，但是我们鼓励在前端开发中要学会并且运行这些css3属性，因为这是未来的趋势。

• 前端必须掌握30个CSS3选择器

也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。

• javascript的词法作用域

大家应该写过下面类似的代码吧，其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里，那方法执行时，它能访问哪些变量，不能访问哪些变量，这个怎么判断呢？这个就是我们这次需要分析的问题――词法作用域

• javascript变量类型

javascript的变量类型真的很要人纠结，即使你是很有经验的js工程师，你也很难说清楚js的类型和分类。最近在讲javascript入门指南的时候，有人提出数组为什么不是基本类型，我通过演示typeof []的结果来说明，数组是对象类型派生出来的，而不是六种基本类型。

• IE的fireEvent方法

在IE中提供了一个fireEvent方法，顾名思义就是触发某个事件发生的意思。刚开始我以为是会跟平时使用onclick()一样，没想到最近在写javascript入门ppt的时候发现了，原来自己太自以为是了！看来还有很多javascript的细节没有掌握好啊！现在根据自己的总结详细的记录下fireEvent方法的使用。

• javascript匿名函数

今天在整理javascript入门培训的PPT时，提到了匿名函数，所以拿来分享下心得。

• 收集几个手机浏览器的User-agent

有时候我们使用PC浏览器访问手机网站，却自动跳转到PC页面，这时候我们需要修改下浏览器的User-agent，就可以做到以假乱真的方式，修改方法很多，例如通过chrome和firefox的插件，IE下可以通过fiddler代理一下。

• IE6中a标签location.href失效解决方法

今天遇见IE6一个location.href的bug，具体情况是这样的，IE6下，在a标签中，将href写成javascript:;javascript:void(0);，并且给这个标签绑定onclick事件，点击后，执行location.href实现页面跳转.......

• javascript事件：获取事件对象getEvent函数

在javascript开发中我们会经常获取页面中的事件，然后来处理这些事件，例如下面的getEvent函数就是获取javascript下的页面事件。

• 新浪微博jsSDK操作指南

新浪微博的开放平台提供了jsSDK的方法，但是很多人反映不会使用，这里最关键的一点是不会放跨域文件。的确，我也承认开放平台的开发文档写的不是很详细，比如对于一些接口是使用REST的，要人云里雾里，而对于REST的介绍却很隐晦，我也是尝试了几次才找到的方法（例如删除微博接口）。

• 自己写的一个轻量级javascript框架的设计模式

公司一直使用jQuery框架，一些小的项目还是觉得jQuery框架太过于强大了，于是自己周末有空琢磨着写个自己的框架。谈到js的设计模式，不得不说说js的类继承机制，javascript不同于PHP可以轻松的实现类继承，不过javascript的类继承方法还是有的，常见的有构建函数、原型扩展、综合……，也有一些专门写类的函数

• 转变代码思路：js浏览器判断方法

“变则通，通则达”，在coding的时候也要做到，有时候思路往往太过于局限性，拿今天写自己的js框架（暂定名为YQ吧，以后文章通用）对浏览器判断方法的实例，来说说代码思路的转变。

• javascript继承的写法

严格来说javascript是基于对象而不是面向对象的语言，因为javascript没有像java语言那么丰富的类、继承、封装，但是javascript是基于原型（prototype）的面向对象开发，是一种动态、弱类型、基于原型的语言。前几天看了阿里UED的《重温javascript继承机制》，今天重新看了，很有感触，特地转载了重要的部分，记录一下，下次有需要的时候还要重新看一下！的确是不错的一篇文章。继承的演变 1、采用new关键字生成实例处理表单验证...

• json_encode数组出现unicode \uxxxx的解决方案

端午和上个周末做的微博应用送大礼中设计到ajax返回json的数据格式中，我没有完全使用PHP默认的json_encode来编码，因为这样编码出来的是unicode编码的，也就是\\\\u的编码，虽然unicode编码可以在不同的页面中编码不会出现乱码问题。但是一个汉字编码成unicode会变成\\\\u+4个字符，这样在字符长度上要比汉字多。因为我的php文件和html声明中都是使用的UTF-8，不会出现编码乱码问题，所以就放弃了直接使用json_encode的方法，而...

• 使用javascript将XML解析为JSON

今天看了David Walsh一篇把XML格式转换为JSON格式的文章，感觉不错，简单的转载了过来。

• 使用windows7的virtual PC打造原装IE6、IE7、IE8测试环境

公司使用的是windows7操作系统，自己之前一直使用IETester来测试页面在IE6~IE8下的兼容性，可是在测试js的时候还是会出现实际使用的还是windows7的IE8内核问题。

• NodeList集合跟Array数组的区别

由字面意思来看NodeList是DOM操作（getElementsByTagName等）取出来的集合，而不是普通的数组，但是他们有数组的一些属性，例如length、下标索引，但是他们也有自己的属性，例如item，另外NodeList最大的特点就是时效性（live）。

• 利用跨域资源共享（CORS）实现ajax跨域调用

前几天看了一篇E文说部署CORS的文章，CORS是一中跨域的方式，于是上网找了下Nicholas C. Zakas 的文章《Cross-domain Ajax with Cross-Origin Resource Sharing》，并且找到了中文的翻译，感觉不错，转来分享之。

• 如何写出高质量的Javascript代码

本文总结了一些javascript的编写技巧，通过这些技巧可以要我们写出高质量的javascript代码，无论在代码规范上还是在代码效率上都会有很大的帮助！