随笔分类 - 库/框架/插件
摘要：为了获取客户、回馈客户，平台一般会推出抽奖活动类的营销页。因此web页面中，有各式各样的抽奖效果。 格子式(九宫格)，背景滚动式(数字/文字/图案)，旋转式(转盘)，游戏式(砸蛋/拼图...)...... 这里来讲解下转盘抽奖效果。 当用户进入这个抽奖页面时，一般会“华丽”的设计所吸引，虽然明知中奖
阅读全文
摘要：在移动web，特别是在微信中，经常看到一种翻页动画效果，也称为场景动画。 一页一页的翻过，像在看书，每页的内容以各种"炫酷"的效果出现在你的眼里，配上一首动听的音乐，你有没有喜欢上呢。 这里没有音乐，没有炫酷的出场，只有实实在在的翻页。 先看看效果（如果不能查看复制下面的代码保存在本地查看...
阅读全文
摘要：在web开发中经常会用到像alert这样的弹出消息，每个浏览器自带的消息弹出框都不相同。为了统一外观，实现自定义的功能，动手写一个弹出框插件。 对弹出框的实现要求如下： 1. 仿照IOS系统弹出外观 2. 自定义按钮文字 3. 宽高自适应(有最小宽、最大宽限制) 4. 实现弹出框关闭（前、后）的回调
阅读全文
摘要：1. 加载require.js文件 2. 加载主模块文件 通过标签设置data-main="js/main"加载主模块文件。 3. 异步加载require.js文件 设置defer async="true"实现多个浏览器兼容异步加载。 4. 路径配置 在main.js的顶部加入下面的...
阅读全文
摘要：Backbone.Router（路由）/ Backbone.history（历史） Backbone.Router为客户端路由提供了许多方法，并能连接到指定的动作（actions）和事件（events）。 对于不支持 History API 的旧浏览器，路由提供了优雅的回调函数并可以透明的进行...
阅读全文
摘要：Backbone.View（视图） 视图的核心是处理数据业务逻辑、绑定DOM元素事件、渲染模型或者集合数据。 添加DOM元素 renderview.render()render默认实现是没有操作的。 重载本函数可以实现从模型数据渲染视图模板，并可用新的 HTML 更新this.el。 推荐...
阅读全文
摘要：Backbone.Collection（集合） collection是model对象的一个有序的组合，我们可以在集合上绑定 "change" 事件，从而当集合中的模型发生变化时fetch（获得）通知，集合也可以监听 "add" 和 "remove" 事件， 从服务器更新，并能使用 Unders...
阅读全文
摘要：Backbone.Model（模型） Models（模型）是任何Javascript应用的核心，包括数据交互及与其相关的大量逻辑： 转换、验证、计算属性和访问控制。Model在Backbone中为数据模型，是最基础，最根本的数据基类。 创建一个模型对象 extendBackbone.Mod...
阅读全文
摘要：Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESRful JSON接口连接到应用程序。 Backbone....
阅读全文
摘要：Underscore一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 中文API：http://www.css88.com/doc/unders...
阅读全文