-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-07 热度:91
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-07 热度:53
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-07 热度:136
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-07 热度:135
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-07 热度:151
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-07 热度:161
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-07 热度:58
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
Extjs中的迭代方法
所属栏目:[模式] 日期:2018-10-07 热度:192
EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
javascript事件:获取事件对象getEvent函数
所属栏目:[模式] 日期:2018-10-07 热度:182
在javascript开发中我们会经常获取页面中的事件对象,然后来处理这些事件,例如下面的getEvent函数就是获取javascript下的页面事件对象。 Copy to Clipboard 引用的内容:[www.veryhuo.com]function getEvent(event){ return event || window.event; } 我[详细]
-
一周学会Mootools 1.4中文教程:(7)汇总收尾
所属栏目:[模式] 日期:2018-10-05 热度:108
转眼之间已经第七课了,这也将成为最后一课,如果这7课下来您感觉水平没有达到预想的水平,没关系您可以继续关注本站的博文,我会陆续发一些类似的文章帮您提升水平,另外我最近打算和群里的几个Mootools爱好者制作一下Mootools1.4的chm版中文API手册,如果您对此[详细]
-
一周学会Mootools 1.4中文教程:(6)动画
所属栏目:[模式] 日期:2018-10-05 热度:53
先看一下动画的参数设置: 参数: fps - (number:默认是50) 每秒的帧数. unit - (string:默认是 false) 单位,可为 'px','em',或 '%'. link - (string:默认是 ignore) 可以是 'ignore','cancel' 和 'chain'. 'ignore'-当请求正在执行之中时,新的请求将被忽略 '[详细]
-
一周学会Mootools 1.4中文教程:(5)Ajax
所属栏目:[模式] 日期:2018-10-05 热度:96
ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成 语法: var myRequest=new Request([参数]); 参数: url - (string:默认是null) 要请求的URL. data - (string:默认是空) 默认要请求或发送的数据. link -[详细]
-
JavaScript实现一个很轻量的动画库效果
所属栏目:[模式] 日期:2018-10-05 热度:168
JS动画,实质是对DOM样式的改变。只要把主流浏览器DOM元素的属性方法搞清楚,做JS动画并不算难。网上也有很多封装好的JS动画库,但大多因为功能过于完善,而至于代码量大动辄过千行,不宜在小项目中使用。这里自己封装了一个很轻量的动画库,主要功能都已[详细]
-
Mootools中delay这个延迟函数的高级用法
所属栏目:[模式] 日期:2018-10-05 热度:111
这是一种最简单的用法: (function(){ alert('one second later...'); }).delay(1000); 这个函数会在1秒之后自动被执行 我们看一下delay这个函数的实现方法: delay: function(delay, bind, args){ return setTimeout(this.pass((args == null ? [] : args),[详细]
-
Mootools中使用extend和implement给你的函数扩展功能或方法
所属栏目:[模式] 日期:2018-10-05 热度:104
当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下. 很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的. 那么我的这篇文章实际上就是面向对象的一种应用,只不过[详细]
-
一周学会Mootools 1.4中文教程:(4)类型
所属栏目:[模式] 日期:2018-10-05 热度:57
Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:. 这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法比较多,所[详细]
-
一周学会Mootools 1.4中文教程:(3)事件
所属栏目:[模式] 日期:2018-10-05 热度:140
今天我們講解一下mt的事件部分,对于事件的讲解主要包含三部分,分别是:绑定,移除,和触发,我们首先来看一个例子 //jquery的事件绑定方式 $('a').click(function){ alert('aa'); }); //或 $('a').bind('click,mouseover',function){ alert('aa'); }); //mt的事[详细]
-
一周学会Mootools 1.4中文教程:(2)函数
所属栏目:[模式] 日期:2018-10-05 热度:107
透过对上一节课的学习,相信大家对mt的选择器应该有了一定的认识了,我再放几个小示例让大家对选择器的复杂应用有所了解: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns[详细]
-
一周学会Mootools 1.4中文教程:(1)Dom选择器
所属栏目:[模式] 日期:2018-10-05 热度:179
君欲善其事须先利其器,好吧因为我们的时间比较紧迫,只有六天而已,那么六天的时间用死记硬背的方式学会Mt犹如天方夜谭,因此我们需要借鉴一下Editplus的素材栏帮我们记忆就好了,当我们需要用到什么函数的时候直接从素材里找一下双击就行了. Editplus的素材是[详细]
-
Javascript 中 while 循环用法的代码
所属栏目:[模式] 日期:2018-10-01 热度:130
Java script 中 while 循环用法的代码,通过本例了解一下while循环的用法,相信这对你的JavaScript编程会有所帮助。 html head titlewhile循环/title /head body centerh2测试while循环/h2/center hr script language=JavaScript // 变量声明 var i = 1; v[详细]
-
JavaScript for…in 循环的陷阱
所属栏目:[模式] 日期:2018-10-01 热度:78
ForIn 声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 先定义一个构造函数: var Status = function(arg){ this.arg = arg;}Status.prototype.getStatus = function(){ return this.arg;} 接着实例化: var instance = new Status[详细]
-
JS 中 “null 为空或不是对象” 的解决办法
所属栏目:[模式] 日期:2018-10-01 热度:142
1. 'null'为空或不是对象: script type=text/javascript 里面加个defer=true属性试试看, 即:script type=text/javascript defer=true 其中defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题 2. document.getElementById为null 原因: var t[详细]
-
转变代码思路:js浏览器判断方法
所属栏目:[模式] 日期:2018-10-01 热度:63
变则通,通则达,在coding的时候也要做到,有时候思路往往太过于局限性,拿今天写自己的js框架(暂定名为YQ吧,以后文章通用)对浏览器判断方法的实例,来说说代码思路的转变。 navigator.userAgent分析 关于javascript对浏览器的判断,很早之前我写过一篇[详细]
-
JavaScript的FileSystemObject对象写入文本文件内容
所属栏目:[模式] 日期:2018-10-01 热度:122
本代码主要是练习 Java Script的FileSystemObject对象,用它来让JavaScript向一个文本文件中写入内容,这个TXT文件的路径你可以自己指定,然后定义好要写入的内容,运行代码,你会发现原来的TXT文本中的内容已改变。 htmlheadtitle写入文本文件/title/head[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目:[模式] 日期:2018-10-01 热度:129
最近在使用ExtJS搭建网页界面过程中报出错误消息,IE中的提示如下: 例外被抛出且未被接住,行19。。。。 Firefox 提示如下: uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病,[详细]
