![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
文章平均质量分 80
heihei0923
这个作者很懒,什么都没留下…
展开
-
一种覆盖掉window.alert()函数的实现
如何在window全局作用域下既可以覆盖alert自定义提示消息,又可以再次调用window原始alert函数呢?方法就是使用框架frame(iframe)。通过在当前document中增加一个iframe,那么在任何时候都可以调用iframe中window的原始alert函数。如下代码 //window作用域下覆盖alert的方法 (function(){...2011-05-06 21:15:54 · 485 阅读 · 0 评论 -
Yahoo关于性能优化的N条军规[转]
一、 Yahoo的军规条例:谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等;详细的解释来这里查:http://developer.yahoo.com/performance/rules.html也可以直接firebug上一项项比对,如下图:简单翻译解释下:1、尽量减少HTTP请求个数——须权衡合并图片(如css sprites,内置...原创 2011-07-21 18:48:17 · 197 阅读 · 0 评论 -
YUI3学习(五)--- Event
YUI Event 组件 通过提供简单的Dom事件响应接口为开发事件驱动的应用提供了便利。该组件同时也包含自定义事件支持,自定义事件允许你在程序中发布事件,其他的组件可以订阅这些事件做出响应。 以下分步介绍YUI事件系统的相关功能。基本DOM事件Y.on()注册事件使用基本Event组件的方法,需要引入'event'模块;在Node模块介绍中提到过如何为Node注册Dom事件的方...2011-07-28 23:09:54 · 157 阅读 · 0 评论 -
YUI3学习(六)---组件框架之 Attribute
1,YUI3组件框架组件框架基于YUI Core,是建立和扩展组件的基础;组件框架从下而上依次基于attribute、base、widget 模块组成,同时基于plugin模块实现灵活扩展。相关类说明:Attribute类 提供属性管理,可以扩展任何类使之具备属性管理功能,如提供get/set接口和change事件。Base类 提供属性管理和基础的事件机制,同时...2011-08-01 22:57:01 · 167 阅读 · 0 评论 -
JavaScript链式调用小结
zYUI3 Node对象实现链式调用的方式如下: Y.one('#id').setStyle('border','1px').setAttribute('title','test'); 大家都知道,JavaScript链式调用只是语法的招数。依据JavaScript的灵活性,实现的方法也不止一种,一起来看。注:前两种实现我直接拷贝了 zhouyrt的文章 JavaScript中...2011-08-03 22:47:11 · 253 阅读 · 0 评论 -
JavaScript设计模式摘要(一)
-----------------------------------------第一部分 面向对象的JavaScript---------------------------------------------- -----------------------------------------第一章:富有表现力的JavaScript-----------------------...2011-08-03 22:52:33 · 142 阅读 · 0 评论 -
YUI3学习(七)---组件框架之 Base
Base组件Base被设计为那些衍生自Attribute和EventTarget的类的底层基础类。为创建基于Attribute的对象提供标准模板,也为类的层次提供了一致的init()和destory()方法序列来串联初始化(initializer)和销毁(destructor)方法。Base同时也通过plugins或extensions机制为类提供了代码重用的方法。对应模块‘bas...2011-08-05 22:45:18 · 163 阅读 · 0 评论 -
YUI3学习(八)---组件框架之 Plugin
插件可以让你无侵入地为衍生自Base类的宿主对象(称为host的对象)添加对象。如Node、Widget等类的对象实例。可以通过继承Plugin.Base类来创建插件类。除此之外还可以通过后面的其他方法创建插件。在Base类中已经介绍可以通过插件向组件实例添加功能,组件类甚至可以对插件功能一无所知。这样我们就可以在组件实例级别使用这些功能,从而避免了为了添加这些功能而把组...2011-08-08 17:42:43 · 161 阅读 · 0 评论 -
YUI3学习(九)---组件框架之 Widget
Widget部件类是YUI3所有部件的基础类。它在Base的基础上提供了以下几个核心的基础功能:1,在Base的init和destroy时刻,添加render生命周期管理。2,抽象的渲染相关方法,促进一致的MVC模式访问。3,统一的部件属性设置方法。4,一致的标记生成支持。5,一致的css样式名称生成支持。6,内建的渐进增强支持。提示:3.1.0版本后的widge...2011-08-10 21:53:15 · 314 阅读 · 0 评论 -
YUI3学习(十)---基于组件框架的Widget实例(GoogleMapWidget)
本文遵循YUI3 Widget组件设计理念,继承YUI Widget类将Google Maps API v3 进行简单的封装,实现GoogleMapWidget组件。 涉及几个知识点:自定义Widget组件、自定义组件的css加载 1、定义MapWidget组件 YUI({ modules: { 'KBox':{//调用其他的组件 fullpa...2012-03-03 20:37:53 · 250 阅读 · 0 评论 -
Google Maps API V3 学习摘要
Google Maps API V3 学习摘要 年前项目需要顺便学习了下Google Maps API ,相比先前的V2版本的确在结构上进行了一次较大的调整。类的职责和功能划分更加地清晰,耦合关系也越来越低,更显著的变化是实现了前端MVC分层,便于开发人员编写出结构清晰、职责分明的代码。下面是学习过程中对知识点的一点记录,不成文章。 添加地图类型MapTypemap....2012-03-03 20:40:06 · 171 阅读 · 0 评论 -
Javascript的10个设计缺陷[转]
作者: 阮一峰 日期: 2011年6月30日前几篇文章,我经常说Javascript的设计不够严谨,有很多失误。今天的这一篇,前半部分就谈为什么会这样,后半部分将列举Javascript的10个设计缺陷。我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》(JavaScript: The Good Parts)和F...原创 2011-07-20 21:37:29 · 119 阅读 · 0 评论 -
大话HTML DOM与XML DOM的区别与联系【转】
原文链接: http://developer.51cto.com/art/201009/225276.htm摘要:随着我们对Web开发的深入了解,能够感觉到DOM是一个非常值得关注的点。为此,文章将详细的介绍HTML DOM和XML DOM之间微妙的区别及内在的联系。本文内容的主题便是,为什么开发者要认为“DOM Level 1规范的架构”是至关重要的,其突出的重要性在哪里等等,以及还...原创 2011-10-04 11:21:21 · 253 阅读 · 0 评论 -
YUI3学习(四)--- Node
YUI3 ‘node’ 模块为创建、操作和获取DOM节点对象(集合)提供了丰富的方法。该模块包含两个主要的对象 Node和NodeList。每一个Node实例表示一个底层的DOM节点;每一个NodeList实例表示一组DOM节点集合。相比YUI2,YUI3 的 Node在模块组织和方法上有了很大的精简,但同样提供丰富的功能;下面简单介绍下node模块Node和NodeList的主要方法和使用。完...2011-07-16 17:07:26 · 173 阅读 · 0 评论 -
js正则表达式之中文验证
今天做表单提交的输入框条件验证,验证是否包含中文;网上搜了一圈基于js正则表达式的验证基本不好用,而且大多都是出自一两篇原文的转帖!到底什么才是拿来主义呢。根据搜索结果,本文取精华,告诉大家一个好用的中文验证方法。 使用js正则表达式匹配中文,需要了解中文字符在unicode编码中所处的区间。这样才能够了解表达式的匹配原理。 首先在正则表达式中使用 Unicode,...2011-05-06 21:39:17 · 1220 阅读 · 0 评论 -
YUI3学习(一)---入门
学习YUI3有一段时间,并且应用在了一些项目的前端开发中,感觉还是蛮不错的,所以决定开始记录下YUI3的学习历程和个人经验。 YUI3在前身YUI2基础上进行了大量的重新设计,并不只是简单的版本升级。YUI3强调代码重用,将功能做了级别划分和颗粒化的设计。在概念上抽象出 核心、工具、和组件类,分别放在不同的目录结构中,需要的时候自行去引用。为动态加载的框架设计做铺垫。YUI 3...2011-07-03 22:30:20 · 132 阅读 · 0 评论 -
YUI3学习(二)--YUI Global Object
前一篇 YUI3入门YUI3 Global Object http://developer.yahoo.com/yui/3/yui/ 首先需要了解在YUI3 api文档模块列表的yui模块: YUI模块是YUI3.x实现的单个核心依赖。在使用YUI的页面中都必须包括YUI,这是唯一的依赖文件。YUI模块包含模块加载功能和模块依赖计算功能,YUI模块作为具体实现的一个种子,你只需要...原创 2011-07-09 00:17:49 · 186 阅读 · 0 评论 -
DOCTYPE, HTML和XHTML, Strict DTD和Transitional DTD, Quirks Mode和Standard Mode
转自:http://blog.csdn.net/wind_zsu/article/details/2464049 我们在HTML里面声明DOCTYPE一般会有以下几种: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...原创 2011-09-26 16:53:44 · 106 阅读 · 0 评论 -
document.documentElement 与 document.body 的 scrollWidth、offsetWidth、clientWidth
注:(scrollHeight、offsetHeight、clientHeight 同样可按本文去理解。)这是一个很复杂的问题,让我们想像一下:document.documentElement.scrollWidthdocument.documentElement.offsetWidthdocument.documentElement.clientWidthdocu...原创 2011-09-28 16:54:47 · 329 阅读 · 0 评论 -
Web开发乱码分析总结
今天对前端开发常见的乱码情况进行了汇总测试和分析,并做了下面这个总结表格。希望对遇到乱码问题的同志们有参考,欢迎大家一起讨论。 相关参考: 关于URL编码 http://www.ruanyifeng.com/blog/2010/02/url_encoding.html 深入浅出URL编码 http://www.cnblogs....2011-09-28 17:08:50 · 122 阅读 · 0 评论 -
web前端研发工程师编程能力成长之路 [转]
【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指引,几乎所有...原创 2011-09-29 10:26:58 · 113 阅读 · 0 评论 -
dojo类机制模拟实现
偶然在infoq上看到朋友的文章《dojo类机制简介》,闲来无事,根据文章所讲,做了个dojo类机制的模拟实现。主要实现以下功能:定义类、定义类静态变量、实现单继承和多继承、调用父类方法 以及工具类方法和属性(isInstanceOf方法和declaredClass)。代码如下: //dojo类机制模拟实现//--------工具类-------------...2011-09-29 11:00:10 · 164 阅读 · 0 评论 -
YUI3学习(三)---OOP
前一篇 YUI3学习(二)--YUI Global Object 在前篇YUI3 Global Object中介绍了oop模块中的的两个继承相关的方法 extend 和augment。本篇介绍下YUI3 oop模块剩余的几个方法。 Y.aggregate(r,s,ov.wl)同样的基于Y.mix的属性合并方法;需要 区别Y.aggregate与Y.merge API说明如...2011-07-12 22:51:13 · 195 阅读 · 0 评论 -
JavaScript+语言精髓与编程实践 精简电子版摘要
首先 面向对象特性 :封装继承多态,满足部分特性的语言称为“基于对象语言”。这些统称为‘对象系统’,‘对象系统’的继承特性三种实现方案: 基于类 基于原型 基于元类。 在javascript中采用基于‘构造器’机制来实现类的一些功能。 javascript的优点也是它的缺点,对于大型对象系统,对 对象的封装和多态支持不够,对于小型系统,又由于‘动态,函数式,原型继承’...2011-07-13 21:21:52 · 131 阅读 · 0 评论 -
使用jQuery Deferred 和 Promise 创建响应式应用程序
翻译自:Creating Responsive Applications Using jQuery Deferred and Promisese文水平有限,错误之处恳请指正 今天,我们一起探索一下deferreds的概念:一个在JavaScript工具包(如Dojo和MochiKit)中非常重要的一个功能,最近也首次亮相于流行的JavaScript库jQuery(已经是1.5版本的事...原创 2012-11-12 20:41:23 · 201 阅读 · 0 评论