-
JS的Image对象可用于检测图片类型是否合法
所属栏目：[模式] 日期：2018-09-23 热度：52
项目中假如碰到了上传图片文件时，需要在后台加检测程序，判断图片类型是否合法，以防止一些非法的文件上传，如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目：[模式] 日期：2018-09-20 热度：163
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目：[模式] 日期：2018-09-20 热度：151
首先要明确两个概念 1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。 2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。 可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目：[模式] 日期：2018-09-20 热度：82
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
如何编写高质量的Javascript代码（译）
所属栏目：[模式] 日期：2018-09-18 热度：122
优秀的Stoyan Stefanov在他的新书中（《 Java script Patterns》）介绍了很多编写高质量代码的技巧，比如避免使用全局变量，使用单一的var关键字，循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码，也从代码的设计阶段来考虑，包括书写A[详细]
-
译文：JavaScript框架比较–框架比较（八）
所属栏目：[模式] 日期：2018-09-12 热度：58
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁，本文只讨论五个比较流行的框架，这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文：JavaScript框架比较-用户体验（七）
所属栏目：[模式] 日期：2018-09-12 热度：112
提升用户体验（UE） 到目前为止，这篇文章完全集中于使用 Java Script框架的好处，以及如何更容易的构建交互式应用程序。但是，另一方面，各个框架都有各自诱人的前景，包括用户界面（UI）组件和用户体验（UE）增强，这需要花大量的精力。 这章将分别探讨[详细]
-
译文：JavaScript框架比较–Ajax（六）
所属栏目：[模式] 日期：2018-09-12 热度：90
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求，向服务器端脚本发送请求，然后得到一个响应结果，如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象，它接受一系[详细]
-
译文：JavaScript框架比较–事件处理（五）
所属栏目：[模式] 日期：2018-09-12 热度：193
事件处理 每个 Java Script框架都实现跨浏览器的事件处理，鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子，使用hover事件高亮显示div元素。 清单6：使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文：JavaScript框架比较–实用函数（四）
所属栏目：[模式] 日期：2018-09-12 热度：190
实用函数 许多 Java Script框架都带有大量的实用函数，这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充，所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组，你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目：[模式] 日期：2018-09-12 热度：108
页面上给window对象定义其onresize事件，在拉伸缩小窗口时，其onresize方法将被执行多次，影响页面性能。 网上查了些资料，说是在ie和opera中，只要窗口的边框移动一个像素，resize事件就触发；而在mozilla中，只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文：JavaScript框架比较（三）
所属栏目：[模式] 日期：2018-09-12 热度：82
DOM操作 在此之前，你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是，为了改变网页上特定元素的内容和外观，你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作，但幸运的是，大多数JavaScript框架提供有用[详细]
-
译文：JavaScript框架比较（二）
所属栏目：[模式] 日期：2018-09-12 热度：141
DOM遍历 基于ID、元素类型、类名查找元素非常有用，但是如果你想基于它在DOM树中的位置来查找元素该怎么办？换句话说，你有一个给定的元素，你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如，采用下面这段零碎的HTML代码： 清单[详细]
-
译文：JavaScript框架比较（一）
所属栏目：[模式] 日期：2018-09-12 热度：128
摘要：现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本（或数据系统）中得到响应。在这篇文章中，你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-11 热度：62
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目：[模式] 日期：2018-09-11 热度：157
Prototype 似乎已经过气了，但用的人还是挺多，这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗？
所属栏目：[模式] 日期：2018-09-11 热度：129
如果你稍微懂一些 JS 代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址： window.location.href = window.location.href; 好吧，我告诉你，这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目：[模式] 日期：2018-09-11 热度：70
今天看了David Walsh一篇把XML格式转换为JSON格式的文章，感觉不错，简单的转载了过来。 下面是神奇的XML转JSON的javascript代码： // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目：[模式] 日期：2018-09-11 热度：163
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目：[模式] 日期：2018-09-11 热度：153
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
数字与字符串之间的转换(.toString,parseInt,parseFloat)
所属栏目：[模式] 日期：2018-09-08 热度：90
1.数字转换为字符串 1.1 toString方法 (返回对象的字符串表示) var i = 012345; strI = i.toString(); 1.2 + var i = 012345; strI = i+; 2.字符串转换为数字 2.1parseInt方法 (返回由字符串转换得到的整数部分) parseInt(12.3abc)//得到12 2.2parseFloat[详细]
-
js全局变量、局部变量和作用域
所属栏目：[模式] 日期：2018-09-08 热度：114
script type=text/javascriptvar a = 100;function test(){var b = 2*a;var a= 200;var c= a/2;alert(b);alert(c);}test();/scriptbr /center如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：a href='http://www.veryhuo.com/' target='_blank'http:/[详细]
-
js图片查看器,层方式显示上一张下一张带退出
所属栏目：[模式] 日期：2018-09-08 热度：181
这是利用javascript实现图片查看器,层方式显示上一张下一张带退出的代码，注意代码里的函数$(),addEvent(),removeEvent()并未封装到图片查看器中，个人认为这三个函数会在网页中多次应用，为避免重复代码，故没有封装。示例中使用了淡入淡出效果(仅FF，IE[详细]
-
JavaScript第四课：Making Decisions[下]
所属栏目：[模式] 日期：2018-09-08 热度：156
《零基础学 Java Script》 JavaScript第四课 Making Decisions（下） 第四课分为7个小节： (此文章又长又臭，但是极其形象易懂，仅适合于JavaScript初学者，尤其是零基础者) 译文作者：胆晓茹鼠 作者网站：http://www.haoxiaoru.info/ 课程回顾： JavaScri[详细]
-
ckeditor删除链接中高级Tab页
所属栏目：[模式] 日期：2018-09-08 热度：178
CKEDITOR.on( 'dialogDefinition', function( ev ) { // Take the dialog name and its definition from the event // data. var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; // Check if the definition is from the dialog[详细]
