Zepto——简化版jQuery，移动端首选js库

转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826054.html 一:Zepto是什么 Zepto最初是为移动端开发的js库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小. Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要. 大多数在jQuery中常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的(移动端支持…

摆脱jquery,用自己的JS库实现ajax功能

可以将下面的代码保存在一个文件里如:myAjax.js,以后在项目中如果觉得jquery那一套很重,就完全可以使用自己的ajax库,不用担心性能和兼容性! /** * 创建ajax请求对象 * @returns XMLHTTPREQUEST */function createAjaxObj(){ var req ; if(window.XMLHttpRequest){ req=new XMLHttpRequest(); }else{ req=new…

移动端翻页插件dropload.js（支持Zepto和jQuery）

一. 声明代码来源:github上的dropload项目. 二. 问题 dropload.js提供了最基本的上拉翻页,下拉刷新功能.对于由服务端一次返回所有数据的情况基本通用. 但是,需求往往不是服务端一次性返回所有数据,往往还要支持服务端分页,搜索,排序,多条件筛选等功能.(比较类似美团美食的界面) 三. 解决方案. 改进1:由于有分页,搜索,排序,多条件筛选功能,可能都不需要上拉,进到页面就没有数据. 例如:搜索一个服务端不存在的名字. 所以,添加接口设置setHasData. MyDro…

移动开发js库Zepto.js使用中的一些注意点

来自http://chaoskeh.com/blog/some-experience-of-using-zepto.html的参考. 前段时间完成了公司一个产品的 HTML5 触屏版,开发中使用了 Zepto 这个著名的 DOM 操作库. 为什么不是 jQuery 呢?因为 jQuery 的目标是兼容所有主流浏览器,这就意味着它的大量代码对移动端的浏览器是无用或者低效的. 而 Zepto 只针对移动端浏览器编写,因此体积更小.效率更高,更重要的是,它的 API 完全仿照 jQuery ,所以学习…

jQuery与其它js库共用

移动端日历选择控件（支持Zepto和JQuery）

移动端日历选择控件(支持Zepto和JQuery) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scal…

解决jQuery多个版本，与其他js库冲突方法

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery测试页</title> </head>…

jQuery与其他JS库共存

* 事件 * jQuery与其他JS库共存 * 调用jQuery.noConflict()方法 * 表示jQuery将"$"符号的使用权交出 * 通过两种方式将"$"找回 * 第一种 jQuery(function($){// 函数域 // function中定义形参"$" $("ul>li"); }); * 第二种 (function($){// 函数域 $("ul>li"); })(jQue…

仿照jquery封装一个自己的js库（二）

本篇为完结篇.主要讲述如何造出轮子的高级特性. 一. css方法的高级操作先看本文第一部分所讲的dQuery css方法 //css方法 dQuery.prototype.css=function(attr,value){ if(arguments.length==2){//当参数个数为2时,使用设置css的方法 var i=0; for(i=0;i<this.elements.length;i++){ this.elements[i].style[attr]=value; } }else{/…

仿照jquery封装一个自己的js库（一）

所谓造轮子的好处就是复习知识点,加深对原版jquery的理解. 本文系笔者学习jquery的笔记,记述一个名为"dQuery"的初级版和缩水版jquery库的实现.主要涉及知识点包括面向对象,jquery,绑定,脚本化css等. 一. jquery的美元符意味什么? 先思考alert(typeof $)的结果中的$,它是一个对象,也是一个函数. 所以美元符字面上是jQuery,其实就是一个jq对象,里面可以接受函数,字符串(#xxx,.xxx,xxx...),还有一种是对象(比如thi…

jQuery与其他JS库冲突解决

实际开发中遇到JQuery与其他js库起冲突究其原因,是它们的全局对象定义冲突了,特别是变量”$”, 可重载$函数.使用jQuery.noConflict()就可以通过重载$函数例:项目中应用的 <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript"> jQuer…

怎样让jQuery和其它js库共存

怎样让jQuery和其它js库共存有时候需要同时使用jQuery和其它javascript,比如在joomla中默认的是motools,但很多人还是希望能够使用jQuery,如果直接调用的话,由于两个库都使用了$作为简写,会造成程序冲突的情况,那么 ,怎样让jQuery和其它javascript库共存呢?有以下三种方法(均来自于官方网站): 1.覆盖$ 函数,使用jQuery代替$ 在jQuery和其它库已经加载之后,可以调用jQuery.noConflict (). <script s…

移动端-手机端-日历选择控件（支持Zepto和JQuery）

一. 效果图二. 功能说明 1. 支持切换年份,月份. 2. 支持点击选中日期,也可以点击确定选择日期. 三. 使用方法 1. 添加Input 在你的页面中添加Input输入框.可以再html里,也可以JS动态加载. 我这里使用的时Input-group形式的输入框,是JS加载的. 一般使用的话,直接写个input输入框就行. <div class="item item-buydate input-group"> <span class="input-gr…

jQuery的JS库在本地运行项目时提示无法加载

最近公司有个项目在我本地运行时引用本地的jquery.js,浏览器提示无法加载 <script src="/js/newperson/jquery-1.11.3.min.js" type="text/javascript"></script> 但引用网络JS则可以正常使用 <script src="http://www.wodexiangce.cn/js/jquery-1.11.3.min.js" type=&quo…

解决同一页面jQuery多个版本或和其他js库冲突方法

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>jQuery测试页-111cn.net</title> </head> <body> <!-- 引入 jq…

仿照jquery封装一个自己的js库

所谓造轮子的好处就是复习知识点,加深对原版jquery的理解.本文系笔者学习jquery的笔记,记述一个名为"dQuery"的初级版和缩水版jquery库的实现.主要涉及知识点包括面向对象,jquery,绑定,脚本化css等. 一. jquery的美元符意味什么? 先思考alert(typeof $)的结果中的$,它是一个对象,也是一个函数.所以美元符字面上是jQuery,其实就是一个jq对象,里面可以接受函数,字符串(#xxx,.xxx,xxx...),还有一种是对象(比如this)…

几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比

AJAX是web2.0的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架? 让我们来想想选择AJAX框架的基础: 你的项目需求(即你需要哪些特性,例如是否要求做出精美的界面.特效或其它功能)是否支持A等级的浏览器(IE, Firefox等)?文档的质量:是否完善(包含教程,API,代码示例等)框架的可扩展性如何?为框架写插件容易吗?你是否喜欢它的API的风格?能大多程度上统一你的JavaScript…

【转载】写一个js库需要怎样的知识储备和技术程度？

作者:小爝链接:https://www.zhihu.com/question/30274750/answer/118846177来源:知乎著作权归作者所有,转载请联系作者获得授权. 1,如何编写健壮的javascript代码,鲁棒性,简单总结几条我觉得是常识的事:1.1 一个javascript库最好的实现方式是占用最少的命名空间,比如window对象上或者global对象上只占用一个引用.1.2 健壮的js程序对输入都会有完善的类型检查和异常处理,边界值的判断.1.3 对js的几种继承方式要足…

12个值得关注的顶级可视化JS库涉及图表、动画、时间处理，表格操作

本文是译文,原文是https://da-14.com/blog/top-11...我在原文的基础上加了百度的Echats图表库,这个也是毫不逊色其他图表库的.另外Handsontable电子表格库也是蛮好玩的. 前端开发工具在过去几年中取得了进步和成功.这些日子,JS库和框架可以简化工作流程,提高开发过程,并在响应式设计方面提供更好的功能. 考虑到一个长的JavaScript库列表,它可能是挑战选择,那是值得的时间和精力.我们已经讨论了最好的JavaScript框架,今天我们想研究JS库中的新星…

Zepto和Jquery区别

---恢复内容开始--- <zepto移动端事件> 1.$("#xx").tap(function(){ //tap在屏幕点击时触发 alert("sssss"): }) 2.$("div").singleTap(function(){ //singleTap在屏幕单击时触发 alert("单击"): }) 3.$("div").doubleTap(function(){ //doubleTap…

轻量级的绘制图表js库--Morris.js

Morris.js 是一个轻量级的 JS 库,使用 jQuery 和 Raphaël 来生成各种时序图. 虽说现在移动手机网络已经到了4G,但是在移动web客户端开发过中,为了达到良好的体验效果,需要考虑很多的因素,比如板式,网速等等,最近有个任务需要在移动端显示<span>标签的内容,所有找js类的开源库,最终选择Morris.js ,一个是小,另外是支持移动包括iso和android,项目地址:点击打开链接,相比其他的开源库,这个上手还是比较简单的,可以看看官方的例子,但是有一些需要注意的…

【javascript类库】zepto和jquery的md5加密插件

[javascript类库]zepto和jquery的md5加密插件相信很多人对jQuery并不陌生,这款封装良好的插件被很多开发者使用. zepto可以说是jQuery在移动端的替代产品,它比jQuery更轻巧,而且添加了移动端特有的tap等方法. 写这篇文章的目的是:在jQuery和zepto的扩展中,我发现两者有不一样的地方,将jQuery插件迁移到zepto是,需要注意这些不一样. jQuery参考官方文档:http://jquery.com/ 或者jquery中文文档:http://…

一些JS库汇总

作者:wlove 链接:https://www.zhihu.com/question/429436558/answer/2348777302 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 编辑器 ace:Ace ,即 Ajax.org Cloud9 Editor. CodeMirror:一个浏览器端的代码编辑器,用 JS 实现. esprima:用于多用途分析的 ECMAScript 解析器. quill:一个带有 API 的跨浏览器富文本编辑器. mediu…

阅读jquery源码与js依赖加载的模块化！

阅读源码肯定是先下载有注释的源码我也是醉了,10309 行代码,在陆续续的一个月之内,看完了,虽有收获但收获不大, 直到又一次看jquery的github,怎么会有cmd????没听过使用jquery时候还要用requresjs啊,这是咋回事啊,jquery不是一个独立的js库么, 不过看着 src文件夹下的目录,倒是非常清晰,每个文件里面的文件代码也不多,研究代码也容易了然后看了下grunt 配置文件才明白, 原来jq的作者为了在开发的时候,分清楚jq的内部结构,用amd的方式进行模块化…

jquery——滚动条插件jscroll.js

一.效果如下点击“测试中奖纪录”弹出弹框.弹框中内容超出时显示滚动条. 二.代码部分 1.html结构 <body> <a href="javascript:;" id="bbb">测试中奖纪录</a>  <div class="tcbox" id="reward_info" style="display:none">…

js库写法

前言: 现在javascript库特别多,其写法各式各样,总结几种我们经常见到的,作为自己知识的积累.而目前版本的 JavaScript 并未提供一种原生的.语言级别的模块化组织模式,而是将模块化的方法交由开发者来实现.因此,出现了很多种 JavaScript 模块化的实现方式, 以 AMD 为例,该规范使用 define 函数来定义模块. define(factory(){ //模块化 }); 模块模式: 模块模式使用了 JavaScript 的一个特性,即闭包(Closures).现今流行的…

移动开发框架，Hammer.js 移动设备触摸手势js库

hammer.js是一个多点触摸手势库,能够为网页加入Tap.DoubleTap.Swipe.Hold.Pinch.Drag等多点触摸事件,免去自己监听底层touchstart.touchmove.touchend事件并且写一大堆判断逻辑的痛苦.hammer.js不但支持触摸屏设备的浏览器,在桌面浏览器上,也能将鼠标的点击当做触摸,方便开发人员在桌面浏览器上调试.这是一个专为触摸手势而生的js库,对有需要的朋友非常有帮助,奉上常用的一些方法调用文档. 使用方法: http://eightmedi…

现在流行什么 JS库/框架？

现在大家最感兴趣的 JS 库和框架是什么? jQuery 91.5% Underscore 38.6% AngularJS 28.5% Backbone 18.6% React 15.7% Knockout 5.5% Ember 4.6% Polymer 3.3% 项目中使用的 JS 库/框架是什么? jQuery 56.53% AngularJS 15.42% 只用原生不用库 11.13% React 8.14% Ember 3.21% Backbone 2.36% Underscore 1…

尝试封装自己的js库

学了js,用过jquery,然后想着让自己在js这一块有更深的提高,就想尝试着封装自己的js库,偶尔就添加自己想到的功能.有参考过其他大牛封装库的方法,不懂的地方也有借鉴过,但代码还是自己想,自己理解,自己实际敲打的,也会不断完善,修改自己的js库啦. // JavaScript Document /* author:mimeay/Chen Xiaochi email:mimeay@163.com qq:200909050 date:2013/11/9 */ (function() { wind…

移动开发框架，第【二】弹：Hammer.js 移动设备触摸手势js库

hammer.js是一个多点触摸手势库,能够为网页加入Tap.Double Tap.Swipe.Hold.Pinch.Drag等多点触摸事件,免去自己监听底层touchstart.touchmove.touchend事件并且写一大堆判断逻辑的痛苦.hammer.js不但支持触摸屏设备的浏览器,在桌面浏览器上,也能将鼠标的点击当做触摸,方便开发人员在桌面浏览器上调试.这是一个专为触摸手势而生的js库,对有需要的朋友非常有帮助,奉上常用的一些方法调用文档. 使用方法: 1 2 3 4 5 6 7 8…

【Zepto——简化版jQuery，移动端首选js库】的更多相关文章