摘要：
由于拥有内部HTML内容，所以设置指令的transclude 属性为true。模板使用ng-transclude 指令来声明对应的显示内容。由于模板中只有一个元素，所以没有设置其他选项。
代码中最有趣的部分是link 方法。它在参数element具有id时启作用，如果没有，会依据指令的 Scope自动创建ID。一旦元素拥有了ID值，方法将通过jQuery来选择具有"accordion-toggle"类的子元素并且设置它的 "data-parent" 和 "href" 属性。最后，通过寻找“accordion-body” 元素，并且设置"collapse" 属性。
指令同时声明了一个拥有空方法的controller 。声明controller 是必要的，因为Accordion会包含子元素，子元素将检测父元素的类型和controller 。 阅读全文
posted @ 2014-05-21 14:53
孙首富
阅读(257)
评论(0)
推荐(0)
摘要：
ios 系统
默认中文字体是STHeiti(苹果黑体)
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体
android 系统
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体
winphone 系统
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
无微软雅黑字体 阅读全文
posted @ 2014-05-21 13:22
孙首富
阅读(184)
评论(0)
推荐(0)
摘要：
传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同、版本不同，导致有部分机型不支持对弹性滚动，从而在开发中制造了所谓的 BUG。 阅读全文
posted @ 2014-05-21 11:39
孙首富
阅读(298)
评论(0)
推荐(0)
摘要：
解决：
需要将子元素设为绝对定位。
3、fixed定位需要慎用。
问题：
在ios系统的浏览器中，页面加载时偶尔会出现抖动情况。
解决：
使用绝对定位或flexbox模拟解决。 阅读全文
posted @ 2014-05-21 11:25
孙首富
阅读(407)
评论(0)
推荐(0)
摘要：
易观智库的一个报告指出，2013年中国移动互联网网民规模达6.52亿，其中70.1%的用户使用安卓手机，26.1%的用户使用苹果手机。高收入网民中，有一半以上都是用IOS系统，这个比重在低收入群体中只占17.71%。中低收入网民多使用安卓系统的手机，占比分别为66.67%和76.09%。 阅读全文
posted @ 2014-05-21 11:01
孙首富
阅读(541)
评论(0)
推荐(0)
摘要：
如果你确定重绘在页面上大面积发生或者花了很长时间，你可以有两种做法解决：
1.试着去改变页面的layout来减少重绘的数量。一般情况下Chrome只会重绘一次那些可见的页面区域还有滚动时的可见区域。有些情况下Chrome不得不去重绘某些区域，例如经常用来固定导航条的样式position：fixed，就会导致这种重绘。
2.如果你不想改变页面layout，你可以试着去减少重绘的发生。并不是所有的样式的重绘开销都一样，有的影响大，有的小。利用Elements面板来记录不同样式所带来的开销，从中做出比对，选择合适的样式应用到元素中。 阅读全文
posted @ 2014-05-21 10:47
孙首富
阅读(302)
评论(0)
推荐(0)
摘要：
CORS系统基本上可以让服务器暴露给其它域上文件的Ajax调用。这是一个伟大的功能，我希望更多的服务能够使用它。”在这篇文章介绍的实现方式里，我们可以自由的使用自己本域的JS代码通过Ajax来调用Face.com的API，这是一种很美妙的方式，而在以前我们很难做到这一点。 阅读全文
posted @ 2014-05-21 09:27
孙首富
阅读(520)
评论(0)
推荐(0)
浙公网安备 33010602011771号