- 博客(27)
- 收藏
- 关注
RSS订阅原创 jQuery的小实验
昨天看到有同事用$('xxxx').empty().append('xxxxxxx');这类方法，而本人自己用的这是$('xxxxx').html('xxxxx');作为前端码农，俺就想看看 2个写法的优劣，首先看看测试代码$("body").html(''); var $div = $("div"); var i = 10; while (i
2013-03-20 09:15:48
1870
原创 重复造轮子之基于nodejs的聊天室
首先说明下，这帖子虽然是原创，但是功能网上已经有很多实现的有很多。我只是记录下自己的进步而已配置nodejs的环境大家可以看看我的另外一篇博文简单完成nodejs的服务创建。好了，我们先从服务端代码开始，基于nodejs哦。简单的config.js文件，代码中的解释如果看不懂，可以再次阅读简单完成nodejs的服务创建这篇博文。如果还是不明白，可以留言询问。var express
2013-03-01 14:20:38
4877
原创 一个javascript的小实验
今天写个小实验是关于键值对应取值，与switch case 判断的如:var objectData = { "a": 1, "b": 1, "c": 1, "d": 1, "e": 1, "f": 1, "g": 1, "h": 1, "i": 1
2013-02-19 12:42:38
1750
原创 一个蹩脚又简单的轮播的图片滚动
应媳妇要求。写了个图片滚动....比较蹩脚.....var forimg = function (foritem, hoverStop, defaultfor) { var _foritem = foritem.constructor == jQuery ? foritem : $(foritem); var imgarr = [ { "
2012-12-31 14:34:16
1055
翻译 Javascript保留字
Javascript关键字：breakdoifswitchtypeofcaseelseinthisvarcatchfalseinsetanceofthrowvoidcontinuefornulltrywithdeletefunctionreturn更多请点击fe2base菜园子
2012-12-29 23:41:42
938
原创 模拟下拉框-美化你的网站
开发这插件是为了能够统一全站的下拉框，而不是用系统自带的那种，如果看官觉得这个插件很丑，可以自行修改样式。或者弄个设计稿给我，我来帮你美化，目前这个插件只完成了最简单一部分。就是模拟一个下拉框。因为需要全站统一，所以我考虑到性能…但是我发现还是不能处理大量的，目前来看一个页面出现50个左右的下拉框还是可以接受的，当然我还会不断改进。Demo页面一个简单的配置工作首先我们
2012-12-22 20:52:41
2158
原创 简单的tab选项卡效果
这个东西本来不想写的，但是媳妇大人看不懂，解释了N遍还不行，索性写个文章记录下，供人参考。首先我们来看下html tab1 tab2 tab3 tab4 tab1内容 tab2内容
2012-12-05 21:25:17
5279
原创 简单完成nodejs的服务创建
今天我们部门的vapour同学跟我们讲了下nodejs的简单应用，我回家试了下，挺好玩的，就写过文章记录下，有兴趣的同学可以一起玩玩首先是安装nodejs 点击这个链接进入nodejs首页 http://www.nodejs.org单击红框 install，下载文件下载完成 按照提示 完成安装验证安装成功你可以window+R 打开运行 输入 cmd再输入 node
2012-11-27 22:47:22
6567
2
原创 jQuery方法解析(二)prop
昨天媳妇挑了一个append，今天挑了一个prop，还真会挑...... 接下来几天的jq均已jq1.7.1这个版本为例。跟昨天一样，我们先来看看api是怎么写的：获取在匹配的元素集中的第一个元素的属性值。看完api你是否觉得和attr函数很想呢？如果还不了解attr那么请你祈祷俺媳妇早日挑到这个函数吧。好了我们来看函数吧，这个
2012-11-23 22:37:35
6560
原创 jQuery方法解析(一)append
接下来几天俺会让俺媳妇随机挑几个jq的函数方法，然后我查看源码，以及加入自己的理解写几个博文，如果大家有特别希望了解的可以回复，这样我就不用让俺媳妇挑了。 今天以及接下来几天的jq均已jq1.7.1这个版本为例。首先我们来看下jqapi的说明：向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
2012-11-22 21:29:34
21524
2
原创 多页面同步数据，同步操作，非长链接
阅读前知识普及以下提到请谷歌的都是能直接找到的，我觉得自己搜下能加深记忆！1、本地缓存：高级浏览器的localStorage和IE 8.0以下版本的的userData1.1、localStorage：本地缓存，只能存储字符串，除了IE8其他容量均为5M。localStorage是跟随domain的 前面说了，这是高级浏览器的，怎么玩？请你谷歌吧。玩之前记得判断是否有的玩。1.
2012-11-13 16:04:51
3135
原创 兼容HTML5placeholder属性
var placeholder=function(arrObj){ if(!('placeholder' in document.createElement('input'))) { var bind=function(name,val){
2012-08-06 09:41:08
1431
1
原创 模仿万智牌卡牌效果
css #div_count { overflow: hidden; } div ul, li { list-style: none; margin: 0; padding: 0; } img
2012-07-13 12:48:34
3691
1
原创 QueryString工具函数
/*QueryString使用方法1、单独使用：PageJsDataObj.QueryString("aaa") 获取url中aaa参数2、对象参数：var a = PageJsDataObj.QueryString({ aa: 1, bb: 2 }) 获取url中aa和bb参数 若没有该参数则返回参数对象值a.aa这个是aa参数，若没有该参数则返回1,1为对象传入时的的值a
2012-07-09 20:19:55
2204
原创 ajax方法
var Ajax = (function () { //XMLHttpRequest对象 var _xMLHttpRequest = null, _funData = {/*私有方法所需的全局变量*/ readyState: 1 }, _fun = {/*私有方法*/
2012-07-09 12:59:00
1188
原创 无刷新多文件上传
CSS #fuplContainer { width: 400px; height: 500px; border: 1px solid #000; } #fuplContainerTitle { width: 113px;
2012-07-06 12:57:35
2296
5
原创 初学javascript设计模式(五)适配器模式
/*适配器模式*//*简单易懂的适配器模式*/var fun1 = function(a1, a2, a3) { alert(a1); alert(a2); alert(a3);}var fun2 = function(a1, a2) { alert(a1); alert(a2);}/*我们要使用这个函数我们如次调用*/fun1(1, 2,
2012-06-14 19:13:15
972
原创 初学javascript设计模式(四)门面模式
/*门面模式*//* 简单易懂的门面模式 *//* 普通写法 */var a = $("#a")a.attr("data-val", "1");a.attr("data-top", "2");var b = $("#b")b.attr("data-val", "1");b.attr("data-top", "2");var c = $("#c")c.attr("data
2012-06-14 19:11:02
989
原创 初学javascript设计模式三)组合模式第二遍遍阅读
/*组合模式*//* 保存对象 */var SaveObj = {};/* 统一验证对象 */var Check = { IsNull: function() { var valArr = this.GetVal(); var retArr = []; var i = valArr.length; while (i
2012-06-14 19:09:28
1569
原创 初学javascript设计模式(三)组合模式第一遍遍阅读
/*组合模式*//* 保存对象 */var SaveObj = {};/* 统一验证对象 */var Check = { IsNull: function() { if (this.GetVal().length > 0) { return this.GetVal(); } return false;
2012-06-13 19:06:46
419
原创 初学javascript设计模式(二)桥接模式第二遍遍阅读
/* 桥接多个方法桥接模式,顾名思义就是搭桥连接多个模块下面的代码,有那么一点桥接思想首先是一个简陋的队列，下面简称q这个队列体现了先进先出接着是一个普通的函数和这个函数对应的回调，下面简称fc最后是个桥接函数,主要是想体现q与fc之间的衔接fc有可能是在初始化的时候执行,也可能单机任意按钮时执行而q有个先进先出的规则我们需求在初始化的时候根据某个规律进行初始化那么我们就用桥
2012-06-13 19:05:24
1096
原创 初学javascript设计模式(二)桥接模式第一遍遍阅读
/*桥接模式1、简单桥接2、桥接多个对象*//* 普通写法 */$("#a").click(function() { alert("a");})$("#b").click(function() { alert("b");})$("#c").click(function() { alert("c");})/* 桥接模式 *//* 桥接函数 */
2012-06-12 18:49:30
1729
原创 初学javascript设计模式(一)工厂模式第二遍阅读
/*工厂模式目录:1、简单工厂模式2、工厂模式*//* 简单工厂模式 *//* namespace */var Calculate = (function() { var PermitDivide = function() { /* 允许存在除法的计算类 */ return { Sum: function() { aler
2012-06-12 18:46:30
1807
原创 初学javascript设计模式(一)工厂模式第一遍阅读
/*工厂模式目录:1、简单工厂模式2、工厂模式*///允许存在除法的计算类var PermitDivide = function() { return { Sum: function() { alert("累加") }, Subtract: function() { alert("递减") }, Multiply: functi
2012-06-11 18:19:43
500
原创 任意2对数组比较
Array.prototype.CalculationRepeated = function() { var subArr = {}, k = this.length; while (k--) { if (subArr[this[k]] === undefined) { subArr[this[k]] = 0; }
2012-06-09 23:26:39
552
原创 表格行拖动
var BindMoveTr = (function(cssObj) { var _cssData = {}, _jsData = { container: null, /*table容器*/ yMax: null, /*容器下限*/ yMin: null, /*
2012-06-09 23:24:13
499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人