w为什么要var that = this

2024-08-27

为什么要在函数内部声明 var that = this 呢

看一个例子 $('#conten').click(function(){ //this是被点击的#conten var that =this; $('.conten').each(function(){ //this是.conten循环中当前的对象 //that仍是刚才被点击我的#conten }) }) this对象在程序中随时会改变,而var that = this之后,that不会改变,仍然指向之前的this,这样就不会找不到原来的对象 tab.prototype.init = func

【探索】利用 canvas 实现数据压缩

前言 HTTP 支持 GZip 压缩,可节省不少传输资源.但遗憾的是,只有下载才有,上传并不支持.如果上传也能压缩,那就完美了.特别适合大量文本提交的场合,比如博客园,就是很好的例子. 虽然标准不支持「上传压缩」,但仍可以自己来实现. Flash 首选方案当然是 Flash,毕竟它提供了压缩 API.除了 zip 格式,还支持 lzma 这种超级压缩.因为是原生接口,所以性能极高.而且对应的 swf 文件,也非常小. JavaScript Flash 逐渐淘汰,但取而代之的 HTML5,却没有提

JavaScript动画-拖拽改变元素大小

▓▓▓▓▓▓ 大致介绍拖拽改变元素大小是在模拟拖拽上增加了一些功能效果:拖拽改变元素大小 ▓▓▓▓▓▓ 拖拽改变元素大小原理首先这个方块得知道我们想要改变这个它的大小,所以我给它设定一个范围,当点击这个范围时表明我们想要改变它的大小当我们点击方块的这些红色区域时,方快就知道我们想要改变它的大小代码实现: // 获取event对象,兼容性写法 var ev = ev || event; // 鼠标按下时的位置 var mouseDownX = ev.clientX; var mouseD

JavaScript正则表达式，你真的知道？

一.前言粗浅的编写正则表达式,是造成性能瓶颈的主要原因.如下: var reg1 = /(A+A+)+B/; var reg2 = /AA+B/; 上述两个正则表达式,匹配效果是一样的,但是,效率就相差太远了,甚至在与少量字符串匹配时,reg1就会造成你浏览器卡死. 不信?我们可以测试下. 首先,我们声明一个字符串变量str,同时赋予一个包含20个A的字符串给str,采用match方法与上述reg1.reg2进行匹配测试,如下: var str = 'AAAAAAAAAAAAAAAAAAAA'

JS判断鼠标进入容器方向的方法和分析window.open新窗口被拦截的问题

1.鼠标进入容器方向的判定判断鼠标从哪个方向进入元素容器是一个经常碰到的问题,如何来判断呢?首先想到的是:获取鼠标的位置,然后经过一大堆的if..else逻辑来确定.这样的做法比较繁琐,下面介绍两种比较方便的方法: 第一种方法,利用圆和反正切三角函数如下图所示: 以div容器的中心点作为圆心,以高和宽的最小值作为直径画圆,将圆以[π/4,3π/4),[3π/4,5π/4),[5π/4,7π/4),[-π/4,π/4)划分为四个象限. 代码如下: $(".box").on("

angular2系列教程（九）Jsonp、URLSearchParams、中断选择数据流

大家好,今天我们要讲的是http模块的第二部分,主要学习ng2中Jsonp.URLSearchParams.observable中断选择数据流的用法. 例子

ie6 ie7 ie8 ie9兼容问题终极解决方案

放下包袱,解决低版本兼容问题这是一个老生常谈的问题,自然解决这个问题的方案也比较多,下面整理了一些解决方法: 1.强制使用高版本渲染模式. 强制使用Edge模式来解析网页代码 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 强制使用Chrome浏览器内核(如果安装了) <meta http-equiv="X-UA-Compatible" content="

Go语言实战

作者:Jack47 转载请保留作者和原文出处欢迎关注我的微信公众账号程序员杰克,两边的文章会同步,也可以添加我的RSS订阅源. 本文通过从无到有创建一个利用Go语言实现的非常简单的HttpServer,来让大家熟悉利用Go语言时的基本流程,工具和代码的基本布局,为学习Go语言时碰到的环境问题扫清障碍. 以一个简单的场景来举例,有一个可复用的库(hugger)和一个使用这个库的应用程序(hugmachine),代码都托管在Github上. 代码布局 go工具 go命令是一个管理Go源代码的工具,

图片放大功能插件及jquery.extend函数理解

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { this.opts = $.extend({ wrap: '', clickimgs: '', callback: function(){} }, opts); this.images_n = []; //保存一条评论中的所有图片 this.$showArrow = false; //显示左右翻页按

IE兼容性问题汇总【持续更新中】

问题:IE8/9不支持Array.indexOf 解决方案 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (f

基于 HTML5 的 Web SCADA 报表

背景最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求.一个完整的报表,一般包含了筛选操作区.表格.Chart.展板等多种元素,而其中的数据表格是最常用的控件.在以往的工业项目中,所有的表格看起来千篇一律,就是通过数字和简单的背景颜色变化来展示相关信息.但是现在通过各种移动 App 和 Web 应用的熏陶,人们的审美和要求都在不断提高,尤其是在 Web 项目中,还采用老式的数字表格确实也有点落伍了. 如何选择一个合适的 HTML 前端表格控件?此处可以省略一万字.哈哈.j

《JavaScript 代码优化指南》

~~教你向老鸟一样敲代码~~. 1. 将脚本放在页面的底部 ... <script src="./jquery.min.js"></script> <script src="./index.js"></script> </body> </html> 2. 变量声明合并将多条var语句合并为一条语句,我建议将未赋值的变量放在最后面. 并且为了代码的美观,还可以将等号对齐. //糟糕 var

js Form.elements[i]的使用实例

function pdf(){ //一个html里面可能存在多个form,所以document.form[0]指的是第一个form,document.form[1]返回就是第二个form,如果没有第二个form,则返回undefined //就相当于:document.getElementsByTagName(form)[0] form = document.getElementsByTagName("form")[0]; with (form) { va

基于JQuery的获取鼠标进入和离开容器方向的实现

做动画时,需要判断鼠标进入和退出容器的方向.网上找到的基于JQuery的实现方法,用函数封装了一下,写了一个示例.注意绑定鼠标事件用的是on(),所以JQuery版本需高于1.7. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>判断鼠标从哪个方向进入和离开容器</title> <script src="js/jquery-3.

提示用户升级浏览器代码低于ie9的浏览器提示

一般想做一些酷炫的网站都有个烦恼,那就是兼容ie浏览器,好在现在使用ie的也越来越少,微软也转战edge浏览器. 使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(bsie 鄙视IE),而且经常可以看到如下的代码: <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script sr

网页万能排版布局插件，web视图定位布局创意技术演示页

html万能排版布局插件,是不是感觉很强大,原理其实很简单,不过功能很强大哈哈,大量节省排版布局时间啊! test.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>web视图定位布局创意技术演示页</title> <meta content="width=device-width,initial-scale=1.0,m

PPS传奇生死

地址 :http://game.pps.tv/events/cqss_sign 调用encryptedString('password') RSA加密,通过function(a) 定义 window={}; 再定义RSAUtils=window.RSAUtils || a.RSAUtils; window={}; (function (a) { var z; if (typeof a.RSAUtils === "undefined") { z = a.RSAUtils = {}; }

昆仑游戏[JS加密修改]

昆仑游戏:http://www.kunlun.com/index.html JS加密修改 BigTools=window.BigTools;//重点 RSAKeyPair=window.RSAKeyPair;//重点调用functiongetToken 下面是匿名函数 (function(ab) { var ad = 2; var I = 16; var o = I; var Q = 1 << 16; var e = Q >>> 1; var M = Q * Q; var T

前端必备的js知识点（转载）

1.本文主体源自:http://www.cnblogs.com/coco1s/p/4029708.html,有兴趣的可以直接去那里看,也可以看看我整理加拓展的.2.js是一门什么样的语言及特点? js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言.也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作. 主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果. (详细拓展:htt

冰冻三尺非一日之寒--还是web

第十五章 javascript(js) DOM编程 javascript介绍 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 1.JavaScript代码存在形式  <script type"text/javascript" src="JS文件"></script> <

jquery使用案例

表单验证 Dom实现表单验证通过在form标签的submit上绑定一个onclick事件,用户点击事,触发这个事件,执行Checkvalid()函数进行对表单中的元素值验证,验证通过之后,继续让submit之行自己的事件,post表单内容到服务器,如果验证不通过,则返回false,终止submit继续提交代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

w为什么要var that = this

热门专题