js
文章平均质量分 80
chen_hua89
专注web前端
展开
-
我理解的this
this指的就是当前上下文环境对象,主要分两种情况。1.函数中的this指的是调用该函数的那个上下文环境对象 这个的理解还是非常重要的。 看一个全局函数的例子var b = 1;function a(){ alert(this.b);}a();//1 这里面函数a是属于全局变量window。所以调用a的时候实际上和window.a()等同。所以原创 2016-03-08 09:27:08 · 327 阅读 · 0 评论 -
js基础篇——原型与原型链的详细理解
js中的对象分为两种:普通对象object和函数对象function。 function fn1(){}; var fn2 = function(){}; var fn3 = new Function(); var fn4 = Function(); var obj1 = new fn1(); var obj2 = {};原创 2016-03-08 09:25:28 · 275 阅读 · 0 评论 -
iframe的内容增高或缩减时设置其iframe的高度的处理方案
WEB管理软件往往是如下结构的 用户点击子页tab切换中部的显示内容,在切换过程中需要保证前面的子页保持先前的状态。这种情况一般都使用iframe来来作为切换的子页显示内容。 但是这里有一个问题,iframe不能做高度(height)的自适应。理想状态是当iframe高度超过中部内容显示区的高度的时候iframe自动增高,这样主页面会出现滚动条来做适应。处理方式即不断计算ifr原创 2016-03-08 09:25:35 · 781 阅读 · 0 评论 -
多iframe使用tab标签方式添加、删除、切换的处理实例
紧接着上一篇随笔iframe的内容增高或缩减时设置其iframe的高度的处理方案 如果采用iframe来切换显示内容的方式来展现办公Web。那么需要解决几个问题 1.tab标签需要和显示的iframe一一对应,当点击到某个tab页签的时候需要切换到对应的iframe。 2.需要有新增、删除页签的tab功能。 3.在tab页签之间切换的时候需要有一个记录点击的页签的历原创 2016-03-08 09:25:39 · 12168 阅读 · 1 评论 -
滚动条滚动到页面底部继续加载的处理实例
这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得。 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口高度 > 文档的总高度原创 2016-03-08 09:25:48 · 601 阅读 · 0 评论 -
将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
表单序列化类型的数据是指url传递的数据的格式,形如"key=value&key=value&key=value"这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象? 我们知道使用jQuery的$.fn.serializeArray函数得到的是一个如下结构的对象[ { n原创 2016-03-08 09:25:57 · 281 阅读 · 0 评论 -
多个ajax请求下等待条显示和隐藏的简单处理
处理为遇到ajax请求就显示等待条,直到所有的ajax请求执行完毕才关闭等待条。比较简单,源码如下(基于jQuery)//基于jQuery //从第一个ajax请求发出开始显示等待条?直到一系列ajax请求全部结束才关闭等待条。 //任何ajax触发了ajaxSend事件会显示等待框,所有的ajax都执行完成(ajaxComplete事件)才会关闭等待框 $(function(原创 2016-03-08 09:26:00 · 1527 阅读 · 0 评论 -
弹出框优化实例(alert和confirm)
在项目过程中会遇到需要使用自己定义的弹出框的情况。以前用过ymprompt,但是它太复杂而且不好自己操控。所以自己写了一个弹出框实例。 主要有两类弹出框alert和confirm。基于jQuery alert([title,]des[,callback]): title: 弹出框标题,string类型,可选 des: 弹出框内容描述,string类型,必须 call原创 2016-03-08 09:26:04 · 1349 阅读 · 0 评论 -
基于jQuery的一个简单的图片查看器
项目中自己diy了一个图片查看器。因为初始代码不是自己的,只是在上面改了一下也没有弄的很漂亮。等以后有时间了在重写一下样式和封装,作为备用的只是积累吧。如果有童鞋有用到,完全可以在此基础上改,比较容易,代码也比较简单 图片查看器主要有几个功能: 1.显示图片和图片信息(图片名称、发布者等等) 2.切换图片 3.关闭图片查看器 初始化接口函数pictureViewer原创 2016-03-08 09:26:09 · 351 阅读 · 0 评论 -
js基础篇——cookie使用要点
1.Cookie数量和长度的限制。各个浏览器的限制不同IE7+和Firefox最大限制为50条,chrome和Safari无限制,IE6-最大限制20条。且所有浏览器限制每个cookie长度不能超过4KB,否则会被截掉。 所以:现代浏览器cookie个数不要超过50条,大小不能超过4KB;简而精。2.安全性问题。客服端每次访问服务端都会携带cookie,cookie容易被人拦截,所有的s原创 2016-03-08 09:26:18 · 360 阅读 · 0 评论 -
js基础篇——localStorage使用要点
localStorage主要用来替代cookie,解决cookie(可参考cookie使用要点)读写困难、容量有限的问题。localStorage有以下几个特点1.localStorage是一个普通对象,任何对象的操作都适用。2.localStorage对象的属性值只能是字符串。 这个需要特别注意了,假设我们要保存一个对象到localStorage中,可以使用拼接的方式。如v原创 2016-03-08 09:26:27 · 1055 阅读 · 0 评论 -
js基础篇——call/apply、arguments、undefined/null
a.call和apply方法详解call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 t原创 2016-03-08 09:26:51 · 608 阅读 · 0 评论 -
js基础篇——变量
a.变量类型变量类型构造函数举例类型检测typeof字符串function String()var t = "chua";var m = new String("chua");"string"数字function Number()var t = 12;var m = new Number原创 2016-03-08 09:26:56 · 387 阅读 · 0 评论 -
js晋级篇——前端内存泄漏探讨
1.IE7/8 DOM对象或者ActiveX对象循环引用导致内存泄漏 循环引用分为两种: 第一种:多个对象循环引用var a=new Object;var b=new Object;a.r=b;b.r=a; 第二种:循环引用自己var a=new Object;a.r=a; 对于ECMAScript 对象而言,只要没有其他对象引用原创 2016-03-08 09:27:00 · 851 阅读 · 0 评论 -
js图片预加载
图片预加载有大体有几种方式 1.html标签或css加载图片。 显而易见我们使用img标签或者通过标签的background-image属性都可以实现图片的预加载。但是为了避免初次载入过多图片影响体验。一般最好在文档渲染完成以后再加载(使用window.onload等)。 2.纯js实现预加载空城计-Code记的Javascript实现图片的预加载的完整实现的预加载实例为原创 2016-03-08 09:27:06 · 1014 阅读 · 0 评论 -
js基础篇——encodeURI 和encodeURIComponent
转自zccst的又一次掉进encodeURIComponent的坑里了 问题: ajax.get ( url+'?k1'=v1+'&k2'=v2+'&k3'=v3, ... ); 由于URL只进行了encodeURI编码,所以想提交的参数有searchWord = a+b时,变成了a b。 解决办法: ajax.post( url, params,.原创 2016-03-08 09:24:54 · 323 阅读 · 0 评论