js实现双向链表互联网机顶盒实战应用实现

2016年07月27日 6 阅读

上实战代码： linkedlistnode.js 节点类 复制代码 代码如下: /* * 链表节点 */ Dare.LinkedListNode = function （） { this.data = null;//数据域 this.prev = null;//前驱 this.next = null;//后驱 }; Dare.extend（Dare.LinkedListNode, Dare）; Dare.LinkedListNode.prototype.g...

仿猪八戒网左下角的文字滚动效果

2016年07月27日 5 阅读

源码： css: 复制代码 代码如下: *{padding:0;margin:0;font-size:12px;} .do_ta { border: 1px solid #E4E4E4; margin:10px auto; width:170px; } .do_ta .ta_ta { background: url（"http://s.zbjimg.com/p/zbj/css/../img/tafb.gif"） no-repeat; height: 52p...

对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！

2016年07月27日 5 阅读

在上一篇文章： 觉得猪八戒网左下角的文字滚动，效果不错，自己摸索了一下，以自己的方法实现了！就有这种效果，不过影响不大。Demo的影响就大了！网上也有人出现过这样的问题看下面的帖子地址： firefox 6下 setInterval的一个问题讨论的人很多，但没给出答案来。怎么想都想不明白！今天，突然茅塞顿开，可能是线程的概念，但是具体原因还是不明白，希望有人了解其原应告知，非常感激！Demo 中黑色的Div是不受浏览器标签切换影响的而红色的Div会受到影响...

基于jquery的无限级联下拉框js插件

2016年07月27日 6 阅读

灵活性方面考虑了比较多的方面，提供了几个重要的配置方便在各类环境下使用，欢迎各位童鞋使用，源码完全开放。开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷（之所以这么多代码是因为该级联下拉框有时只出现2个或3个），想到这类的需求其实经常都能遇到，jquery里没有这样比较好的插件，索性自己开发个。源代码并不复杂，稍微复杂的地方在第二个插件使用了缓存，造成理解起来十分困难，后面会做些解释。 插件一：适合在不与服务器进...

基于jQuery的输入框在光标位置插入内容, 并选中

2016年07月27日 6 阅读

复制代码 代码如下: // //使用方法 //$（文本域选择器）.insertContent（"插入的内容"）; //$（文本域选择器）.insertContent（"插入的内容"，数值）; //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择，-1表示插入文字两边各少选中一个字符。 // //在光标位置插入内容, 并选中 （function（$） { $.fn.extend（{ insertContent: function（myV...

Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中

2016年07月27日 6 阅读

复制代码 代码如下: $（"#div"）.bindTemplate（{ source : json object, template : null | $（"#template"） | "<div>{{object}}</div>", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }）; bindTemplate（data） : 绑定数据对象到模板的操作方法 sourc...

分享一个自己写的table表格排序js插件（高效简洁）

2016年07月27日 5 阅读

像:jQuery的table排序插件（感觉其使用比较麻烦或不清楚其具体用法，就没有使用）、原生态js的table排序插件等，最后比较看了下——采用了一个原生态js的table排序插件,并在其基础上做了些修改，虽有些勉强或有些地方使用不太舒服，但最算是比较好的实现了当时需要的功能。而前两天，对原有表格做了点儿修改——增加隔行换色的功能，问题就出现了，——效果错乱；检查分析了下，问题出在其table排序插件代码上——其原代码写的比较难理解，修改还不如重新自己写...

简单的前端js+ajax 购物车框架（入门篇）

2016年07月27日 5 阅读

今天在公司实在没有事做，突然就想到写下商城的购物车的前端框架，当然我这里只有购物车的增删改查，也许写的并不是那么完善，但最重要的是一个入门，也希望js达人给些建议，好让我更上一个台阶。 HOHO~~~开始咯： Js： 复制代码 代码如下: //为了省事，就没写自己的js ajax了 用了jquery的，当然你也可以添加到jquery的扩展方法内,哈哈，我太懒了，所以就写这里了。 var _$ = { AJAX: function （urlparm, d, ...

基于Jquery+Ajax+Json的高效分页实现代码

2016年07月27日 5 阅读

如果说您没用过这些东东的话，我相信看完这篇博文会对您有帮助的，，如果有任何问题不懂或者有bug没问题，欢迎随时联系我， 同时也欢迎高手多给点意见，我不建议在喷子中成长。 本人QQ:364175837 前言 相信很多朋友都用过，Jquery的分页插件，我之前就用的jquery.paper这个,如果有兴趣可以留下QQ，我发份简单的实例源码给您。 该代码是晚上匆忙中完成的，所以没怎么优化，但是主要作为实例来结合这些知识的一个综合运用。好了废话不多说，直接上代码。...

js 弹出菜单/窗口效果

2016年07月27日 6 阅读

是不是应该为弹出菜单提供更好的可访问支持？这篇文章将涉及到3种常见的弹窗： window.open 新建的浏览器窗口 <iframe /> 创建的窗口 页面 DOM 创建的伪弹出窗口：如弹出 tips 等 一、当页面无 JS 的时候 通常来说，无 JS 的情况那就按 HTML 的行为来做事。让链接可以链接，就已经解决。比较简单，我们简单带过： 1. window.open 新建的浏览器窗口：尽量让 JS 触发器绑定在 <a /> 上...

关于图片按比例自适应缩放的js代码

2016年07月27日 5 阅读

如下图。 瞄了一下，居中可以用 text-align:center; 来实现。而按比例缩放，利用预设 <img /> 的 width 、height 属性解决不了。因为用户图片可能是很长的，也可能是很宽的。在线上想了一下他们的关系，按条件来判断是这样的：复制代码 代码如下: if（实际宽度 > 预览最大宽度） { 缩放宽度 = 预览最大宽度 } if（实际高度 > 预览最大高度） { 缩放高度 = 预览最大高度 } 但是这样会有问...

JavaScript Array Flatten 与递归使用介绍

2016年07月27日 7 阅读

如何用 JavaScript 将 [1,2,3,[4,5, [6,7]], [[[8]]]] 这样一个 Array 变成 [1,2,3,4,5, 6,7,8] 呢？传说中的 Array Flatten。 处理这种问题，通常我们会需要递归，来让程序自己按照一种算法去循环。在某书说写着，“递归是一种强大的编程技术”，好吧，她不仅仅属于 JavaScript。递归可以很难，也可以比较简单（总得来说还是比较难）。处理上面这个问题，用递归来解决，应该是比较适合的。之...

js中更短的 Array 类型转换

2016年07月27日 6 阅读

当时我在分享会，想试试，但身边没有电脑。今天打开 Firebug 的那一瞬间，突然记起这事。马上试了一下之前想的一个方案。可以！代码如下： 复制代码 代码如下: function a（）{ var arr = Array（arguments）; alert（arr instanceof Array）; } a（"b"）; 在看 Baidu Tangram 的时候，最常看到的是 String（"a string"），不像其实地方的用法，是使用与一个空字符串...

JS trim去空格的最佳实践

2016年07月27日 6 阅读

刚好上次有同学提出疑问。刚好可以自测一下。先来看看老道在《JavaScript 精粹》P33 写的吧。他对 String 对象扩展了一个 trim（） 方法： 复制代码 代码如下: Function.prototype.method = function（name, func） { this.prototype[name] = func; return this; }; String.method（"trim", function（） { return t...

js判断是否为数组的函数: isArray（）

2016年07月27日 5 阅读

今天刚好在学习支付宝 JS 框架 base.js 。瞄了一下，实现是这样的： 复制代码 代码如下: if （value instanceof Array || （！（value instanceof Object） && （Object.prototype.toString.call（（value）） == "[object Array]"） || typeof value.length == "number" && typeof value.splice...

加载 Javascript 最佳实践

2016年07月27日 5 阅读

相信很多与页面打过交道的同学都对 Yahoo 的 Best Practices for Speeding Up Your Web Site 不陌生。而这 35 条最佳实践中，对 Javascript 的加载顺序的要求是：Put Scripts at the Bottom。因为根据 HTTP/1.1 specification 看来，在同一时间加载两个文件是最理想的，而 Javascript 脚本会阻碍平行下载。Steve 说那是 2008 – 2009 那...

IE与Firefox在JavaScript上的7个不同句法分享

2016年07月27日 5 阅读

在这篇文章中，作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的<div>的 background-color值，我们使用如下句法： document.getElementById（"header"）.style.backgroundCol...

线路分流自动智能跳转代码,自动选择最快镜像网站（js）

2016年07月27日 5 阅读

JS脚本无数据库代码 复制代码 代码如下: <Script Langage=Javascript> i=1 var autourl=new Array（） autourl[1]="http://www.abc.com/default.asp" //修改为网通访问地址 autourl[2]="http://abc.com/default.asp" //修改为电信访问地址 function auto（url） { if（i） { i=0; top....

js下获得客户端操作系统的函数代码（1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008）

2016年07月27日 7 阅读

复制代码 代码如下://获得客户端操作系统（1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008） function GetOSInfo（）{ var _pf = navigator.platform; var appVer = navigator.userAgent; if（_pf == "Win32" || _pf == "Windows"） { if（appVer.indexOf（"WOW64"）>-1）{ ...

jQuery代码优化之基本事件

2016年07月27日 5 阅读

事件模型 说到事件，就要追溯到网景与微软的“浏览器大战”了。当时，事件模型还没有标准，两家公司的实现就是事实标准。网景在Navigator中实现了“事件捕获”的事件系统，而微软则在IE中实现了一个基本上相反的事件系统，叫做“事件冒泡”。这两种系统的区别在于当事件发生时，相关元素处理（响应）事件的优先权不同。 下面举例说明这两种事件机制的区别。假设文档中有如下结构： 复制代码 代码如下: <div> <span> <a>....