代码改变世界

随笔档案-2013年08月

grunt项目构建工具

2013-08-30 23:03 by 龙恩0707, 516 阅读, 收藏, 编辑
摘要: JS项目构建工具Grunt实践一:下面来介绍下如何用grunt合并,压缩js文件。 大概步骤有如下: 1. 新建文件夹相对应的项目 比如文件名叫:gruntJs 2. 新建文件package.json。 3. 新建文件Gruntfile.js。 4. 命令行执行grunt任务。 一: 新建文件名为:gruntJs 该根目录下有src文件夹 里面放了n个js文件要构建的,还有个叫dest文件夹(名字都可以自取),这个文件是存储编译后的js文件。 二: 新建package.json。 package.json放在根目录下,它包含了该项目的一些元信息,如项目名称、描述、版本号,依赖包等。 它应该和源 阅读全文

input全选与单选(把相应的value放入隐藏域去)

2013-08-30 14:09 by 龙恩0707, 1555 阅读, 收藏, 编辑
摘要: input全选与单选(把相应的value放入隐藏域去) 阅读全文

Ajax跨域问题

2013-08-29 16:52 by 龙恩0707, 539 阅读, 收藏, 编辑
摘要: JavaScript 是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档 在同一域下的内容。 JavaScript 这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略,在hitao.com下的页面中包含的 JavaScript代码,不能访问在taobao.com域名下的页面内容;甚至不同的子域名之间的页面也不能通过JavaScri. 阅读全文

Jquery回到顶部功能

2013-08-28 23:01 by 龙恩0707, 586 阅读, 收藏, 编辑
摘要: 问题描述: 在网页中,我们经常会由于网页内容过长,而需要在浏览网页时有一个快速回到网页顶部的功能,在浏览网页内容离顶部有一段距离时,出现快速回到网页顶部的工具,从而能使我们的网页更人性化。问题的产生: 前几天由于在公司做了个小项目中正好有一个这样的功能,当时也是以前同事用kissy框架写的组件,感觉蛮好用的,所以想能不能用Jquery把他们封装起来 这样以后如果离开了阿里系,那么就不可能用kissy框架 肯定大部分是用jquery框架了 ,所以....... 但是在这个代码之前在谷歌游览器下有个小小的bug。我想知道滚动top时候 用document.documentElement.scrol 阅读全文

Jquery分页组件

2013-08-28 10:54 by 龙恩0707, 1131 阅读, 收藏, 编辑
摘要: 最近工作不是很忙,所以就看看淘宝kissy分页组件源码,感觉代码也不怎么难 容易理解,所以就按照他们的思路自己重新理一遍,来加深自己对他们的理解,同时对他们的分页组件进行一些重构(因为他们分页是做好了,但是不能直接拿来用,所以就封装了下),所以就用jquery封装了一个。 配置参数如下: 影响分页组件信息展现的因素如下图所示: 组件提供以下配置参数: totalPage,总页数,默认值为1 , currentPage,初始选中的页码,默认值为1 ,firstPagesCount,最前面的展现页数,默认值为2, preposePagesCount,当前页的紧邻前置页数,默认值为2 ... 阅读全文

如何使左侧固定宽度右侧自适应。

2013-08-27 14:15 by 龙恩0707, 381 阅读, 收藏, 编辑
摘要: HTML代码如下: right right left css代码如下: 阅读全文

如何用css实现"等高布局"。

2013-08-27 14:13 by 龙恩0707, 461 阅读, 收藏, 编辑
摘要: 有时候为了让网页实现美观,在不知道高度的情况下,我们要用css实现等高布局效果,传统的方法, 我们可以用javascript实现,但是由于需求决定或者其他的情况下,我们只能用css实现,其方法主要是采用 “隐藏容器溢出”、"正内补丁"和"负外补丁"结合的方法实现的.代码如下: left left left left left center ……(20个... 阅读全文

JS常见的小代码

2013-08-27 14:05 by 龙恩0707, 622 阅读, 收藏, 编辑
摘要: 一:去掉数组里面的重复项。比如 如下一个数组:var arr = [1,2,4,3,4,3]; 我想要得到数组 [1,2,4,3].为这样的 写一个函数去掉重复的项。 var unique = function(arr){ arr = arr || []; var obj = {}, newArray = []; if(arr.length > 0){ for(var i = 0, len = arr.length; i tempVal){ tempVal = c... 阅读全文

Jquery弹窗组件

2013-08-27 13:41 by 龙恩0707, 1183 阅读, 收藏, 编辑
摘要: 下面是写的简单的Jquery弹窗组件 暂不支持animate,只能满足一般的弹窗显示隐藏需求,更多功能后续会完善!网上及jquery组件很多这样的弹窗,但是用别人的感觉心里过不去,所以就随便写写,当做练习下!代码如下:/*** fileoverview WindowAlert* @desc jQuery弹窗组件* @param {clickElem} 点击元素* @param {container} 弹窗窗口最外层容器* 默认配置参数如下:{ eventType: 'click', // 默认为点击 closed: '.closed', //关闭按钮 bgCol 阅读全文

javascript 深度克隆对象

2013-08-27 11:41 by 龙恩0707, 576 阅读, 收藏, 编辑
摘要: js一般有两种不同数据类型的值:基本类型(包括undefined,Null,boolean,String,Number),按值传递;引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。例如: 如果你修改b的值,那么a变量的值也发生了变化。 克隆或者拷贝分为2种:浅度克隆(拷贝),深度克隆(拷贝); 浅度克隆:基本类型为值传递,对象仍为引用传递。 深度克隆:所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。我的代码如下: 主要用了递归。 function cloneObject(obj){ if(obj === nul.. 阅读全文