摘要:
这个实例应该说可以很简单,直接使用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- 阅读全文