-
跨域资源共享的10种方式
所属栏目:[模式] 日期:2018-10-07 热度:139
副标题#e# 同源策略 在客户端编程语言中,如 Java Script和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那[详细]
-
用document.domain+iframe实现Ajax跨子域
所属栏目:[模式] 日期:2018-10-07 热度:94
Ajax跨域一直是个比较麻烦的问题,例如:断桥残雪在一个项目中使用了open打开一个跟父窗口不同域名的新页面,结果子窗口就不能传值给父窗口了;再如:我在www.2fool.cn下不可以获取love.2fool.cn域名下的页面内容。浏览器的跨域限制是为了安全,可是当我们[详细]
-
JS 获取 url 参数的几种方法
所属栏目:[模式] 日期:2018-10-07 热度:160
①网上有位同学这么写的: function QueryString(key){ var paras = location.search; if(paras){ var arr = paras.substr(1).split(),data; for(i in arr){ data = arr[i].split(=); if(data[0] == key){ return data[1] } } } } ②这是我原来搜集的,并[详细]
-
javascript的词法作用域
所属栏目:[模式] 日期:2018-10-07 热度:92
副标题#e# 大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = fu[详细]
-
javascript的变量类型(图)
所属栏目:[模式] 日期:2018-10-07 热度:109
javascript的变量类型真的很要人纠结,即使你是很有经验的js工程师,你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候,有人提出数组为什么不是基本类型,我通过演示typeof []的结果来说明,数组是对象类型派生出来的,而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-07 热度:184
副标题#e# 在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-07 热度:144
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-07 热度:77
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-07 热度:167
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-07 热度:183
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-07 热度:70
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-07 热度:58
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
一段关于 JSONP Callback 的简要代码
所属栏目:[模式] 日期:2018-10-06 热度:135
定义全局回调函数,把 timestamp 参数写成 window 下的方法名称。这里我的格式是 jsonp + 时间戳。发送请求和执行回调函数统一使用同一个 timestamp 参数即可。 /** * 远程数据加载 * @method loader * @param {String} o 参数配置 */ function loader (o)[详细]
-
IE6 动态创建 iframe 无法显示的 bug
所属栏目:[模式] 日期:2018-10-06 热度:169
动态弹出浮层,跨域加载一个 iframe 页面,发现 IE6 下无法正常显示。见图所示: 最初怀疑是 innerHTML 方式创建 iframe 节点导致的: document.getElementById('a').innerHTML = 'iframe width=500 height=100 src=http://www.mangguo.org//iframe'; 但这[详细]
-
通过nginx为forever-webui添加密码验证 实现外部管理
所属栏目:[模式] 日期:2018-10-06 热度:150
默认安装forever-webui是不能通过外网访问的,且进入管理界面也不需要密码 相信很多同学都需要在外部网络管理自己的nodejs服务~ 于是乎想把forever-webui添加一个密码验证~ 小弟不才,对nodejs还没玩透,正巧之前是使用nginx端口转发来实现多域名绑定的[详细]
-
JavaScript动态添加信息的实现
所属栏目:[模式] 日期:2018-10-06 热度:126
今天说下JS动态添加数据信息是如何实现的。由于本人能力有限,所以只能用最傻的方式来做了。不过也算是实现了功能吧!就是点击按钮可以不断的添加。 我的思路是这样式的,首先得有一个模版,然后点击模版的时候,不断的出现这个模版的复制品就OK了,好像很[详细]
-
一周学会Mootools 1.4中文教程:(7)汇总收尾
所属栏目:[模式] 日期:2018-10-06 热度:76
转眼之间已经第七课了,这也将成为最后一课,如果这7课下来您感觉水平没有达到预想的水平,没关系您可以继续关注本站的博文,我会陆续发一些类似的文章帮您提升水平,另外我最近打算和群里的几个Mootools爱好者制作一下Mootools1.4的chm版中文API手册,如果您对此[详细]
-
一周学会Mootools 1.4中文教程:(6)动画
所属栏目:[模式] 日期:2018-10-06 热度:108
先看一下动画的参数设置: 参数: fps - (number:默认是50) 每秒的帧数. unit - (string:默认是 false) 单位,可为 'px','em',或 '%'. link - (string:默认是 ignore) 可以是 'ignore','cancel' 和 'chain'. 'ignore'-当请求正在执行之中时,新的请求将被忽略 '[详细]
-
一周学会Mootools 1.4中文教程:(5)Ajax
所属栏目:[模式] 日期:2018-10-06 热度:128
ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成 语法: var myRequest=new Request([参数]); 参数: url - (string:默认是null) 要请求的URL. data - (string:默认是空) 默认要请求或发送的数据. link -[详细]
-
JavaScript实现一个很轻量的动画库效果
所属栏目:[模式] 日期:2018-10-06 热度:144
JS动画,实质是对DOM样式的改变。只要把主流浏览器DOM元素的属性方法搞清楚,做JS动画并不算难。网上也有很多封装好的JS动画库,但大多因为功能过于完善,而至于代码量大动辄过千行,不宜在小项目中使用。这里自己封装了一个很轻量的动画库,主要功能都已[详细]
-
Mootools中delay这个延迟函数的高级用法
所属栏目:[模式] 日期:2018-10-06 热度:102
这是一种最简单的用法: (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-06 热度:114
当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下. 很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的. 那么我的这篇文章实际上就是面向对象的一种应用,只不过[详细]
-
一周学会Mootools 1.4中文教程:(4)类型
所属栏目:[模式] 日期:2018-10-06 热度:61
副标题#e# Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:. 这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法[详细]
-
一周学会Mootools 1.4中文教程:(3)事件
所属栏目:[模式] 日期:2018-10-06 热度:110
副标题#e# 今天我們講解一下mt的事件部分,对于事件的讲解主要包含三部分,分别是:绑定,移除,和触发,我们首先来看一个例子 //jquery的事件绑定方式 $('a').click(function){ alert('aa'); }); //或 $('a').bind('click,mouseover',function){ alert('aa'); })[详细]
-
一周学会Mootools 1.4中文教程:(2)函数
所属栏目:[模式] 日期:2018-10-06 热度:108
副标题#e# 透过对上一节课的学习,相信大家对mt的选择器应该有了一定的认识了,我再放几个小示例让大家对选择器的复杂应用有所了解: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[详细]

浙公网安备 33038102330484号