什么是事件代理？首先得知道什么是事件，并且弄清楚事件流，才能真正明白事件代理原理。一、什么是事件？ javascript与HTML之间交互就是通过事件实现的，事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。如onload、onclick、onmouseup、onmousedown... 。二、事件流 DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素结点与根结点之间的路径传播，路径所经过的结点都会收到该事件，...
javascript 无刷新上传图片之原理通过 javascript动态的创建一个 form 和一个 iframe，来上传图片。java编程语言如我在易U里面写的规则是，在一个表单里面的按钮加上 fname 这样一个属性 就会在这里创建一个自动上传如：<form><input fanme="imgname" type="button" value="请选择图片"></form>当点击这个按钮时其实是点击的上传框，所有就会弹出选择文件，当用户选择了文件立即上传用 javascript 动态获取 iframe的返回内容，这样...
百叶窗大家都见过吧！如图:原理:如图所示，空心格子就好比是每个li，给它设定相对定位属性，设置overflow:hidden；黑块为li子元素，高度为li的2倍，设置absolute属性，我们正是要改变它的top值从而获得变化！(右上角多余块与本图无关)布局分析：注意top值得变化！默认top=0时候，显示的“一楼上铺”，当top=-40px时候，li的子元素 上移40px，这时候显示的内容就为“一楼下铺”注意p元素的包裹层div ...
setTimeout用法在实际项目中还是会时常遇到。比如浏览器会聪明的等到一个函数堆栈结束后才改变DOM，如果再这个函数堆栈中把页面背景先从白色设为红色，再设回白色，那么浏览器会认为DOM没有发生任何改变而忽略这两句话，因此我们可以通过setTimeout把“设回白色”函数加入下一个堆栈，那么就可以确保背景颜色发生过改变了（虽然速度很快可能无法被察觉）。 总之，setTimeout增加了Javascript函数调用的灵活性，为函数...
js:我们应该如何去了解JavaScript引擎的工作原理(转)http://www.nowamagic.net/librarys/veda/detail/1579昨天收到一封来自深圳的一位前端童鞋的邮件，邮件内容如下（很抱歉，未经过他的允许，公开邮件内容，不过我相信其他人肯定也有同样的问题，所以，直接把问题原文抛出来）：“读了你的几篇关于JS（变量对象、作用域、上下文、执行代码）的文章，我个人觉得有点抽象，难以深刻理解。我想请教下通过什么途径能够深入点的了解jav...
个人总结:1.内存回收机制—标记清楚算法:从根(全局变量)开始向后代变量检测，任何根变量所到达不了的变量会被标记为内存垃圾。 这是 JavaScript 工作原理的第三章。我们将会讨论日常使用中另一个被开发者越来越忽略的重要话题，这都是日益成熟和复杂的编程语言的锅，即内存管理问题。概述像 C 语言拥有底层的内存管理原语如 malloc() 和 free()。开发者使用这些原语来显式从操作系统分配和释放内存。与此同时，当创建事物(对象，字...
注：此文是在一个前端网站上看到的一篇文章转载而来的。原文：http://www.cnblogs.com/QingChengFE/p/4543883.html
事件委托又称事件代理，JS高程上讲：事件委托就是利用事件冒泡，只制定一个时间处理程序，就可以管理某一类型的所有事件。举例：等待签收快递的时候，一是可以在门口等快递送达；二是委托给公司前台代为签收。现实当中，我们大都采用委托的方案。前台收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），前台也会在收到寄给新员工的快递后核...
四则运算编译器，虽然说功能很简单，只能编译四则运算表达式。但是编译原理前端部分几乎都有涉及，词法分析，语法分析，还有代码生成。再复杂的编译器、再简单的编译器，功能上是差不多的，只是复杂的编译器实现上会更困难。这个系列的文章是为了帮助你入门，在这个基础上再去看编译原理相关书籍，不至于打瞌睡。如果你对编译原理很有兴趣，并且想更深一步的学习，在这里强烈推荐你看一本书——我心目中的神书——《计算机系统要素...
特点: 1、跨平台 2、弱类型：JavaScript 定义的时候不需要定义数据类型,数据类型是根据变量值来确定的 强类型：定义变量的时候需要定义变量的类型：例如java,C#中的int a = 10 boolean a = true，直接确定了数据类型 3、解释执行，逐行执行 JavaScript 执行过程 1、语法检测 看你有没有基本的语法错误,例如中文,关键字错误 ...
前段时间给朋友分析了下常用的jsonp的跨域原理，跨域的方式有很多种，这里简单记录一种jsonp，阐述一下分析思想，分析过程，找到解决问题的方式。 1.JavaScript怎么跨域 2.为什么会出现跨域问题 3.常用的跨域插件是什么 4.为什么<script src=""></script>不会产生跨域问题 5.java后台跨域的处理是什么原理 跨域方式？ （1） document.domain+iframe的设置...
React-Native最核心的是Native与Javascript之间的通信，而且是双向通信，Native层到Javascript层，Javascript层到Native层，虽说是两个方向，但实现上大同小异，我们先从Native层入手，研究一下Native调用Javascript的过程。1、通信模型Android应用层的程序语言是Java，React-Native在Native端的框架实现用的也是Java语言，所以实质上是Java与Javascript两种程序语言的调用。其实这个过程，在Android系统上已经有了实现，就是WebVi...
var a = { name: 123}; var b = a; a.name; 123 b.name; 123 a.name = ‘wolf‘; "wolf" b.name "wolf" a.name = null; //注销此引用对象的内存，引用此引用对象的对象，失去对引用对象的引用，获得属于自己的引用对象副本; null b.name null a = null; null b Object {name: null} 原文：http://www.cnblogs.com/juhualang/p/3936040.html
这个是一个很老的JS模板引擎。看了下源码，理解下模拟条件语句的替换原则。感觉有点复杂~简记之。如果不涉及条件语句，可以直接在代码里构建模板，ajax请求回来的数据套用即可。最原始方式。 Trimpath JavaScript 是个轻量级的，基于JavaScript的，跨浏览器，采用APL/GPL开放源代码协议的，可以让你轻松进行基于模板编程方式的纯JS引擎。 它有如下的特点： 1、采用标准的JavaScript编写，支持跨浏览器 2、模板语法类似于：FreeMark...
定位元素，进行 mousedown ,mousemove,mouseup 鼠标操作，鼠标移动必然先触发mousedown,有 mousedown 也必然会触发mouseup，故而元素拖拽必须对这三个鼠标事件进行监听。原理：通过mousedown事件，获取目标对象，通过mousemove 改变元素的位置从而移动元素，通过mouseup来释放监听事件。创建元素，并给每个元素绑定mousedown事件 var divs;// 给 html 标签添加点击事件，用于点击页面，添加一个新元素document.documentElement.ad...