摘要: ###隐藏原生html5 video controls [凤凰视频焦点][1]项目mobile html5播放器测试时bug,由于没有用原生的controls而是自己写的custom controls,虽然设置了controls的值为false,但实际情况是比如暂停还是存在,导致与custom的重叠... 阅读全文
posted @ 2015-01-27 23:56 NancyChan 阅读(19263) 评论(1) 推荐(0) 编辑
摘要: [jQuery各个版本齐全的api][1]在线编辑器[codepen][2] [1]: http://oscarotero.com/jquery/ [2]: http://codepen.io/ 阅读全文
posted @ 2015-01-14 00:37 NancyChan 阅读(199) 评论(0) 推荐(0) 编辑
摘要: - 元素包含[contains][4]基本兼容用法`node.contains( otherNode ) `[compareDocumentPosition][5]感觉比较奇怪,据说是这样> The Node.compareDocumentPosition() method compares the... 阅读全文
posted @ 2015-01-14 00:04 NancyChan 阅读(395) 评论(0) 推荐(0) 编辑
摘要: ###最近接手凤凰焦点的业务,首先做的现有线上业务梳理,接着是拆分模块.页头部分有些争议.假设把页头做成一个组件,pc端因为不能页面加载的差不多了页头才突兀的出来一是体验不好,还有不利于seo,最终决定还是做成组件但是dom结构扔在页面,脚本往里面塞数据.----------------------... 阅读全文
posted @ 2014-12-23 18:59 NancyChan 阅读(268) 评论(0) 推荐(0) 编辑
摘要: #git stuff----------###trickgit bash 无法标记复制解决办法git bash窗口左上角图标点击,选择`属性`->`选项`->`快速编辑模式` 确定就ok了### Usual Commands创建分支`git branch branch-name``git push ... 阅读全文
posted @ 2014-12-10 22:17 NancyChan 阅读(212) 评论(0) 推荐(0) 编辑
摘要: # solar system by HTML5 星际穿越感觉很炫酷啊,网易貌似做了个专题在朋友圈挺火的.用canvas模拟太阳系,嗯,不错昂!代码及效果See the Pen GgpRjN by NancyChan (@NancyChan) on CodePen.其实很常见的[示例代码](http... 阅读全文
posted @ 2014-11-29 19:20 NancyChan 阅读(371) 评论(0) 推荐(0) 编辑
摘要: ------ **css3** 实现翻页卡片 应用场景挺多的,比如产品信息展示效果如下[jsfiddle demo](http://jsfiddle.net/NancyChan/2b697oua/)> * transform> * perspective> * backface-visibility... 阅读全文
posted @ 2014-11-28 10:57 NancyChan 阅读(1367) 评论(0) 推荐(0) 编辑
摘要: ##canvas 效果麦当劳40周年纪念日###效果图 ![](http://images.cnitblog.com/blog/492783/201411/270946578099498.png)[McDonald's 40th Anniversary](http://40together.razo... 阅读全文
posted @ 2014-11-27 09:50 NancyChan 阅读(235) 评论(0) 推荐(0) 编辑
摘要: # css3 record2------css3 3D旋转效果需理解[`transform`](http://www.w3.org/TR/css-transforms-1/)css3知识:> * keyframes> * transform> * perspective[jsfiddle demo]... 阅读全文
posted @ 2014-11-26 19:03 NancyChan 阅读(564) 评论(0) 推荐(0) 编辑
摘要: # css3 record1------尝试用css写了个箭头效果思路就是通过`span`和`span`子元素`i`分别通过设置他们的伪元素构造两个箭头,但是`i`构造的箭头两条线`height`都是0,`hover`的时候渐近的动画效果就是`i`箭头的高度变化而来的,还有`rotate`相同的角度... 阅读全文
posted @ 2014-11-25 16:37 NancyChan 阅读(6599) 评论(0) 推荐(0) 编辑