05 2012 档案
模拟JavaScript中类和继承
摘要：在面向对象的语言中，我们使用类来创建一个自定义对象。然而JavaScript中所有事物都是对象，那么用什么办法来创建自定义对象呢？这就需要引入另外一个概念 - 原型（prototype），我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（prototype）的一个拷贝 （实际上不是拷贝而是链接，只不过这种链接是不可见，给人们的感觉好像是拷贝）。让我们看一下通过prototype创建自定义对象的一个例子：//构造函数function Life(name,type){ this.name=name; this.type = type;}//life的原型，原型中.. 阅读全文
posted @ 2012-05-31 16:40 刘卿 阅读(185) 评论(0) 推荐(0)
js图片懒加载插件封装
摘要：昨天晚上弄的有点儿晚未做优化，现在添加了多个区块同时添加lazyload方法<style>.wrapper{width:150px;}</style><div class="wrapper" id="wrapper"> <img width="130" src="http://www.yuetaojie.com/App/Tpl/Home/Default/Public/images/transparent.gif" data-original="http://img 阅读全文
posted @ 2012-05-30 00:35 刘卿 阅读(2116) 评论(0) 推荐(1)
JS混淆加密工具
摘要：http://www.moralsoft.com/jso-online/hdojso.htm 阅读全文
posted @ 2012-05-28 23:21 刘卿 阅读(575) 评论(0) 推荐(0)
JS模拟dw的颜色选择器
摘要：这个插件是基于我自己封装的公共方法写的，大家可以通过绝对路径调用试试看，匆忙写的有问题联系我~~<script type="text/javascript" src="http://www.yuetaojie.com/App/Tpl/Home/Default/Public/js/common.js"></script><style type="text/css"> .colorTools{ position:absolute;} .colorTools ul{margin:0;padding:0;} 阅读全文
posted @ 2012-05-25 15:23 刘卿 阅读(1375) 评论(1) 推荐(0)
JS性能的问题
摘要：今天跟群里的人聊到JS性能的问题，网上总结的也蛮多的，这里我就大概写写：1、循环循环是我们最常用到的语句之一，其中for in 这个东西严重影响js效率。for in会让js脚本引擎建立一张可枚举的属性列表，然后一一对比是否重复。所以尽量避免使用2、eval 和 Functioneval和Function构造函数，每次都会把源代码转化为可执行代码。这个代价，啧啧啧3、避免使用全局变量全局变量其实去全局对象的成员，而局部变量其实是放到函数的堆砌中的4、减少对象的查找"."操作符直接影响访问对象属性的耗时，如 a.b.c.d。应尽量避免出现这样的表达式、可以利用局部变量把要访问 阅读全文
posted @ 2012-05-23 15:07 刘卿 阅读(374) 评论(0) 推荐(0)
JS 区块高亮插件
摘要：插件前面的Y.是基于我自己的插件封装，可以换为var 执行。本插件用于公司网站。仅供大家参考。有更好的实现方式或者问题，请留言。<div class="phone_av"></div>Y.setHightlight.set({ target:Y.$id("phone_av"), speed : 40, defaultColor : "#FFF4D9" }); //高亮某区域Y.setHightlight = (function(){ var HeightLight = function(o){ this.set 阅读全文
posted @ 2012-05-23 11:50 刘卿 阅读(430) 评论(0) 推荐(0)
继续倒计时
摘要：解决用户手动修改本地时间的bug<div class="free_time" id="clock"> <cite class="fr mts f14"><strong>还剩<font class="c_pink" id="surplus">10</font>份</strong></cite> <cite class="c_grey2 f14">剩余时间:</cite> 阅读全文
posted @ 2012-05-21 16:19 刘卿 阅读(202) 评论(0) 推荐(0)
倒计时-插件
摘要：和上一篇实现的效果是一样的 就是以闭包的方式实现了下，看着和用着跟舒服一些<div id="countdown" class="timer"> <span class="days"></span>天 <span class="hour"></span>时 <span class="minute"></span>分 <span class="second"></span> 阅读全文
posted @ 2012-05-17 19:59 刘卿 阅读(198) 评论(0) 推荐(0)
JS倒计时方法封装
摘要：今天公司新增加了一个活动页面（稍后把地址放出来大家抢购吧，哈哈），其中有类似于限时抢购的东西，本来要在网上找找这个小功能结果，大家都进行了编码（鄙视啊！），没办法自己整一个吧，放上来共享给需要的人<div id="countdown" class="timer"> <span id="days"></span>天 <span id="hour"></span>时 <span id="minute"></span> 阅读全文
posted @ 2012-05-17 18:18 刘卿 阅读(858) 评论(0) 推荐(0)
前端开发面试题解答~
摘要：1. 你熟悉那些块元素，盒子模型理解◎ address - 地址◎ blockquote - 块引用◎ center - 举中对齐块◎ dir - 目录列表◎ div - 常用块级容易，也是css layout的主要标签◎ dl - 定义列表◎ fieldset- form控制组◎ form - 交互表单◎ h1 - 大标题◎ h2 - 副标题◎ h3 - 3级标题◎ h4 - 4级标题◎ h5 - 5级标题◎ h6 - 6级标题◎ hr - 水平分隔线◎ isindex - input prompt◎ menu - 菜单列表◎ noframes - frames可选内容，（对于不支持fram 阅读全文
posted @ 2012-05-11 17:34 刘卿 阅读(362) 评论(0) 推荐(0)
js本地储存userData实例
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>userData Behavior 实例</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style>/**在ie下设置userdata可用(必须存在)**/.userData { behav 阅读全文
posted @ 2012-05-07 10:11 刘卿 阅读(4293) 评论(0) 推荐(0)
前端，你做到了么？
摘要：问问自己这张图你做到了多少？ 阅读全文
posted @ 2012-05-03 14:39 刘卿 阅读(181) 评论(0) 推荐(0)
js 瀑布流布局插件（仅供参考，逐渐完善中。。。）
摘要：此处仅为部分代码，如想查看完整版可pm我~~<div id="wrap" class="wrap"></div><script language="javascript" src="waterfall.js"></script><!-- content_container end --><script language="javascript">window.onload = function(){ ytj.$id(&quo 阅读全文
posted @ 2012-05-02 15:21 刘卿 阅读(1721) 评论(0) 推荐(0)