Welcome 微信登录

首页 / 脚本样式 / JavaScript

Javascript 闭包引起的IE内存泄露分析

Javascript 闭包引起的IE内存泄露分析

复制代码 代码如下: function fors(){ obj_a = obj_b; obj_b.attr = obj_a; } 复制代码 代码如下: function fors(){ obj_b = {}; obj_b.attr = obj_b; } 上面是两个个很显示的循环引用,IE中产生了内存泄露,由于IE的内存回收机制,导至会长期占用内存而不能释放。 但闭包的内存泄露,有些隐蔽。因为闭包的循环引用,是间接的。 复制代码 代码如下: functi...
Javascript 面向对象(一)(共有方法,私有方法,特权方法)

Javascript 面向对象(一)(共有方法,私有方法,特权方法)

私有方法:私有方法本身是可以访问类内部的所有属性的,即私有属性和公有属性。但是私有方法是不可以在类的外部被调用。 私有方法写法: 复制代码 代码如下: function myClass () { var private_attribute = initial_value; function private_method () { } var private_method2 = function () { } } 实例showpet()就是一个私有方法 复...
Javascript 面向对象(二)封装代码

Javascript 面向对象(二)封装代码

写个小例子: 第一步:做一个“手机的类" 复制代码 代码如下: var MobilePhone = (function(){ ………… })() 第二步:考虑这个类,里需要那些类的私有属性,这里我想定义的是实例出来手机的数量 复制代码 代码如下: var MobilePhone = (function(){ //私有属性 var count = 0; //代表手机的数量 })() 第三步:创建一个构造函数,即实例时候,对产生的新象的一个初始化,...
Javascript 面向对象(三)接口代码

Javascript 面向对象(三)接口代码

程序中的接口:规定好有几个方法,方法名是什么。(因程序中要完成任务,都是通过函数或者说方法去实现的。) javascript中的接口:把实例出来的某"类型对象"、和实例出来的"接口对象",进行一个比较,符合规则,就可以说:这个对象实现了规定的接口; (接口类:通过这个类,来实例出不同的接口。即不同的接口实例,也就是不同的方法个数和方法名称) (进行比较:其实质就是判断子类型实例出来的对象,是否有接口对象中所保存的方法名,还有个数。) 小实例: 电话类,...
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)

jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)

浮动布局:即HTML结构的列,是用浮动方式。 一、功能分析: 1.判断图片是否进入可视区域; 2.用AJAX请求服务器数据; 3.将数据播入到相应的列队; 二、实现方法: 给window的scroll事件l绑定一个处理函数:做如下工作: 1.如何判断最后一行的图片,是否进入了可视区域? 如果:最后一行的某个图片距离浏览器可视区域顶部的距离值 小于 (可视区域的高度+滚动条滑动的距离值); 那么:就可以判定这个图片进入了浏...
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)

jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)

瀑布流-绝对定位布局,与浮动布局的区别在于 1.布局不一样: 绝对定位:一个UL里面放置所有的绝对定位的LI; 浮动布局:多个(一般三四个)UL分布放置LI; 2.AJAX不一样 绝对定位:只需要将请求来的JSON数据(当然可以是别的格式的数据),插入到UL就可以了。然后再对这个新插入的LI进行TOP和LEFT设置; 浮动布置:是将请求来的JSON数据(当然可以是别的格式的数据),分别插入到对应的UL当中,因为有绝对定位,所以不用对LI设置...
JavaScript可否多线程? 深入理解JavaScript定时机制

JavaScript可否多线程? 深入理解JavaScript定时机制

例如 复制代码 代码如下: setTimeout( function(){ alert("你好!"); } , 0); setInterval( callbackFunction , 100); 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了. 同理对setInterval的callbackFun...
在页面预览客户端本地图片的js代码(兼容FF IE)

在页面预览客户端本地图片的js代码(兼容FF IE)

公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题,编程复杂度也会提高 直接上demo代码 为更多有这种需求又苦于找不到解决方案的同行提供源码 转载请注明出处 我这里还有更多的其他问题的解决方案供更多人参考 get file input full path function getFullPath(obj...
Package.js现代化的JavaScript项目make工具

Package.js现代化的JavaScript项目make工具

Package.js项目地址:http://code.google.com/p/package-js/Package.js是一个很方便的JavaScript包依赖管理及Make工具。它的设计目标是使浏览器端的JavaScript Component/App 开发更加模块化。如果您只是在开发一个小型的网站,只会混杂在HTML中写几行JS代码用于改善一下用户体验,那么Package.js也许并不适合您。如果您正在开发一个中到大型的WebApp,有几十甚至几百几...
面向对象Javascript核心支持代码分享

面向对象Javascript核心支持代码分享

JQury框架绝对是页面开发的首选,代码短小强悍,缺点就是面向对象特性不足,所幸有不少插件!至于Ext就是一个庞然大物了,高度面向对象,类似于MFC的庞大API和控件库,运行起来,浏览器就累得够呛,开发也够呛,使用代码来创建界面绝对是个糟糕的方式,Javascript的弱语言类型使得Ext开发就像行走在雷区,减少bug的唯一方法就是不要写出bug,一旦出现bug,调试将是一件极为痛苦的事情 !在几千行代码里跟踪、跳转真让人抓狂! Javascript做面向...
Javascript处理DOM元素事件实现代码

Javascript处理DOM元素事件实现代码

DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function的方式就不够用了,但是浏览器有addEventListener和attachEvent方法可供调用,从而模拟出类似于C#中的事件委托的事件触发机制! 复制代码 代码如下: /* * 功能:事件处理 * Autho...
JavaScript基本编码模式小结

JavaScript基本编码模式小结

无论编写任何程序都会接触到编码风格,设计模式等概念,编码风格一般侧重于书写规范,而设计模式则偏向于程序架构设计。本文中笔者整理的这些“模式”包含了编写JavaScript代码时一些常用的方法或者小技巧,可以帮助初学JavaScript的同学迅速提升代码质量。当然,在此之前首先要保证规范的书写习惯,在此之上可以再将本文介绍的知识点运用到代码编写中,则可以大大提升代码质量。 下面是笔者整理的一些点,没有什么逻辑顺序,想到哪儿写到哪儿了,不足之处欢迎大家补充指正...
{}与function(){}选用空对象{}来存放keyValue

{}与function(){}选用空对象{}来存放keyValue

贪多必失,写了一个用操作url 的js工具类,这个类上面有个属性叫queryString,我原来的做法是让queryString=function(){} , 想法是希望能够queryString[key]或者queryString(key[,value])这样两种写法都支持,通过queryString[key] 方式调用key大小写敏感 通过queryString(key)则可以大小写无关。 今天杯具的发现url中带name参数死活都设置不上去,突然想起...
<< 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 >>