摘要: 在浏览器中要实现原生的滑动效果以前需要借助第三方的iscroll库来实现,现在我们有了-webkit-overflow-scrolling: touch;可以让我们的webApp像原生应用一样流畅的滑动了,但是在IOS 的safari下会出现讨厌的(scroll bounce)“橡皮筋”效果,我们不... 阅读全文
posted @ 2016-01-13 09:27 胖子2 阅读(7027) 评论(2) 推荐(0)
摘要: Angular也强大,也有很多坑,用这篇文章来记录所有遇到的问题问题一:ui-router, ui-sref使用'{{}}'表达式无法正确生成url下面products.list 的state要传递一个参数,该参数从服务器中获取,这里写成 {{brandClass}},生成的url是不带参数的 ... 阅读全文
posted @ 2015-11-20 11:09 胖子2 阅读(244) 评论(0) 推荐(0)
摘要: Angular scope 使用的一些问题总结在AngularJS中,child scope一般通过原型式继承自它的parent scope。(directive的scope属性为{...}的情况除外,因为它会创建独立的scope)。在指令中,默认使用的是parent scope,这意味着在指令中改... 阅读全文
posted @ 2015-11-20 01:22 胖子2 阅读(1004) 评论(0) 推荐(0)
摘要: State Manager.$stateProvider 和angular的router功能相似,但它只关心状态(state)的变化一个最简单的state形式如下所示: // in app-states.js (or whatever you want to name it)$stateProvi... 阅读全文
posted @ 2015-11-13 01:34 胖子2 阅读(342) 评论(1) 推荐(1)
摘要: 本文翻译自:$parsers and $formatters in Custom Validation Directives in Angular JS在使用angularJS的应用中,有时候我们需要定义自己的表单验证。自定义验证在angularJS中是通过创建指令来实现的,该指令依赖于ng-mod... 阅读全文
posted @ 2015-11-09 14:21 胖子2 阅读(943) 评论(0) 推荐(0)
摘要: module.exports = function (grunt){ // laod all grunt tasks automatically require('load-grunt-tasks')(grunt); // time how long grunt task take, can hel... 阅读全文
posted @ 2015-10-31 22:22 胖子2 阅读(227) 评论(0) 推荐(0)
摘要: 对于高频率执行执行事件(如 scroll, resize 等),每动一像素就执行一次回调,如果回调非常复杂,对于性能损耗是比较严重的,有时候甚至会造成浏览器假死,因此有必要对事件回调进行延迟执行,看underscore 是如何处理的_.debounce = function (func, wait,... 阅读全文
posted @ 2015-10-22 14:56 胖子2 阅读(260) 评论(0) 推荐(0)
摘要: 废话不多说,直接上代码var handlers = {}, bind = (function (){ if(window.addEventListener){ return function (el, type, callback, capture){ ... 阅读全文
posted @ 2015-10-22 11:38 胖子2 阅读(1579) 评论(0) 推荐(0)
摘要: AngularJS引入了很多新的概念,再学习之前有必要总体的了解一下这些概念Template模板--HTML模板Directive指令--自定义的属性或HTML元素对HTML进行扩展Model模型--用户在视图(view)中看到并与之交互的数据Scope作用域--Model存储的环境,通过它控制器,... 阅读全文
posted @ 2015-10-20 23:54 胖子2 阅读(207) 评论(0) 推荐(0)
摘要: 申明: 本文参考 结一老师的文章css中如何做到容器按比例缩放核心思想:给目标元素设置一个容器,设置高度为0,用垂直padding(百分比)来撑开高度,因为padding设置百分比时是基于容器的width属性的,我们再给目标元素设置绝对定位和100%宽高即可。实现一个16:9的视频demo代码如下:... 阅读全文
posted @ 2015-10-20 10:59 胖子2 阅读(1645) 评论(0) 推荐(0)