<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[兰华]]></title><description><![CDATA[我似如风，纵使轻轻飘过，也会留下痕迹...]]></description><link>https://blog.youkuaiyun.com/huadonggmail</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; huadonggmail]]></copyright><item><title><![CDATA[Javascript各种框架]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/18952077</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/18952077</guid><author>huadonggmail</author><pubDate>Thu, 06 Feb 2014 19:09:13 +0800</pubDate><description><![CDATA[1、Headroom.js
Headroom.js 是个轻量级，高性能的 JS 部件（完全独立，无需任何依赖），允许对用户滚动页面的行为做出反应，Headroom.js 的主页顶部就是一个演示示例，当向下滚动，头部就会慢慢退出隐藏起来；当向上滚动，头部又慢慢的显示出来。
2、Hammer.js
Hammer.js是一个轻量级的JavaScript库（压缩后仅有3kb），能让你的网站轻松实现触]]></description><category></category></item><item><title><![CDATA[coco2d-html5制作弹弓射鸟第一部分---橡皮筋]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/11021277</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/11021277</guid><author>huadonggmail</author><pubDate>Tue, 03 Sep 2013 23:01:03 +0800</pubDate><description><![CDATA[coco2d-html5制作弹弓射鸟第一部分---橡皮筋]]></description><category></category></item><item><title><![CDATA[cocos2d-html5编程过程中运用的几大工具]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/10200047</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/10200047</guid><author>huadonggmail</author><pubDate>Thu, 22 Aug 2013 21:52:27 +0800</pubDate><description><![CDATA[最近在学习cocos2d-html5，个人觉得比较好用的工具，希望给大家分享。]]></description><category></category></item><item><title><![CDATA[cocos2d html5学习网站]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/9992361</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/9992361</guid><author>huadonggmail</author><pubDate>Thu, 15 Aug 2013 22:56:59 +0800</pubDate><description><![CDATA[提供一个cocos2d html5学习的网站http://bbs.html5china.com/thread-4509-1-1.html]]></description><category></category></item><item><title><![CDATA[前端UI,javascript,css框架集合]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/9992285</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/9992285</guid><author>huadonggmail</author><pubDate>Thu, 15 Aug 2013 22:53:01 +0800</pubDate><description><![CDATA[最近在网上看到一个整合了UI框架，javascript框架，css框架的网站，供大家分享分享。
http://www.uiframe.com/]]></description><category></category></item><item><title><![CDATA[IE6 png 透明 (三种解决方法)]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8847894</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8847894</guid><author>huadonggmail</author><pubDate>Thu, 25 Apr 2013 09:23:22 +0800</pubDate><description><![CDATA[FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的


style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"

语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageL]]></description><category></category></item><item><title><![CDATA[JavaScript触摸与手势事件]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8775808</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8775808</guid><author>huadonggmail</author><pubDate>Tue, 09 Apr 2013 09:13:11 +0800</pubDate><description><![CDATA[iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互网页时，常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入，很多这样的专有事件变成了事实标准。
1.触摸事件
包含iOS2.0软件的iPhone 3G发布时，也包含了一个新版本的Safari浏览器。这款新的移动Safari提供了一些与]]></description><category></category></item><item><title><![CDATA[原生javascript图片自动切换功能]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8727487</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8727487</guid><author>huadonggmail</author><pubDate>Wed, 27 Mar 2013 17:15:31 +0800</pubDate><description><![CDATA[一、效果图




二、html代码

 
.container, .container *{margin:0; padding:0;}

.container{width:408px; height:168px; overflow:hidden;position:relative;}

.slider{position:absolute;}
.slider li{ list-sty]]></description><category></category></item><item><title><![CDATA[javascript客户端检测浏览器]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8607510</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8607510</guid><author>huadonggmail</author><pubDate>Sun, 24 Feb 2013 21:49:54 +0800</pubDate><description><![CDATA[写在前面的话
在以前，总是以为使用用户代理字符串检测浏览器是那种类型就行了，这样确实打错特错啊，下面就来说说吧。


一、能力检测
在编写代码之前先检测浏览器的能力。例如，脚本在调用某个函数之前，可能要先检测该函数是否存在。缺点就是能力检测无法精确地检测特定的浏览器和版本。
例如：

function getElement(id){
    if(document.getEleme]]></description><category></category></item><item><title><![CDATA[web前端的基本知识]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8566111</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8566111</guid><author>huadonggmail</author><pubDate>Sat, 02 Feb 2013 22:28:08 +0800</pubDate><description><![CDATA[DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM操作——怎样添加、移除、移动、复制、创建和查找节点。事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。盒模型——外边距、内边距和边框之间的关系，IE 块级元素与行]]></description><category></category></item><item><title><![CDATA[前端，架构，框架与库]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8565263</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8565263</guid><author>huadonggmail</author><pubDate>Sat, 02 Feb 2013 14:57:54 +0800</pubDate><description><![CDATA[无论是大公司还是小公司，创业公司还是成熟公司的前端开发都需要一个“架构师”的角色。理由很简单就是我在这些公司都呆过。但大家对“前端架构师”的理解，我怎么听都觉得太高深了，太玄了，像普通的前端工程师，产品经理，设计师一样它是一个很具体的工作，具体到每天应该做什么都可以列出来。另外它并不深，甚至说看起来简单。

前端架构师的工作：
1. 他需要制订一套跟上下游环节更高效配合的技术方案。具体说有改]]></description><category></category></item><item><title><![CDATA[css中position:relative和overflow:hidden的问题]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8499366</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8499366</guid><author>huadonggmail</author><pubDate>Mon, 14 Jan 2013 00:33:15 +0800</pubDate><description><![CDATA[今天在做网页的时候发现一个问题，在父标签中使用了overflow:hidden;时，如果子标签中有元素的position设置成relative的时候，在IE6和IE7中父元素的overflow对其将不起作用，在IE8、FF，Chrome中均正常显示如下代码：

    

效果如下图：



解决方案：将父标签的position也设置成relative，代码如下：]]></description><category></category></item><item><title><![CDATA[CSS完美兼容IE6/IE7/FF的通用方法]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8498124</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8498124</guid><author>huadonggmail</author><pubDate>Sun, 13 Jan 2013 15:04:33 +0800</pubDate><description><![CDATA[一、CSS HACK 
以下两种方法几乎能解决现今所有HACK.

1, !important


随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */]]></description><category></category></item><item><title><![CDATA[html+css布局的三种方式]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8472872</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8472872</guid><author>huadonggmail</author><pubDate>Sun, 06 Jan 2013 14:17:13 +0800</pubDate><description><![CDATA[1.自然布局。
没有任何修饰的布局是自动靠左的。
2.流动布局
上面讲的float:left的情况。
3.定位布局
 相对定位和绝对定位都是相对于父div标签的。 
 相对------以这个元素的本来应该在的位置为参照点 
 绝对——以父div标签的原点（左上角）为参照点。
 
由于外层是position:relative，所以里层是absolute的话，则会以外层的左上角为位移]]></description><category></category></item><item><title><![CDATA[CSS HACK IE6、IE7、IE8、Firefox解决兼容性问题]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8472774</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8472774</guid><author>huadonggmail</author><pubDate>Sun, 06 Jan 2013 14:04:08 +0800</pubDate><description><![CDATA[1.区别IE和非IE浏览器

#tip {
background:blue; /*非IE 背景?色*/
background:red 9; /*IE6、IE7、IE8背景?色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】：「9」、「*」、「_」
【示例】：


#tip {
background:blue; /*Firefox 背景变蓝色*/
background:r]]></description><category></category></item><item><title><![CDATA[JavaScript可否多线程? 深入理解JavaScript定时机制]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8289162</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8289162</guid><author>huadonggmail</author><pubDate>Thu, 13 Dec 2012 09:39:34 +0800</pubDate><description><![CDATA[JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如
setTimeout( function(){ alert(’你好!’); } , 0);
setInterval( callbackFunction , 100);


认为setTimeout中的问候方法会立即]]></description><category></category></item><item><title><![CDATA[高性能web开发 - 如何加载JS，JS应该放在什么位置？]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8049580</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8049580</guid><author>huadonggmail</author><pubDate>Mon, 08 Oct 2012 18:45:01 +0800</pubDate><description><![CDATA[外部JS的阻塞下载
     所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。

    有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理，
当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发]]></description><category></category></item><item><title><![CDATA[jquery 完整的标记插件]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/8019130</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/8019130</guid><author>huadonggmail</author><pubDate>Tue, 25 Sep 2012 23:46:14 +0800</pubDate><description><![CDATA[前言
最近在写一个项目，正好在做标记这一块，所以就把它记录下来，供大伙分享分享，如果有什么指教的地方，请发送邮件到huadong19890803@qq.com


一、
现在对于静态的展示图片，而不对图片进行任何的操作，没有任何的交互已很少见了，对图片进行标记，现在很流行了，今天就给大家分享一下小弟的成果。对于标
记图片必须要完成几个动作，即添加标记、展示标记、删除标记、编辑标记
首]]></description><category></category></item><item><title><![CDATA[高性能WEB开发 - 图片篇]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/7990149</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/7990149</guid><author>huadonggmail</author><pubDate>Tue, 18 Sep 2012 08:27:54 +0800</pubDate><description><![CDATA[一、缩小图片大小 
 
   当图片很多的时候，减少图片大小是提高下载速度最直接的方法。
1. 使用PNG8代替GIF(非动画图片)，因为PNG8在效果一样的情况，图片大小比GIF要小。
 
2. 用fireworks处理PNG图片，在我们产品中很多PNG图片是美工直接用photoshop导出的，
    后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背]]></description><category></category></item><item><title><![CDATA[springMVC js等文件找不到错误]]></title><link>https://blog.youkuaiyun.com/huadonggmail/article/details/7969643</link><guid>https://blog.youkuaiyun.com/huadonggmail/article/details/7969643</guid><author>huadonggmail</author><pubDate>Wed, 12 Sep 2012 09:20:15 +0800</pubDate><description><![CDATA[应用springMVC时如果配置URL映射时如下配置


        appServlet
        org.springframework.web.servlet.DispatcherServlet
        
            contextConfigLocation
            /WEB-INF/spring/appServlet/servlet-co]]></description><category></category></item></channel></rss>