摘要：
随着html5盛行 阅读全文
posted @ 2012-12-04 21:01
小精灵YY
阅读(160)
评论(0)
推荐(0)
摘要：
http://www.kuqin.com/webpagedesign/20110708/92156.html针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用性、扩展性和适应性差等问题，本文尝试以MVC思想为基础，结合Web前端开发中内容-结构-表现-行为相分离的开发标准，提出一种将Web页面代码分为视图（View，页面静态部分，包括内容、结构、表现）、模型(Model，负责数据缓存、数据校验与本地逻辑处理、发起ajax请求)、控制器（Controller，负责用户和系统事件响应、模型和呈现器调度）、呈现器（Renderer，对视图的渲染，控制器与事件的绑定、 阅读全文
posted @ 2012-10-17 22:51
小精灵YY
阅读(260)
评论(0)
推荐(0)
摘要：
前端性能优化1.请减少HTTP请求基本原理：在浏览器（客户端）和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后 浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这些数据解释执行。而当我们请求的网页文件中有很多图片、CSS、JS甚至音乐等信息时，将会频繁的与服务器建立连接，与释放连接，这必定会造成资源的浪费，且每个HTTP请求都 阅读全文
posted @ 2012-09-06 22:09
小精灵YY
阅读(190)
评论(0)
推荐(0)
摘要：
什么是hasLayout？hasLayout 是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内 容，而不是依赖于祖先元素来完成这些工作。 下列元素默认 hasLayout=true <table> <td> <body> <img> <hr> <input> 阅读全文
posted @ 2012-08-19 14:37
小精灵YY
阅读(198)
评论(0)
推荐(0)
摘要：
《js判断一个元素是否为另一个元素的子元素》jQuery应用中还是有很多缺陷，比如多个元素的时候写起来就不是很方便。比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展：1//判断:当前元素是否是被筛选元素的子元素2jQuery.fn.isChildOf = function(b){3return (this.parents(b).length > 0);4};5//判断:当前元素是否是被筛选元素的子元素或者本身6jQuery.fn.isChildAndSelfOf = function(b){7return (this.closest(b).length 阅读全文
posted @ 2012-08-12 22:42
小精灵YY
阅读(1946)
评论(0)
推荐(0)
摘要：
用过jQuery的朋友一定对jQuery中方法的链式调用印象深刻，貌似现在很多库都支持了方法的链式调用,比如YUI3等。链式调用是一个非常 不错的语法特性，能让代码更加简洁、易读。很多时候链式调用可以避免多次重复使用一个对象变量。今天有人在群里说起javascript链式调用，写了几 个简单的实现方式共大家参考一下：一般我们我用函数构造一个类，例如：01var function Dog(name,age){02this.name = name;03this.age = age;04};05Dog.prototype={06getName:function(){07console.log(thi 阅读全文
posted @ 2012-08-12 22:26
小精灵YY
阅读(276)
评论(0)
推荐(0)
摘要：
ECMAScript中的所有的类都由Object类继承而来,Object类中的所有属性和方法都会出现在其他类中。这里介绍几个Object类相关的属性，方法和操作符；1.Prototype属性Prototype — 通过构造函数而创建的对象实例的原型对象.所有的类,默认返回 Object 对象的一个实例，原型对象可以让所有的对象实例共享它的属性和方法。例子见下面几个例子。2.constructor属性一个函数创建的时候就会js引擎就会自动为这个函数创建一个prototype属性，默认情况下，prototype属性会自动获取一个constructor属性，这个属性包含一个指向prototype属性 阅读全文
posted @ 2012-08-12 22:22
小精灵YY
阅读(231)
评论(0)
推荐(0)
摘要：
早些天写过了类的实现，接着我们看看的静态类的实现。这东西在Javascript里用得会非常的频繁，因为针对现在的网页，多个基于同一个类对象的页面不多，往往不同块对象的交互就可以解决问题了，这就需要在JS针对元素定义几个静态类就可以完事了，进入正题。这次我们直接看例子：01/***定义静态类***/02var Core = {};03Core.StaticClass = (function(){04var Return = {05Property: "Test Static Property", //公有属性06Method: function(){ //公有方法07aler 阅读全文
posted @ 2012-08-12 22:14
小精灵YY
阅读(212)
评论(0)
推荐(0)
摘要：
这个是在网上找的资料<div id="parent"><a id="a1" href="javascript:void(0);">点我</a><a id="a2" href="javascript:void(0);">点我吧</a><input id="b1" type="button" value="还是点我"></input><input id 阅读全文
posted @ 2012-08-04 16:52
小精灵YY
阅读(849)
评论(0)
推荐(0)
摘要：
$_SERVER的用法和参数都很多，网上找了很多资料大多都是参数的解释，这里也给自己保留一份，已备用。$_SERVER变量中所有数据服务器变量说明$_SERVER['PHP_SELF']当前正在执行脚本的文件名，与document root相关$_SERVER['argv']传递给该脚本的参数$_SERVER['argc']包含传递给程序的命令行参数的个数（如果运行在命令行模式）$_SERVER['GATEWAY_INTERFACE']服务器使用的CGI规范的版本。例如，“CGI/1.1” 续表服务器变量说明$_SERVER[&# 阅读全文
posted @ 2012-07-30 22:23
小精灵YY
阅读(345)
评论(0)
推荐(0)
浙公网安备 33010602011771号