随笔 - 381  文章 - 0  评论 - 11  阅读 - 57万 

随笔分类 -  Zepto.js

Zepto.js 是专门为现代智能手机浏览器退出的 Javascript 框架, 拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPhone和Android网页绝对是首选了
zepto和jquery的区别，zepto的不同使用8条小结
摘要：1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){});结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $('').b... 阅读全文
posted @ 2016-01-20 21:00 杨杨0708 阅读(460) 评论(0) 推荐(0) 编辑
移动端前端开发调试
摘要：使用 Chrome 远程调试 Android 设备手机上浏览你的 Web 网页的感觉跟你在桌面版的体验可能完全不同。Chrome DevTools 的远程调试功能可以让你用电脑连接你的安卓设备进行实时调试。安卓远程调试支持：调试在浏览器标签里面网站。在原生安卓应用里面调试WebView。可以实时截取... 阅读全文
posted @ 2016-01-20 20:58 杨杨0708 阅读(534) 评论(0) 推荐(0) 编辑
Zepto.js入门介绍
摘要：GitHub ZeptoZepto的一些可选功能是专门针对移动端浏览器的；因为它的最初目标在移动端提供一个精简的类似jquery的js库。Zepto不支持旧版本的Internet Explorer浏览器( 然而，可选的“selector”模块有限提供了支持几个最常用的伪选择器，而且可以被丢弃，与现有... 阅读全文
posted @ 2016-01-20 20:56 杨杨0708 阅读(1201) 评论(0) 推荐(0) 编辑
Zepto.js-表单方法
摘要：加载模块：form.jsserializeserialize() ⇒ string在Ajax post请求中将用作提交的表单元素的值编译成 URL编码的 字符串。 serializeArrayserializeArray() ⇒ array将用作提交的表单元素的值编译成拥有name和value对象组... 阅读全文
posted @ 2016-01-20 20:55 杨杨0708 阅读(5531) 评论(0) 推荐(0) 编辑
Zepto swipe 无效(坑)
摘要：Zepto 滑动插件 bugZepto 的 'swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown' 触摸事件在安卓4.4系统中除chrome + 火狐 之外的 浏览器 + 微信 都无效zepto 滑动插件有bug的。。。而且这个 bug ... 阅读全文
posted @ 2016-01-20 20:54 杨杨0708 阅读(3954) 评论(0) 推荐(0) 编辑
Zepto.js-Ajax 请求
摘要：Ajax 请求执行Ajax请求。它可以是本地资源，或者通过支持HTTP access control的浏览器 或者通过 JSONP来实现跨域。引入Ajax模块$.ajax语法$.ajax(options) // ⇒ XMLHttpRequest { setRequestHeader: $.ajax/... 阅读全文
posted @ 2016-01-20 20:53 杨杨0708 阅读(21143) 评论(1) 推荐(1) 编辑
Zepto.js-事件处理
摘要：http://www.webdevs.cn/article/68.html web开发网事件$.Event $.Event(type, [properties]) ⇒ event创建并初始化一个指定的DOM事件。如果给定properties对象，使用它来扩展出新的事件对象。默认情况下，事件被设置为冒... 阅读全文
posted @ 2016-01-20 20:52 杨杨0708 阅读(829) 评论(0) 推荐(0) 编辑
迷你版jQuery——zepto核心源码分析
摘要：前言zepto号称迷你版jQuery，并且成为移动端dom操作库的首选事实上zepto很多时候只是借用了jQuery的名气，保持了与其基本一致的API，其内部实现早已面目全非！艾伦分析了jQuery，小钗暂时没有那个本事分析jQuery，这里就恬不知耻说说自己对zepto的源码理解，希望对各位有用首... 阅读全文
posted @ 2016-01-20 20:49 杨杨0708 阅读(363) 评论(0) 推荐(0) 编辑
zepto.js 源码解析
摘要：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。Zepto 中文手册：http://www.w3cschool.cc/manual/zeptojs.html/* Zepto v1.0-1-ga3... 阅读全文
posted @ 2016-01-20 20:37 杨杨0708 阅读(290) 评论(0) 推荐(0) 编辑
zepto.js swipe实现触屏tab菜单
摘要：今天我们来说下zepto.js，有兴趣的朋友可以先进这个网站“http://zeptojs.com/”，这个可以说是手机里的jquery，但是它取消了hover，加上了swipe及tap这两个触屏功能。前几天，有朋友告诉我百度基于zepto.js做了一个webapp的UI，大家也可以看下：“http... 阅读全文
posted @ 2016-01-20 20:34 杨杨0708 阅读(3042) 评论(0) 推荐(0) 编辑
zepto.js 处理Touch事件
摘要：处 理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生，可以通过touch event handler的event对象取到,如果基于zepto.js开发，一般是通过event.touches[0]来获取属性。重要属性如 下：clientX,clientY:触摸点相对于... 阅读全文
posted @ 2016-01-20 20:31 杨杨0708 阅读(1731) 评论(0) 推荐(0) 编辑
Zepto 使用中的一些注意点(转)
摘要：http://www.zeptojs.cn/ zepto英文站在线文档http://www.css88.com/doc/zeptojs_api/ zepto中文站在线文档http://chaoskeh.com/blog/some-experience-of-using-zepto.html前段时间完... 阅读全文
posted @ 2016-01-20 20:21 杨杨0708 阅读(202) 评论(0) 推荐(0) 编辑
如何选择面向移动设备的html5开发框架
摘要：很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多，很多新的技术已经出现，下面再来总结下还有哪些框架是适合面向手机设备的开发的。 1、jQuery Mobile jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带... 阅读全文
posted @ 2015-12-03 16:46 杨杨0708 阅读(261) 评论(0) 推荐(0) 编辑
选择移动web开发框架研究——有mui、frozenui以及Sencha Touch等
摘要：纯粹的总结一下移动web开发框架，移动 web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch... 阅读全文
posted @ 2015-12-03 16:42 杨杨0708 阅读(1328) 评论(0) 推荐(0) 编辑
迷你版jQuery——zepto核心源码分析
摘要：前言zepto号称迷你版jQuery，并且成为移动端dom操作库的首选事实上zepto很多时候只是借用了jQuery的名气，保持了与其基本一致的API，其内部实现早已面目全非！艾伦分析了jQuery，小钗暂时没有那个本事分析jQuery，这里就恬不知耻说说自己对zepto的源码理解，希望对各位有用首... 阅读全文
posted @ 2015-10-10 14:55 杨杨0708 阅读(227) 评论(0) 推荐(0) 编辑
专注手机端前端界面开发的ui组件和js组合
摘要：frozenui一款腾讯开发的简化版Bootstrap,只用于手机端http://frozenui.github.io/https://github.com/frozenui/frozenuizepto.js专注于手机端开发的js库http://www.zeptojs.cn/ 官方文档http://... 阅读全文
posted @ 2015-09-15 10:00 杨杨0708 阅读(485) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示