随笔分类 -  JS/Jquery

前端开发中常用工具函数总结
摘要：1、时间格式化等方法推荐使用 moment.js 的库文件3、模板、循环、MAP等方法使用underscode.js 的方法4、表单序列化成JSON $.fn.serializeJson = function() { var serializeObj = {}; v... 阅读全文
posted @ 2015-10-21 14:39 linksgo2011 阅读(1955) 评论(1) 推荐(2)
表单多submit 提交方案
摘要：有的时候存在例如确认、取消等多个操作，如何把参数传送给服务器呢？方案1、然后提交过后可以通过 post数据里面是否存在 done 或者 cancel字段这个方案的问题是，仅仅有部分浏览器支持，火狐、IE不支持 webkit浏览器，如chrome 以及国内很多浏览器的急速版本都不支持方案2、使用js(... 阅读全文
posted @ 2014-09-11 11:22 linksgo2011 阅读(848) 评论(0) 推荐(0)
angularjs入门案例 新玩具-中午吃神马
摘要：angularjs是一个用来开发单页webAPP的mvv框架，由Google 开发，如果不知道angularjs 的可以先google 下按照angularjs 的开发一般顺序先搭建好需要做的视图，然后准备数据，最后绑定事件处理业务逻辑，操作DOM事件用户和程序的交互。1、开始搭建界面，使用boot... 阅读全文
posted @ 2014-07-30 23:25 linksgo2011 阅读(401) 评论(0) 推荐(0)
js创建对象的最佳实践
摘要：工厂方式原始的方式因为对象的属性可以在对象创建后动态定义，所有许多开发者都在 JavaScript 最初引入时编写类似下面的代码：var oCar = new Object;oCar.color = "blue";oCar.doors = 4;oCar.mpg = 25;oCar.showColor = function() { alert(this.color);};在上面的代码中，创建对象 car。然后给它设置几个属性：它的颜色是蓝色，有四个门，每加仑油可以跑 25 英里。最后一个属性实际上是指向函数的指针，意味着该属性是个方法。执行这段代码后，就可以使用对象 car。 阅读全文
posted @ 2014-02-18 19:39 linksgo2011 阅读(268) 评论(0) 推荐(0)
图片翻转动画原理解析
摘要：;(function($){ $.fn.dbRotate2D=function(options){ var opt={ rotateSpeed:100 //ȸÀü¼Óµµ } $.extend(opt,options); return this.each(function(){ var $this=$(this); var $img=$this.find('img'); var imgWidth=$img.width(); ... 阅读全文
posted @ 2013-09-04 14:22 linksgo2011 阅读(393) 评论(0) 推荐(0)
jquery 延迟加载技术
摘要：(function() { if ($('#id').length) { var win = $(window); var elements = $('#id').find('img'); var checkShow = function(event) { var fold = win.height() + win.scrollTop(); elements.each(function() { if (fold > $(this).offset().... 阅读全文
posted @ 2013-09-02 16:15 linksgo2011 阅读(215) 评论(0) 推荐(0)
[转]placehoder 插件在不支持html5中使用
摘要：/*****************************************************************************jQuery Placeholder 1.1.9Copyright (c) 2010 Michael J. Ryan (http://tracker1.info/)Dual licensed under the MIT and GPL licenses:http://www.opensource.org/licenses/mit-license.phphttp://www.gnu.org/licenses/gpl.html--------- 阅读全文
posted @ 2013-08-26 13:31 linksgo2011 阅读(252) 评论(0) 推荐(0)
xml Dom demo笔记
摘要： 阅读全文
posted @ 2013-06-30 16:53 linksgo2011 阅读(320) 评论(0) 推荐(0)
自己写的，js 评分插件
摘要：/** * Simple rate 插件 * V1.0 * @author ln * html : <input id="rating" range-max="12" value="10"/> * $('#rating').rate(); */;(function($){ $.fn.rate = function(op){ var defaults = { 'range_max':5, 'bg_path':'img/rate.png', //未选中图片  阅读全文
posted @ 2013-06-19 16:45 linksgo2011 阅读(243) 评论(0) 推荐(0)
jquery 插件开发分析
摘要：1、使用;开始2、使用闭包(function($))($);3、合并参数 $.extend();4、return this 返回对象本身5、this是选择器匹配到的对象;(function($){ $.fn.fun = function(options){ var options = $.extend({ //默认配置参数 },options); return this; //这里的this指的是jquer 对象 } var a1; //局部变量 function f1(){ //局部方法 }})(... 阅读全文
posted @ 2013-06-08 19:42 linksgo2011 阅读(152) 评论(0) 推荐(0)
理解js 的作用域链 原型链 闭包 词法分析
摘要：1、作用域链 <script type="text/javascript"> //作用域链 b = '没有使用var 声明，因此是一个全局变量。'; var a = "使用了var声明，声明在最顶级的部分，属于window对象下的，一个变量，我们所有的程序都在window下运行，因此也是一个全局变量"; function fa(){ fa_b = "虽然在fa下面，但是我没有进行使用var 声明，所以我还是一个全局变量;"; var fa_a = "我使用了var 声明，变量的作用域... 阅读全文
posted @ 2013-06-02 18:01 linksgo2011 阅读(588) 评论(0) 推荐(0)
jquery 常用插件收集（有现成的就不用再自己写了和找了）
摘要：1、轮播图插件比较好的有http://web.ue360.net/ui/比较复杂，但是绝对首选2、手机上用的图片墙插件http://www.photoswipe.com/3、多文件上传插件 很好用，比较复杂http://blueimp.github.io/jQuery-File-Upload/还有一... 阅读全文
posted @ 2013-05-23 21:22 linksgo2011 阅读(1519) 评论(0) 推荐(0)
js一个典型的对象写法，推荐使用这种格式，用于处理图像的基本方法、
摘要：/* 常用对象 *///构造函数var ImageHelper = function() {}ImageHelper.prototype = { //根据让IE6的png图片背景变成透明(注意引用后可能会使图片布局改变) fixPNG: function(imgObj) { //<span style="display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='PNG图片的URL',sizingMethod='scale');width 阅读全文
posted @ 2013-05-20 14:13 linksgo2011 阅读(180) 评论(0) 推荐(0)
jquery 常用代码
摘要：1、下拉菜单的制作方法 $('#nav .nav >li').mouseover(function(){ $(this).children('ul').show(); }).mouseout(function(){ $(this).children('ul').hide(); })2、输入框的文字提示 var tmp; $('.user').focus(function(){ tmp = $(this... 阅读全文
posted @ 2013-04-17 10:35 linksgo2011 阅读(249) 评论(0) 推荐(0)
ajax文件上传好的方法
摘要：echo $this->Html->script('AjaxFileUploader/ajaxfileupload');直接引入这个js文件，原理为使用iframe提交页面进行文件上传 function upload(){ $.ajaxFileUpload({ url:'/Tools/ajaxUpload', secureuri:false, fileElementId:'logo', dataType: 'json', success: function (data, statu... 阅读全文
posted @ 2013-04-03 13:33 linksgo2011 阅读(138) 评论(0) 推荐(0)