- 博客(65)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 jQuery init 方法中的context详解
我一直都知道jQuery的初始化方法是： $(selector, context)，但是最近看了代码才发现，context并不只是限制查找那么简单：我总结出来了几点： A B C D E
2015-05-22 15:27:55
2177
原创 jQuery.addBack对象
$(DOM).addBack方法： 将之前匹配的元素加入到当前匹配的元素中$(DOM).addBack( [ selector ] )这个方法主要是把之前的元素对象添加到现在的对象中。同时可以使用选择器进行筛选。同时返回对象的prevObject不变，还是原来的prevObject比如说:$(".container").children(".chil
2015-05-22 10:56:18
593
转载 jQuery.extend 函数详解
http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.htmlJQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: ext
2015-05-08 20:44:48
389
原创 float不占位置的解决方法
经常碰到里面所有元素都是float的，所以外面的框就撑不开，没有任何大小，今天找到一个解决方法，在父级框里面加一个clearfix的css属性，css如下：.clearfix:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}
2015-05-07 16:44:45
6231
原创 扁平化array
怎么把：[1, [2,3], [4,5]] ==> [1,2,3,4,5] ???很简单，就是通过js原生的concat方法就好了[].concat([1,[2,3],[4,5]]) ==> [1,2,3,4,5]
2015-05-07 13:58:36
364
原创 一个逻辑运算的优先级关系
今天看了一段代码，那个逻辑运算没有加任何括号，就立马晕掉，代码类似：A || B || C && D && E && F当时完全不知道这个是个怎么回事，后来查了一下以后，发现&&的优先级大于||，所以这个的运算顺序是：A || B || （C && D && E && F）在这里记录一下，以后便于使用
2015-05-06 16:19:27
1138
原创 document.body.scrollLeft的兼容方法
function getScrollXY(){var x,y;if(document.body.scrollTop){ x=document.body.scrollLeft; y=document.body.scrollTop;}else{ x=document.documentElement.scrollLeft; y=document.documentElement.s
2015-05-05 17:13:16
1407
原创 jQuery.each方法，内部使用代码
今天看了jQuery.each的源码，突然发现里面包含了一个只供自己内部使用的代码，感觉很新奇，就记下来。不过我本身并不准备经常用这个东西，因为很有可能会和普通的用法搞混。。。上代码：// args is for internal usage only each: function( obj, callback, args ) { var value, i = 0,
2015-05-05 16:18:57
714
原创 JS toFixed 四舍六入五成双
以前一直以为toFixed就是四舍五入的方法，后来又有一段时间以为toFixed是五舍六入。今天终于写的时候，终于才知道toFixed是一个叫做四舍六入无成双的诡异的方法。。。完全不明白为什么要这么写。。。什么是四舍六入五成双：百度是这么说的：对于位数很多的近似数，当有效位数确定后，其后面多余的数字应该舍去，只保留有效数字最末一位，这种修约（舍入）规则是“四舍六入五成双”，
2015-04-09 12:27:39
4254
原创 jQuery编程挑战#012：生成菜单添加和删除动画效果
jQuery编程挑战#012：生成菜单添加和删除动画效果 Java Javascript HTML CSS PHP /*CSS源代码*/ @import url('//cdn.gbtags.com/font-awesome/4.1.0/css/font-awesome.min.css');html,
2015-04-07 15:41:13
514
原创 jQuery编程挑战#013：使用jQuery生成图片的水平翻转动画效果
jQuery编程挑战#013：使用jQuery生成图片的水平翻转动画效果css版：img { transform: rotateY(0deg); -ms-transform: rotateY(0deg); /* IE 9 */ -webkit-transform: rotateY(0deg); /* Safari and Chrome */ -o-tran
2015-04-07 15:36:56
1437
原创 用css, 使用‘...’代替文本长出的部分
原文：http://wfsheep.iteye.com/blog/2189013当我们使用css的控制文本的时候，时常会出现文本的数据比容器宽的情况，这是因为用户的输入是不可控制的，而此时，为了获得较好的用户体验，可以采用在输入长度大于容器所能容纳的最大宽度时，用省略号代替长出的部分，这里有两种常用的方式：css 方式text-overflow: ellipsis;
2015-03-25 11:56:16
458
原创 通过jquery.val()来修改input域的值并不会影响jquery.html()的结果
在这里记录一下：今天做一个东西，作出修改以后，需要把隐藏在页面上对应的域的值也做修改。以后用的时候直接通过.html()来拿出来。但是后来发现，通过jquery.val()来修改值并不会修改html的值。自己无奈的解决方法就是，再重新生成一个input域，把值写入。然后再把原来的删掉。。。
2015-03-25 11:19:31
716
转载 利用unique()去重和merge()合并数组
原文：http://wangjingyi.iteye.com/blog/2195045$.unique() jQuery.unique(array) 函数通过搜索的数组对象，排序数组，并移除任何重复的节点。 只适用于普通的JavaScript DOM元素的数组，主要是jQuery内部使用。只处理删除DOM元素数组，而不能处理字符串或者数字数组。 但是无聊的测试了下：
2015-03-24 15:39:11
528
原创 js serializeArray方法
之前只知道serialize方法，感觉很方便。用ajax提交表单的时候，就可以用这个方法来把数据格式化。后来，因为可能要先把数据处理一下再提交，所以每次把数据提取出来都是一段长代码，今天突然发现了serializeArray这个方法，感觉一切都简单多了。借用w3school的例子：$(document).ready(function(){ $("button").c
2015-03-23 14:26:22
4781
原创 改变placeholder颜色的方法
之前拿到一个设计图，Placeholder是白色的，所以就查看了一下改变placeholder的方法：input::-webkit-input-placeholder { /* WebKit browsers */ color: white;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white;
2015-03-23 14:01:49
7369
1
原创 挑战3：使用jQuery将输入框中的整型数值格式化为逗号分隔形式
另外一道挑战题，使用jQuery将输入框中的整型数值格式化为逗号分隔形式(function(){ var $input = $("#num"); $.fn.extend({ format: function(){ var num = $(this).val(); var result =
2015-03-11 15:11:50
522
原创 挑战4：使用jQuery切换数据表的行列
另外一道挑战题，重新排列table把变为：代码如下： 列1 列2 列3 列4 数据1-1 数据1-2 数据1-3 数据1-4 数据2-1
2015-03-11 14:08:26
364
原创 挑战2：实现一个转盘大抽奖（老虎机效果）
另外一道挑战题，做一个老虎机直接上代码： .contaniner { background: #333; } .nine td { border-radius: 50%; height: 80px; width: 80px;
2015-03-11 09:57:14
2282
原创 挑战1：使用jQuery生成水平图片幻灯效果
在http://www.gbtags.com/gb/gbtutorials/478.htm发现的： .slider { width: 542px; overflow: hidden; } .slider ul { width: 10000px; list-style
2015-03-10 17:35:46
577
原创 侧边固定导航栏
最近需要做一个侧边固定的导航栏，需要做到默认情况下，导航栏不是固定的只有当页面滚动，会遮盖住导航栏的时候，导航栏才是固定的页面缩放的时候，固定导航栏位置会根据页面的大小调整后来，看了一下bootstrap里面分享的一个pin.js的实现方法，获得了一些灵感。就写在这里： 导航栏 1 2
2015-03-09 15:39:22
2769
原创 通过制定的key，来合并json
今天在stackoverflow上面看到的一个问题，我就自己做了做~由于stackoverflow不提倡直接给代码，只提倡给思路，我的英语又烂，表达不清楚，所以我就写在这里，以供以后学习使用。原题：I have a Json Structure like below [ { "category_id": "C1", "c
2015-03-05 17:27:38
397
转载 快速搭建节日促销专题
原文出处：http://ued.baidu.com/?p=3452一到节日前夕，各类电商开始摩拳擦掌，设计节日类大促专题也成了在电商网站当设计师的必备工作，往往时间给的仓促，最多二三天而已，那么怎样在有限的时间找到感觉设计出不出错的专题呢。电商专题的特点：主题氛围强烈，文案、整体颜色吸引用户眼球，正确引导用户购买，商品摆放逻辑清晰，优惠信息明显先从文案找灵感
2015-02-27 13:20:04
412
翻译 面试中，怎么回答或者问关于职业目标的问题
How to Not Ask or Answer Questions About Career GoalsShare on LinkedInShare on FacebookShare on Google PlusShare on TwitterThe worst question about career goals is some
2015-02-26 16:47:39
1464
转载 Print —— 被埋没的Media Type
原文地址：http://cdc.tencent.com/?p=8155浪迹互联网，是否有过这样的经历，遇到自己特别需要或者特感兴趣的内容时，或收藏网址或存成笔记或将其打印出来？ 用自己喜欢的方式将内容收藏以便日后查阅。前两种应该是大家常用的处理方式，而第三者又有多少人实际操作过呢？当你真的遇到第三者这种情况时，是否发现调出打印预览时的效果和自己的预期不太相符? 或者是网
2015-02-25 11:18:55
601
转载 教大家一招javascript最简单解析json的方法
原文：http://www.hoverlees.com/blog/?p=1398json本来就是使用javascript语法,所以javascrpit自己就可以解析json.大胆猜测我这个函数在IE6浏览器上也没有问题,比JSON类兼容性还好.写个示例给大家:12345678
2015-02-25 10:48:13
470
转载 css tricks，画各种基本图形
今天看到一个css tricks的文章，感觉不转载都对不起自己：图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼，推荐给你的朋友
2015-02-25 10:35:19
1015
转载 jQuery的deferred对象详解
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html作者： 阮一峰日期： 2011年8月16日jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是
2015-02-11 10:12:12
326
原创 从基础开始-draggable.js
下面是自己写的draggable.js(仅供参考)draggable.js:(function(){ jQuery.fn.extend({ draggable: function(){ var $this = $(this); $this.css({position: "relative"}); $(this).on("mouse
2015-02-06 10:17:38
2703
原创 从基础开始 - resizable.js
做了很多东西都是用插件来完成，包括jquery.ui里面的resizeable和draggable都是用插件的~最近觉得，应该从基础开始慢慢学习，于是自己写基础插件。这次写resizable的方法，不一定对，只限参考：resizable.js(function(){ jQuery.fn.extend({ resizable: function(options){
2015-02-06 10:06:32
1404
转载 js函数的作用域与this指向
原文地址：http://www.cnblogs.com/longze/p/3542582.html函数的作用域与this指向是js中很重要的一部分，理清这点东西需要个逻辑，看看我的逻辑怎么样...下面是个提纲，可以直接挑你感兴趣的条目阅读。函数的定义方式：直接定义（window下，内部定义），对象的方法，对象原型的方法；函数的调用方式：直接调用，call/app
2015-02-05 09:49:51
312
转载 JS容易犯错的this和作用域
原文地址： http://www.cnblogs.com/bennman/archive/2013/09/08/3309024.htmlvar someuser = { name:'byvoid', func:function() { console.log(this.name);
2015-02-05 09:24:35
307
翻译 Best Advice: How a Cold Email Can Land You Funding
原文链接：https://www.linkedin.com/pulse/best-advice-how-cold-email-can-land-you-funding-brian-wong?trk=tod-home-art-list-large_0Best Advice: How a Cold Email Can Land You FundingShare on LinkedI
2015-02-04 12:54:35
672
原创 nodejs + backbonejs + bootstrap实现QQ表情图列表
最近做一个练手的项目，模仿微信网页版，需要做一个QQ表情的列表功能。长这个样子：首先Nodejs获取文件夹下的图片目录，每张动态图片都要有一个原图和fix图~我在百度上面下的素材：下面是nodejs代码，循环获取emotion下面的文件夹，然后循环文件夹下面的图片，添加到emotions中：var fs = require("fs")
2015-02-04 10:49:20
1103
原创 nodejs实现图片上传
最近在研究nodejs，用到图片上传功能，就把自己整理下来的代码放上来，代码很简单：nodejs后台：var formidable = require("formidable");var fs = require("fs");var sys = require("sys");exports.upload = function(req, res){ var form
2015-02-04 10:31:00
743
转载 正则表达式
原文：http://blog.csdn.net/ydm19891101/article/details/43302623正则表达式的主要用处有三个：匹配、提取、验证。在实际的项目中，用的最多的是后两者。正则表达式容易理解，但是不容易写。每次使用的时候还要上网查阅，比较麻烦。下面总结列出了一些常用的正则表达式，希望对大家有帮助！asp.net 验证正则表达式：
2015-02-04 10:19:59
246
转载 img里的align属性能保证图文的混排效果以及vspace和hspace
原文：http://blog.csdn.net/weisubao/article/details/43448665（1）如果不实用align，那么img标签只是行内标签占据一行，图文混排效果如下：（2）使用了align属性：[html] view plaincopyimg src="1.jpg" alt="
2015-02-04 09:19:47
604
转载 javascript中prototype方式面向对象编程注意事项
原文地址：http://www.hoverlees.com/blog/?p=1193javascript的prototype在新对象创建时会复制这个类的prototype到新的实例，但要注意，它不会完全复制值是对象的属性，而是复制对象的指针。另一方面，这样可以达到面象对象中的静态变量效果。如下面的示例代码所示：123
2015-02-03 16:46:12
264
转载 用最简单的例子实现jQuery图片即时上传
最近看了一些jQuery即时上传的插件，总算看懂了些门路。现将其最为核心的一部分抽取出来，以期用最简单的例子来说明jQuery图片即时上传的原理。 首先本用例一共包含3个文件: 1、上传面板HTML文件。 2、上传处理PHP文件。 3、jQuery库。 第一、上传面板HTML文件（index.html)。 其
2014-12-17 13:42:47
291
转载 Firefox的input缓存
原文：http://loveslikey.iteye.com/blog/1399053 开发过程当中遇到了一个很诡异的问题：有一个元素，服务器生成页面后，出现了input域的value值与后台数据不一致的情况，而且跟上次页面的值一样。 通过查看生成页面的源代码，可以看到html代码里的值是对的，但通过firebug在页面中查看就会发现value是错误的，诡异的是ctrl
2014-12-17 11:18:11
338
空空如也
jQuery源码init代码问题
2015-05-04
jquery代码中的一段match[1] || ! 是什么意思？
2015-04-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人