Vanessa

大前端的点滴生活
JavaScript 0 篇文章

前端优化方案 - JavaScript 优化方案

Author: 李丽媛 Date:2010/6/2Email:lly219#gmail.com2JavaScript 优化方案 2.1 测试驱动开发为了编写可维护的 JavaScript,测试驱动是必不可少的。因为每个测试都起到质量反馈的作用,给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。通过测试,我们可以保证所有的功能被覆盖,也避免了重写代码后再进行测试的高昂代价。解决方案:以后的开发中使用 J

js 内存泄露问题

JavaScript 是一种垃圾收集式语言,这就是说,内存是根据对象的创建分配给该对象的,并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题,但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。InternetExplorer 和 MozillaFirefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统,每个所引用的对象都会保留一个计数,以获悉有多少对象正

JavaScript Demo - so cool

Socool 转自:http://coolshell.cn/?p=2276SimpleSudokuSolver 这是一个 “数独游戏”,其在你游戏的过程中可以在空格处提示你可能的数字。February2010ClothSimulation 这是一个极端的布料仿真程序。使用鼠标拖曳,按着 g 键拖曳可以把布悬挂起来。August2009NumberstoWords 这是一个把阿拉伯数字变成英文说明的演示。June2

可以在前端实现的几个地理位置小功能

下文转自:http://www.oncoding.cn/2010/geo-location-frontend 在 SmashingMagazine 上看到这篇 EnteringTheWonderfulWorldofGeoLocation,介绍了获取并处理用户地理位置的应用和方法,很有意思。结合原文的内容,加上之前的一些应用,整理了几个可以完全在前端实现的地理位置相关小功能。1. 通过 IP 获取用户位置很多时候需

JavaScript 事件

作者:李丽媛联系方式:lly219#gmail.com 日期:2010-2-26 前言本文主要正对 keyevent,changeevent,代理的 focusevent,移动设备上 event 测试的初次结果进行讲解,但在开始之前,我觉得大家还是有必要再温故一下 js 中的事件。一般事件事件浏览器支持描述 onClickIE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClickIE4|

拥抱 Javascript 性能

作者:李丽媛邮件:lly219#gmail.com 前言在涉及 JavaScript 性能优化之前想和大家探讨一下:过早优化 DonaldKnuth 曾经说过:“过早优化是万恶之源”(Prematureoptimizationistherootofallevil)。在他的论文——StructuredProgrammingwithgotoStatements 中,他写到 " 编程者花费大量的时间去思考,担心,他们程序

JS 常用代码片段截取(四)

13. 点击的 class!=“dropdown” 时,隐藏 id=“selectBoxOptions” 的组件 $(document).click(function(event){if($(event.target).attr("class")!="dropdown"){$("#selectBoxOptions").hide();}});14. 使用过的插件 JQueryjCarousel——内容滚动插件 vali

谷歌开放自有开发工具:曾用于创建 Gmail

腾讯科技讯北京时间 11 月 6 日消息,据国外媒体报道,谷歌日前宣布,将自己开发者使用的一系列工具对外开放。这些工具曾用来开发谷歌的主要产品,包括 Gmail、谷歌文档(GoogleDocs)和谷歌地图(GoogleMaps)。第一个工具叫做 ClosureCompiler(封闭编辑器),是用于帮助开发者移除多余的评论和代码,来优化 JavaScript 代码。跟该编辑器相关的还有一个姐妹项目,叫做 Inspect

11 个 Javascript 树形菜单

2009 年 10 月 24 日作者: 帕兰树形菜单能很好的呈现菜单项之前的从属关系,结构清晰明了。本文为你收集了 11 个 JavaScript 树形菜单。1.dhtmlxTreedHTMLxTree 是一个功能丰富的 TreeMenu 控件。提供丰富的操作 API,AJAX 支持和 drag-n-drop 功能。2.Control.Treeview 采用 Mootools 开发的树形菜单控件。支持通过 Ajax 动态获取节点,设置默认选中

可输入的下拉框 & amp;& 输入框为空时的处理

一般可输入的下拉框都需要模拟,比较繁琐,这里给出一个简单的 Demo 展现不需要模拟的可输入下拉框。。。在此使用了大量的 blur 和 focus,主要是从细节考虑,提升用户体验。。。^^ 如图:code 如下:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><title></title><metahttp-equiv="C

javascript 判断浏览器类型与版本

完了,没看懂。。。试了下倒是很 ok。。。要想写出跨浏览器的 javascript,就必须懂得嗅探技术。这是浏览器大战遗留下的大地雷,事已如此,只好认命,乖乖写分支结构吧,函数就是这样不知不觉中变长的。先看单一浏览器的判断,我们没有必须去找 navigator.userAgent 的麻烦,我在国外的博客网站收集了如下 hack,短小精悍:ie=!+"\v1";ie='\v'=='v';ie=0//@cc_on

8 种 Javascript 过渡特效

看过很多后,本人觉得 jQueryscrollable 在其中算很优秀的。以下转自:http://paranimage.com/8-kinds-of-transition-effects-javascript/8 种 JavaScript 过渡特效,涵盖淡入淡出、翻转特效、滑动、缩放和飞入飞出等炫目的 Javascript 特效。1.ImageTransitions(演示地址)ImageTransitions 是一

兼容所有浏览器的 CSS3 圆角

原文:兼容所有浏览器的 CSS3 圆角译自:CSS3roundedcornersforeverybrowser? 在各个浏览器中实现圆角的较简单快速的方案是结合 CSS3 和 JavaScript。CurvyCorners 是一个为 HTML 元素创建漂亮的圆角的免费 JavaScript 库。效果如下:该脚本的最大优势是可以在 Safari/Chrome/Firefox 中使用原生的 CSS3 属性 (通过 - webkit-bor

JS 常用代码片段截取(三)

10. 缓存???dialogwindow.showModalDialog 弹出的 Dialog 无刷新,加上缓存的机制,修改的前端代码不会被即使更新,在 coding 的时候比较麻烦,用户使用的时候感本人觉上没什么的大的影响,除非特殊的使用。为此据说可以在 URl 上加 &__=newDate(),就能解决 11.focus()&blur()写代码一定要细心,细节决定成败啊。从下层的意见反馈到上层的回复再到下层的执行

JS 常用代码片段截取(二)

6. 窗口弹出在不同浏览器下的实现 if($.browser.msie){window.showModalDialog(openUrl,argumentObj,size+"scroll:no;");}else{varwin=window.open(openUrl,"",size+"scrollbars=no,dialog=yes,modal=yes,toolbar=no,menubar=no,resiz

JS 常用代码片段截取

1.tab(由于本人对 css 功底浅薄,没有办法把 JQuery 中 tab 的样式改为自己所需要的样式,并使其在所有浏览器下都兼容,后来发现它本身的样式在 Opera 中也是有问题的,于是干脆自己写。。。突然想起以前使用的时候 tab 和 tabbody 必须放在一个 div 下,然后某某情况下,我需要不把它们放在一个 div 下,结果就用不了了,还是得自己写。)functiontab(tab){// 要用到的 tabIDvart

Javascript 函数类型判断解决方案

在判断函数类型时,我们通常使用 typeof 方法,一般情况下,它会得到我们所预想的效果。但是,有一些细节并不为我们所熟知。JohnResig 在分析了这些细节之后,为我们提供了一个完美的解决方案,本文将作详细介绍:一、传统方法不为人所知的细节毫无疑问,在判断函数类型时,我们使用的是 typeof 方法,比如:functionfn(){//content}alert(typeoffn)// 结果是 "functi

JavaScript2.0 抢先尝鲜

责任编辑:胡铭娅作者:cnbeta2009-08-18【IT168 技术分析】作为一个开发者和作家,我的一部分工作就是跟随 web 世界最新发展潮流——不管是关于公司合并、在线购物潮流、或者是编程技巧。我承认如今很难跟上业界里发生的所有事情,但是有个四处流传的小道消息却吸引了许多的目光:JavaScript2.0 提案。作为新的 JavaScript2.0\EMCAScript4.0 计划于 2009 年终稿,但是

JavaScript 继承详解(三)

有点困,没怎么看。。。不怎么懂。。。转自:http://www.cnblogs.com/sanshi/archive/2009/07/09/1519890.html 在第一章中,我们使用构造函数和原型的方式在 JavaScript 的世界中实现了类和继承,但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。注:本章中的 jClass 的实现参考了 SimpleJavaScriptInheritan