懒虫一个V

window.parent中parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面就是B页面的parent。B页面可以通过parent访问A页面。 window.opener中的opener表示谁打开我的，比如一个A页面利用window.open弹出了B页面，那么A页面就是B页面的opener。B页面可以通过opener访问A页面。

http://www.geonames.org/点击

offsetWidth是个只读属性，原生offsetWidth = border + padding + 垂直滚动条宽度+ widthThe HTMLElement.offsetWidth read-only property returns the layout width of an element. Typically, an element's offsetWidth is

最近要写前端组件了，狂砍各种组件源码，这里分析一款jqueryui中的posistion插件，注意，它不是jqueryui widget，首先看下源码总体结构图1、看到$.fn.position 是不是很熟悉？嗯，就是将position方法挂载到原型上，然后控件就可以直接调用了，2、$.ui.position 这个对象是，用来进行冲突判断的，什么冲突？就是元素与父容器所拥有

mousedown、mouseup、click执行顺序是从左到右的，更重要的是一旦mousedown事件激活，正常情况下后面两个事件也肯定会被激活mousemove 事件在是一直在元素上运行的（如果加上的话） http-equiv="content-type" content="text/html;charset=UTF-8"/> mousedown mouseup clic

一说到动画，大家会说到CSS3动画，确实，本文带来一片简单的仿网易‘垃圾箱’动画效果，涉及到的知识点是transform、transitiontransform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。transform: none|transform-functions;transition 属性是一个简写属性，用于设置四个过渡属性。

FF使用DOMMouseScroll，其他浏览器都是用mousewheelFF下有个特殊属性event.detail，表示滚动的值event.detail正数：向下滚动，负数：向上滚动向上滚动一页值为-32768，向下滚动一页值为+32768，其他值代表滚动的行数, 方向代表了数值的正负号受信任的事件是不会给detail赋值0其他浏览器，通过event.

废话少说，先上grid.base.js 总体结构图各位亲们，注重看下$.jgrid.extend方法，jqGrid所有公开的参数和方法都是通过这个实现的。说下这里jgrid的源码组织太凌乱，模块切分略粗，如果发现bug不宜每个人实施解决，光grid.base.js就几千行，建议作者重构grid，不怕文件多，就怕模块切分不够细，一到扩展就鸡肋！有几个小的注

富文本编辑器，Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器，所见即所得的文本编辑器。        富文本编辑器不同于文本编辑器，比较好的文本编辑器有kindeditor,fckeditor等，百度推出的开源富文本编辑器UEditor算是其中的后起之秀。        对于支持富文本编辑的浏览器来说，其实就是设置 document 的 designMode

这个内容很简单只需要判断biaoqian

必须将 文档模式和 用户代理zifuchu

用法 rel="stylesheet" href="../../assets/highlight/styles/default.css"> type="text/javascript" charset="UTF-8" src="../../assets/highlight/highlight.pack.js">API暴露出来的方法都放在hljs对象中high

#fork项目后与原项目进行同步#添加远程仓库git remote add username-xx https://github.com/xx.git git fetch username-xxgit merge username-xx/master#如果有冲突则需要手动解决冲突，git commit -m "merge from username-xx"git push -u or

我们都知道JSDuck是一款不错的API文档生成器，最近在使用过程中发现模板中会有google字体，于是想清除掉，这里window平台下重新编译jsduck.exe，最终效果不错。进而联想到，对于JSDuck这款API文档沈生成器，可以深度定制，OK，就简述这么多。1、gem install ocra；用于构建可执行程序2、gem install jsduck；安装最新

resize事件原生事件分析window一次resize事件：IE7 触发3次, IE8 触发2次, IE9 触发1次, IE10 触发1次Chrome 触发1次FF 触发2次Opera 触发1次Safari 触发1次场景分析window resize时，部分组件需要重置大小（一次）；部分组件不需要重置大小；开源库分析

渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断针对各浏览器追加功能优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复渐进增强 ：“渐进增强”观点则认为应关注于内容本身优雅降级：“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。

是不是觉得jqueryui动画好看(其实很丑)，而自己又写不出来？那就进来看看吧，30行源码带你看透动画~~~~没错就30行！

本文带你领略input textarea 光标操作：

_createWidget: function( options, element ) {        element = $( element || this.defaultElement || this )[ 0 ];        this.element = $( element );        this.uuid = uuid++;        this.even

intege:"^-?[1-9]\\d*$", //整数 intege1:"^[1-9]\\d*$", //正整数 intege2:"^-[1-9]\\d*$", //负整数 num:"^([+-]?)\\d*\\.?\\d+$", //数字 num1:"^(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[

在IE7下，使用jquery attr 操作onclick属性时，最终onclick事件不能触发，额，花了2个小时终于找到解决方法了$tdi.unbind('click').click(function(){ alert(1);});参考：http://tc.chinawin.net/it/application/article-24464.html

op = Object.prototype, ostring = op.toString,...function isFunction(it) { return ostring.call(it) === '[object Function]'; } function isArray(it) { return ostring.call(i

本人懒虫一个，目前在一家传统软件行业工作，闲来无事，特翻译O'Reilly《AngularJS》一书，供广大网友阅读。经过本人的通读与赏阅，本书适合AngularJS初学者阅读，了解及运用AngularJS进行开发，本书中涉及到了AngularJS大量的基本知识和核心概念，通过阅读本书后，相信你已经具备基本的AngularJS开发经验。       本人尊重原作的著作权，尊重原稿，本译文暂称为

本人懒虫一个，目前在一家传统软件行业工作，闲来无事，特翻译O'Reilly《AngularJS》一书，供广大网友阅读。经过本人的通读与赏阅，本书适合AngularJS初学者阅读，了解及运用AngularJS进行开发，本书中涉及到了AngularJS大量的基本知识和核心概念，通过阅读本书后，相信你已经具备基本的AngularJS开发经验。       本人尊重原作的著作权，尊重原稿，本译文暂

假设有这样一场景：在用户切换到另外一个route时，需要检查当前表单（内容）是否已保存？考虑下在AngularJS中如何实现？我们首先来分析下，场景中有那些事件流。①：用户编辑了表单②：用户准备点击另外一个route url，触发提示‘是否要保存’③：点击‘是’，route切换事件停止；点击‘否’，route切换事件继续主要流程就这些其实很简单。这里主要涉及到了

在AngularJS中会计算全局唯一的标识，这就是通过nextUid()来实现的，因此让我们简单看下uid               = ['0', '0', '0'];function nextUid() { var index = uid.length; var digit; while(index) { index--; digit = u

今天在写看组件代码时，看到了CSS选择器，是如此强大，有些东西就没有根本不了解，这里mark下，以备后续之用选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的

今天在翻看支付宝源码时无意看到一段

无意中看到百度的上传组件不错，支持de

//将图像输出为base64压缩的字符串  默认为image/pngvar data = canvas.toDataURL();    // returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..."//var data = canvas.toDataURL('image/jpeg');  //re

RunJS 实时监测input中值的变化

淘宝针对国内下载npm库缓慢的问题，使用建立自己的cnpm库，可以很方便使用在公司内部使用。地址：http://npm.taobao.org/使用淘宝的NPM库镜像$ npm install -g cnpm --registry=http://registry.npm.taobao.org如果想用之前npm之前的cache，加--

offsetParent是个只读属性，返回最近显示指定位置的容器元素的引用。如果元素没有指定位置，最近的元素或者根元素（标准模式下是html，怪异模式下是body）就是offsetParent。当元素的style.display='none'时，offsetParent返回null。由于offsetTop和offsetLeft是相对于页边距，因此offsetParent是非常有用的。    

内容内容内容内容以备后用

target currentTarget 原生： click outer click inner jQuery click outer click inner jquery Event时间属性： target:目标阶段对象 currentTarget:冒泡阶段的DOM对象 function G(id) {