12 2015 档案
摘要：首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下，知其然也知其所以然。 IE8-特点： 1.不支持"opcity:0.5;"这种写法，只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置了z-index的值（除默认值
阅读全文
摘要：项目中自己diy了一个图片查看器。因为初始代码不是自己的，只是在上面改了一下也没有弄的很漂亮。等以后有时间了在重写一下样式和封装，作为备用的只是积累吧。如果有童鞋有用到，完全可以在此基础上改，比较容易，代码也比较简单 图片查看器主要有几个功能： 1.显示图片和图片信息（图片名称、发布者等等） 2.切
阅读全文
摘要：在项目过程中会遇到需要使用自己定义的弹出框的情况。以前用过ymprompt，但是它太复杂而且不好自己操控。所以自己写了一个弹出框实例。 主要有两类弹出框alert和confirm。基于jQuery alert([title,]des[,callback]): title: 弹出框标题，string类
阅读全文
摘要：处理为遇到ajax请求就显示等待条，直到所有的ajax请求执行完毕才关闭等待条。比较简单，源码如下（基于jQuery） //基于jQuery //从第一个ajax请求发出开始显示等待条?直到一系列ajax请求全部结束才关闭等待条。 //任何ajax触发了ajaxSend事件会显示等待框，所有的aja
阅读全文
摘要：表单序列化类型的数据是指url传递的数据的格式，形如"key=value&key=value&key=value"这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象？ 我们知道使用jQuery的$.fn.seria
阅读全文
摘要：这是一个老问题，结合前辈们的经验，需要处理的问题有一下几个。 1.只有输入框（input/textarea）下的palaceholder属性存在的时候才需要处理这类兼容 2.处理好输入框上焦点和是焦点的文本显示 3.密码输入框比较特殊，因为为其设置显示文本时显示的是一串“***”。这个问题后面分析。
阅读全文
摘要：这个实例应该说可以很简单，直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理，遇到一些小知识点可以分析一下也算有所得。 原理很简单，就是为window添加一个scroll事件，浏览器每次触发scroll事件时判断是否滚动到了浏览器底部，如果到了底部则加载新数据。关键是计算滚动
阅读全文
摘要：本文想说的警惕点与浏览器兼容无关，主要是几个本人在项目中遇到的几个小问题的总结，问题虽小，但是却有时很困扰人，在此记录一下，如果后期有此类问题会持续添加到这里。 1.内联标签之间的空格 正常情况下书写html代码的时候都有换行、缩进等习惯，比如 <head> <meta charset="utf-8
阅读全文
摘要：紧接着上一篇随笔iframe的内容增高或缩减时设置其iframe的高度的处理方案 如果采用iframe来切换显示内容的方式来展现办公Web。那么需要解决几个问题 1.tab标签需要和显示的iframe一一对应，当点击到某个tab页签的时候需要切换到对应的iframe。 2.需要有新增、删除页签的ta
阅读全文
摘要：WEB管理软件往往是如下结构的 用户点击子页tab切换中部的显示内容，在切换过程中需要保证前面的子页保持先前的状态。这种情况一般都使用iframe来来作为切换的子页显示内容。 但是这里有一个问题，iframe不能做高度（height）的自适应。理想状态是当iframe高度超过中部内容显示区的高度的时
阅读全文
摘要：IE的每次跟新都会有一些奇葩的bug，我们默默承受了。 这个问题在项目中出现困扰了我近一个星期，这里记录一下。看下面实例 <style> .panel{ width: 200px; overflow: auto; background-color: #f00; } .inner{ width: 25
阅读全文
摘要：js中的对象分为两种：普通对象object和函数对象function。 function fn1(){}; var fn2 = function(){}; var fn3 = new Function(); var fn4 = Function(); var obj1 = new fn1(); va
阅读全文
摘要：在分析jQuery的事件的时候有提到绑定事件的方式： Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在。 jQuery的绑定方式是使用浏览器的绑定绑定方法 i
阅读全文
摘要：起因： 做项目的时候做了一个表格内容超过DIV容器自动横向滚动处理。别的浏览器都正常；但是在IE下面明明表格table和容器DIV宽度一致但是却出现了滚动条。如图 然后本人做实验找了半天原因终于是找到了，是IE浏览器使用百分比计算宽度值不是整数值引起的。 实例1：使用百分比计算结果是整数的情况下显示
阅读全文
摘要：前置： 引入jQuery、bootstrap、bootstrapValidator 问题描述： 项目中要求所有的表单输入框中都不能输入&符号。没有在bootstrap中找到有方法可用，只能自己动手了 思路： 使用正则。 分两种情况，第一种，如果输入框有自身的正则验证则不用去管（一般来说使用正则验证是
阅读全文
摘要：jQuery 1.9.1源码分析已经完毕。目录如下 jQuery-1.9.1源码分析系列（一）整体架构 jQuery-1.9.1源码分析系列（一）整体架构续 jQuery-1.9.1源码分析系列（二）jQuery选择器 jQuery-1.9.1源码分析系列（二）jQuery选择器续1 jQuery-
阅读全文
摘要：ajax在得到请求响应后主要会做两个处理：获取响应数据和使用类型转化器转化数据 a.获取响应数据 获取响应数据是调用ajaxHandleResponses函数来处理。 ajaxHandleResponses的功能有： - 为jqXHR设置所有responseXXX字段(值便是响应数据) - 找到正确
阅读全文
摘要：先来看一看jQuery的ajax核心处理流程（$.ajax） a. ajax( [url,] options )执行流程 第一步，为传递的参数做适配。url可以包含在options中 //传递的参数只是一个对象 if ( typeof url "object" ) { options = url;
阅读全文
摘要：json jsonp 类型 "json": 把响应的结果当作 JSON 执行，并返回一个JavaScript对象。如果指定的是json，响应结果作为一个对象，在传递给成功处理函数之前使用jQuery.parseJSON进行解析。 解析后的JSON对象可以通过该jqXHR对象的responseJSON
阅读全文
摘要：ajax的介绍就不多说了，点击可看. 既然是ajax框架，那么闲谈一谈jQuery的ajax处理思路。 现在的浏览器都支持ajax，只不过不同的浏览器使用方法可能有不同（IE使用new window.ActiveXObject("Microsoft.XMLHTTP")，标准浏览器使用new wind
阅读全文
摘要：转自zccst的又一次掉进encodeURIComponent的坑里了 问题： ajax.get ( url+'?k1'=v1+'&k2'=v2+'&k3'=v3, ... ); 由于URL只进行了encodeURI编码，所以想提交的参数有searchWord = a+b时，变成了a b。 解决办法
阅读全文
摘要：a.动画兼容Tween.propHooks Tween.propHooks提供特殊情况下设置、获取css特征值的方法，结构如下 Tween.propHooks = { _default: { get: function(){...}, set: function(){...} }, scrollTo
阅读全文
摘要：在jQuery内部函数Animation中调用到了createTweens（）来创建缓动动画组，创建完成后的结果为： 可以看到上面的缓动动画组有四个原子动画组成。每一个原子动画的信息都包含在里面了。 仔细查看createTweens函数，实际上就是遍历调用了tweeners ["*"]的数组中的函数
阅读全文
摘要：首先需要有队列（queue）的基本知识。见上一章。 a.动画入口jQuery.fn.animate函数执行流程详解 先根据参数调用jQuery.speed获取动画相关参数，得到一个类似如下的对象；并且生成动画执行函数doAnimation optall = { complete: fnction()
阅读全文
摘要：为了给下一章分析动画处理做准备，先来看一下一些工具。其中队列工具在动画处理中被经常使用。 jQuery.fn. queue(([ queueName ] [, newQueue ]) || ([ queueName ,] callback ))(获取或设置当前匹配元素上待执行的函数队列. 如果当前j
阅读全文
摘要：先列一下这些个api jQuery.fn.css (propertyName [, value ]| object )（函数用于设置或返回当前jQuery对象所匹配的元素的css样式属性值。如果需要删除指定的css属性，请使用该函数将其值设为空字符串("") 注意：1、如果省略了value参数，则表
阅读全文
摘要：在前面分析的时候也分析了部分筛选操作（详见），我们接着分析,把主要的几个分析一下。 jQuery.fn.find( selector ) find接受一个参数表达式selector：选择器(字符串)、DOM元素(Element)、jQuery对象。分两种情况处理: 第一种，如果传入的参数是非字符串，
阅读全文
摘要：什么情况下使用到克隆节点？ 我们知道在对DOM操作过程中如果直接使用节点会出现节点随操作而变动的情况。比如对节点使用.after/.before/.append等方法后，节点被添加到新的地方，原来的位置上的节点被移除了。有的时候需要保留原来位置上的节点，仅仅是需要一个副本添加到对应位置，这个时候克隆
阅读全文
浙公网安备 33010602011771号