'js' Tag

• javascript实现大数相加

  2012-05-08

  这是今年Tencent前端组实习生面试时的一个题目，当时看一学生写的，没仔细看，也忘了保存，后面自己试了下。 <script type=”text/javascript”> function addZero(str, length) { return new Array(length – str.length + 1).join(“0″) + str; } var a = ’123459′; var b = ’163′; var c = ”; var temp = 0; var aLength = a.length; var bLength = b.length; if (aLength > bLength) b = addZero(b, aLength); else a = addZero(a, bLength); var [...]

  posted in 技术类 by 半醒

• List.js灵活的分类、排序、搜索、过滤Html列表

  2011-11-24

  List.js，一个7K的js，可以让你的HTML的列表很灵活的分类、排序、搜索、过滤，同时也可以根据模板来增加、编辑和删除元素。 创建一个列表 构造方法 List(id, options, values) 参数 id (*必须) 用于指定列表显示的位置。 options 根据需要有些参数选项是必须的 valueNames(数组, 默认: null)(*当列表已经包含有元素时必须) 如果列表已经存在元素，此时该数组需要包含列表中显示不用元素的class名字。 <ul class="list">    <li><span class="name">Jonny</span> <span class="city">Sundsvall</span> </li> </ul> var valueNames = ['name', 'city']; item(字符串, 默认: undefined) 列表显示模板的ID。 listClass(字符串, 默认: "list") 包含该list的块的Class。 searchClass(字符串, 默认: "search") 搜索框的Class。 sortClass(字符串, 默认: "sort") 排序按钮的Class。 indexAsync(布尔值, 默认: false) 如果List.js代码添加的列表里已经存在元素，建立列表索引是否使用异步的方式？有助于处理含有大量元素的列表。 maxVisibleItemsCount(整型, 默认: 200) 定义同时显示的元素数目。 values (对象数组)(*可选) [...]

  posted in 技术类 by 半醒

• 6个超有用的jQuery代码段

  2011-11-23

  图片预载入 先将图片预先载入到后台，当用户访问请求的时候直接就显示。 1: (function($) { 2: var cache = []; 3: // Arguments are image paths relative to the current page. 4: $.preLoadImages = function() { 5: var args_len = arguments.length; 6: for (var i = args_len; i–;) { 7: var cacheImage = document.createElement(‘img’); 8: cacheImage.src = arguments[i]; 9: cache.push(cacheImage); 10: } 11: } 12: [...]

  posted in 技术类 by 半醒

• jQuery 日期选择插件

  2011-03-05

  jQuery UI中自带了Datepicker的插件，功能很强大。 键盘快捷键 国际化 自定义样式 支持在两个日期选择中限制时间选择的先后 。。。。。。 使用时除了jquery.js外，需另外引入jquery.ui.core.js、jquery.ui.datepicker.js、jquery.ui.all.css、jquery.ui.datepicker.css，大小分别为8KB、73KB、1KB、4KB，其中jquery.ui.core.js和jquery.ui.datepicker.js的minified版大小分别为5KB和35KB。 其实在实际使用中，根本用不了这么多的功能，而是只需要提供一个日期选择的控件就OK，但jQuery Datepicker这个插件太“重”了，不适合。 经过Google一番，发现一个较为轻便的日期控件。 项目页面：http://teddevito.com/demos/calendar.php 使用方法：页面引入calendar.css和cal.js，如何在jQuery的ready方法中$(‘input’).simpleDatepicker(); 自定义选项：chosendate, startdate, enddate 缺陷：控件显示后，点击页面其他位置，控件不能消失，只能选择日期、点击“Today”“close”后才会消失。日期格式不能定义，只能以mm/dd/yyyy和m/d/yyyy格式显示。 这里提供本人修改版本，汉化，修改默认日期显示格式为yyyy-mm-dd，同时为了实现点击页面其他位置时关闭控件，在cal.js 81行给日期所在的table加了id，该id调用日期空间时传入，即$(‘input’).simpleDatepicker({tableid:"tableId"});。 点击页面空白位置关闭控件的方法： function displayCal(num) {     $("html").click(function(o){         obj = o.srcElement || o.target;         var inputId = 0;         var tableId = 0;         var t = 0;         if (obj.nodeName.toUpperCase() != "HTML"){             t = $(obj).parentsUntil("TABLE").parent()[0].id; [...]

  posted in 技术类 by 半醒