一款超好用轻量级JS框架——Zepto.js(上)

【一款超好用轻量级JS框架——Zepto.js(上)】的更多相关文章

一款超好用轻量级JS框架——Zepto.js(上)

前言絮叨絮叨之前我们介绍过JQuery怎么自定义一个插件,但没有详细介绍过JQuery,那么今天呢....我们还是不说JQuery,哈哈哈哈但是今天我们介绍一款和JQuery超级像的一款框架--Zepto. 之所以说Zepto和JQuery超级像,是因为他们的用法一样,除了有那么一点不同之外,基本没有任何区别,如果你会用JQuery,那么,你就会用Zepto. 但是相比较之下,Zepto是比JQuery更加轻量级的一款JavaScript库,更加倾向于应用的开发. 那么所以呢,今…

一款超好用轻量级JS框架——Zepto.js(下)

前言絮叨絮叨前面和大家分享了Zepto的原型方法,相信大家也对这个框架有了一定的了解,那么今天再和大家分享一下它的对象方法吧! 1add() 支持一到二个参数,第一个为选择器,与$()的差不多,甚至是,第一个参数传进去一个function,它也会正确执行(但是出现什么bug的话,后果自负哟~~),所以说,正确的使用方式是传入选择器,dom对象,或者一段html,这都是可以的,如果有多个的话,那就用用数组括起来, var temp = $(["li","span…

使用backbone.js、zepto.js和trigger.io开发HTML5 App

为了力求运行速度快.响应迅即,我们推荐使用backbone.js和zepto.js. 为了让这个过程更有意思,我们开发了一个小小的示例项目,使用CSS重置样式.Backbone.js和带转场效果的几个页面.我们的项目会显示Trigger推特更新内容和单个的推特消息.与往常一样,我们将使用同一个HTML5代码库创建安卓和iOS应用程序.在这个过程中,我们将介绍如何: 把你的JavaScript文件添加到应用程序中使用Backbone.js来显示响应迅即的界面使用CSS重置样式,减少跨平台出现的…

一款很便捷很实用的框架——vue.js

Hello,大家好!今天给大家带来一款十分好用的框架--vue.js! Vue.js是一套构建用户界面的渐进式框架.它只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 什么是双向绑定?? Vue框架很核心的功能就是双向数据绑定.双向是指:HTML标签数据绑定到Vue对象,另外反方向数据也是绑定的. 通俗点说就是,Vue对象的改变会直接影响到HTML标签的变化,而且标签的变化也会反过来影响Vue对象属性的变化. […

Bootstrap——一款超好用的前端框架

前言 Bootstrap Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,用于开发响应式布局.移动设备优先的 WEB 项目.Bootstrap在JQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件.让前端开发更快速.简单. 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构. CSS:Bootstrap 自带以下特性:全局的 CSS设置.定义基本的 HTML 元素样式.可扩展的 clas…

移动开发js库Zepto.js应用详解

从哪里下载 Zepto 地址:http://zeptojs.com/ 中文版地址:http://www.css88.com/doc/zeptojs_api/ 这个问题看起来很蠢,从官网下载不就行了嘛!可是你有没有发现下载链接上面有行小字呢? 在这个 README 里面你会惊奇地发现,Zepto 源码中有 14 个模块,而官网提供的标准版里面只有 7 个模块!而且居然不包含对移动端开发非常重要的 touch 模块(提供对触摸事件的支持)! 所以我的建议是,不要从官网下载,而是从 Github 下载…

一款轻量级前端框架Avalon.Js

avalon2是一款基于虚拟DOM与属性劫持的迷你. 易用. 高性能的前端MVVM框架, 拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用.上一个简单的入门例子: <!DOCTYPE html> <html> <head> <title>first example</title> <meta charset="UTF-8"> <meta na…

轻量级的移动框架--zepto.js

Zepto是一个轻量级的支持移动WebKit浏览器javascript移动端框架,框架支持jQuery语法,该框架的压缩包zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPhone和Android网页绝对是首选了. 核心方法 $() $(selector, [context]) ⇒ collection $(<Zepto collect…

js框架——angular.js

这是一个前端用的框架,使用简单.详细介绍这里就不写了,主要介绍其语法和作用—— 1. 声明一个angular 如果想要使用一个angular代码,则需要在[想要使用angular的范围内写上ng-app],例如,对象是整个body内容的话,就需要在body标签内添加—— <body ng-app> 就和添加一个属性差不多的语法方式,不要多想 2. angular的使用 <p>这是我们第一次接触ag的表达式 {{1 + 2}}</p> 以上代码是angular的表达式,在…

一款豪华绚丽的移动端图册(zepto.js+photoswipe.js)

应公司要求,开发一款移动端杂志(等同于移动端幻灯片相册,iOS上能轻松滑动缩放,android上也能滑动缩放).网上找了很久没有符合需求的插件,无意间找到了photoswipe,进行改造之后就成了符合自己的移动端图册了. 改造点: 1.原插件默认进入页面是相册列表,返回或者关闭会退回到图册列表,通过追踪找到这个方法并干掉了! 2.新增拖动条跳转(ps:插件默认全屏滑动,该处实现思路是应用ifram定位来实现的,子页面拖动链接跳转对应指定的id): 3.新增当前页显示,插件有该方法: 4.解决io…