首先看的是整体框架, // zepto骨骼,这个函数的作用使得Zepto(slector, context)使用很多$.fn里面的方法 var Zepto = (function(){ // zepto是一个命名空间 var $, zepto = {} // 这是一个工厂方法,返回一个数组 zepto.Z = function(dom, selector) { dom = dom || [] // 不知道__proto__和prototype的区别了吧,一个是对象的,另一个是方法的.new出来的…

对于ajax,三步骤,第一,创建xhr对象:第二,发送请求:第三,处理响应. 但在编写过程中,实际中会碰到以下问题, 1.超时 2.跨域 3.后退 解决方法: 1.超时 设置定时器,规定的时间内未返回信息,作超时处理. 2.跨域 这个则和html4的ajax关系不大了,动态添加script标签,并设置其onload事件,进行处理. 3.后退 不考虑IE的情况下,通过修改location.hash产生历史,设置hashchange事件处理后退. 封装成库的过程: 1.给用户填的抽象 2.重复出现的…

一.简介 ①Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. ②Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery .Zepto是一个5-10k的通用库.能够下载并快速执行.有一个熟悉通用的API,可以有效提高开发效率. ③文档:中文文档 .GitHub 二.模块(参考文档) 注意:如果下载的文件只包含核心模块, Ajax, Event, Form, IE,如果需要使用其他模块,需要额外下载,比如做…

第一,通过obj.addEventListener("click",fn)绑定的事件,你不能通过obj.onclick = null;来移除绑定点击事件的所有回调函数. 所以引入第三方对象空间handler,来对用最终add函数绑定的事件,进行事件管理. 具体如何管理, 首先是以html element为key,它的value是一个数组,数组元素handler是zepto封装的事件对象.其对象为 del: undefined e: "click" fn: funct…

天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开 最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •̀ ω •́ )y:…

一.移动端事件问题 1.click事件300ms延迟问题 2007年第一代iphone发布,移动端Safari首创双击缩放功能,原理是click一次后,经过300ms之后检测是否再有一次click,如果有就会缩放,如果没有则是一个click事件.所以cilck操作会有卡顿感觉. 2.dblclick事件失效 由于双击缩放的存在,移动端的dblclick事件也失效了. 二.移动端触摸事件 touchstart 在屏幕上按下手指时触发 touchmove     在屏幕上移动手指时触发 touche…

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速. 百度公共CDN为您的应用程序提供稳定.可靠.高速的服务,包含全球所有最流行的开源JavaScript库. backbone 未压缩: <script src="http://libs.baidu.com/backbone/0.9.2/backbone.js"></script>    压缩: <script src=&q…

移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1.touchstart: //手指放到屏幕上时触发 2.touchmove: //手指在屏幕上滑动式触发 3.touchend: //手指离开屏幕时触发 4.touchcancel: //系统取消touch事件的时候触发,比较少用 移动端一般有三种操作,点击.滑动.拖动,这三种操作一般是组合使用上面的几个事件来完成的,所有上面的4个事件一般很少单独使用,一般是封…

http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs 简介 CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速. 百度公共CDN为您的应用程序提供稳定.可靠.高速的服务,包含全球所有最流行的开源JavaScript库. 资源列表 '使用方法:  加载JS库,复制HTML代码片段(如下所示)到网页.例如,要加载jQuery,将如下所示的代码嵌…

新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一种主流的 Javascript框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架.接下来让我们来共同研究一些主流前端框架.库和工具,并讨论它们的适用场景. 网络配图 1.angular.Js 地址:http://www.runoob.com/angularjs/angularjs-tutorial.html 代码托管地址:https://github.com/ang…