zepto

Backbone.js + Zepto.js examples

由 房东的猫 提交于 2019-12-01 23:23:14
I am looking for an example set that utilizes Backbone.js + Zepto.js to build Mobile Web Application. You can get simple example in this link. http://trigger.io/cross-platform-application-development-blog/2012/03/02/how-to-build-fast-html5-mobile-apps-using-backbone-js-zepto-js-and-trigger-io/ 来源： https://stackoverflow.com/questions/9737826/backbone-js-zepto-js-examples

转： zepto的使用方法

由 為{幸葍}努か 提交于 2019-12-01 15:59:11
有些不了解zepto的同学在刚接触的时候肯定有很多疑惑，这个东西怎么用啊，去哪里下载啊，什么时候该用什么时候不该用啊，其实我以前也是这样的。jquery使用多了那么就让我们一起来了解下zepto把。 在移动端用不着pc端兼容难么多的浏览器，所以就有了zepto.js，如果此时用jquery的话就有些重了，现在pc端可以使用jquery，但是反过来的话pc端如果用zepto,js的话就不怎么兼容ie浏览器了。 这个库几乎和jquery 一样。使用上没什么区别，用法一样，可以理解为zepto.js仿照的jquery. 绑定事件和jquery一模一样，用下面这个改变背景色的小例子来说明一下↓ 此时的用法和jquery，只需要引入zepto文件即可。 但是zepto也不完全和jquery一样，在zepto里面有些功能是默认没有的，比如说animate方法,此时如果想用的话需要在zepto里面增加一个fx模块。因为zepto是基于模块来管理的（将某些特定的功能独立出来形成一个单独的js文件，称为模块）。 之所以采用模块的方式是因为为了提高性能，需要哪个模块的功能就添加哪个模块。 zepto默认是有五个模块的，分别为zepto、event、ajax、form、ie，这五个模块被称为核心模块。 下面这张图是zepto里面的所有模块。 那么如何在zepto里面增加和删除模块呢？ 1

How to implement my own history stack in a single page mobile web application?

由 妖精的绣舞 提交于 2019-11-30 11:27:28
问题 I have a single-page mobile application developed with Backbone and Zepto. It works correctly with the back/forward buttons in the browser. When the user navigates to a page, the new content slides in from the right as the old contents slides away to the left (and out of the viewport). I want the same thing to happen if the user presses the "forward" browser button. This all works. I've got a class that I add to the body element navigate-back that will flip this behaviour, so when the user

How to implement my own history stack in a single page mobile web application?

由 只愿长相守 提交于 2019-11-30 00:09:14
I have a single-page mobile application developed with Backbone and Zepto. It works correctly with the back/forward buttons in the browser. When the user navigates to a page, the new content slides in from the right as the old contents slides away to the left (and out of the viewport). I want the same thing to happen if the user presses the "forward" browser button. This all works. I've got a class that I add to the body element navigate-back that will flip this behaviour, so when the user navigates back with the browser's back button, they see the content sliding back in from the left and the

html5 商品分类页面效果zepto

由 徘徊边缘 提交于 2019-11-29 21:34:44
点击左边容器条目,右边列表对应的内容置顶显示,滑动右边的列表,左边容器的对应的标题高亮显示。 效果图如下： 代码： <!doctype html> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> <meta name="format-detection" content="telephone=no"/> <meta http-equiv="x-dns-prefetch-control" content="on"/> <title>分类</title> <script type="text/javascript" src="http://cdn01.weipaitang.com/res/js/zepto.js?v=0.9.1.58"></script> <script type="text/javascript"> !function () { function a() { var clientWidth = document.documentElement.clientWidth > 640 ? 640 :

Zepto fallback to jQuery

由 让人想犯罪 __ 提交于 2019-11-29 20:58:28
I'm using ZeptoJS for my web app, but I'd like to fall back to jQuery if the browser doesn't support Zepto. Since IE is the only major browser not supported at the moment, I'm tempted to detect IE: if(navigator.appName == 'Microsoft Internet Explorer'){ // load jquery } else { // load zepto } but I'd prefer to specificly detect Zepto support and use jQuery in other cases. Is there a feature detection way to do this? This might be a crazy idea (I'm not sure if Zepto will even load on an unsupported browser), but what about using Zepto's own browser detection to see if it's on an unsupported

移动端日期选择，下拉框选择效果

由 被刻印的时光 ゝ 提交于 2019-11-29 18:48:46
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WeUI</title> <!--必须--> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <!--引入css样式文件--> <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.css"/> </head> <body> <div class="page"> <div class="page__hd"> <h1 class="page__title">Picker</h1> <p class="page__desc">多列选择器，需要配合js实现</p> </div> <div class="page__bd page__bd_spacing"> <a href="javascript:;" class="weui-btn weui-btn_default" id="showPicker">单列选择器</a> <a href="javascript:;" class="weui-btn weui-btn

最全前端面试集合 （1）

由 。_饼干妹妹 提交于 2019-11-29 11:44:50
javascript对象的几种创建方式 1，工厂模式 2，构造函数模式 3，原型模式 4，混合构造函数和原型模式 5，动态原型模式 6，寄生构造函数模式 7，稳妥构造函数模式 下载资源： www.yinxiangit.com javascript继承的6种方法 1，原型链继承 2，借用构造函数继承 3，组合继承(原型+借用构造) 4，原型式继承 5，寄生式继承 6，寄生组合式继承 异步加载和延迟加载 1.异步加载的方案： 动态插入script标签 2.通过ajax去获取js代码，然后通过eval执行 3.script标签上添加defer或者async属性 4.创建并插入iframe，让它异步执行js 5.延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的。 请解释一下 JavaScript 的同源策略。 概念:同源策略是客户端脚本（尤其是 Javascript ）的重要的安全度量标准。它最早出自 Netscape Navigator2.0 ，其目的是防止某个文档或脚本从多个不同源装载。 这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。 指一段脚本只能读取来自同一来源的窗口和文档的属性。 为什么要有同源限制？ 我们举例说明：比如一个黑客程序，他利用 Iframe 把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名

'Access-Control-Allow-Origin' error in Spring MVC + Zepto POST

由 末鹿安然 提交于 2019-11-29 10:58:59
I'm trying to POST a JSON object to my Spring MVC controller, but I only receive an Access-Control-Allow-Origin error. My controller: @RequestMapping(value= "/add", method = RequestMethod.POST, headers = {"content-type=application/json"}) public @ResponseBody Reponse addUser(Model model, @RequestBody @Valid @ModelAttribute("user") User user, BindingResult result) { if (result.hasErrors()) { Reponse error = new Reponse(); // etc...... return error; } else { return service.addUser(user); } } My Zepto POST: this.addUser = function (valeur, callback) { $.ajax({ type: 'POST', url: 'http://127.0.0.1

zepto等源码学习

由 时光怂恿深爱的人放手 提交于 2019-11-29 08:39:30
underscore代码学习 underscore是一个函数式的js工具库，如果用不上template等地方，可以用lodash.js替代 template 看应用 var compiled = _.template("hello: <%= name %>"); compiled({name: 'moe'}); => "hello: moe" var compiled = _.template("<% print('Hello ' + epithet); %>"); compiled({epithet: "stooge"}); => "Hello stooge" _.template = function(text, settings, oldSettings) { if (!settings && oldSettings) settings = oldSettings; settings = _.defaults({}, settings, _.templateSettings); // Combine delimiters into one regular expression via alternation. var matcher = RegExp([ (settings.escape || noMatch).source, (settings.interpolate ||
订阅 zepto