2017年11月6日

摘要: 移动端上拉加载下拉刷新,是一个很常见的web需求,下面结合自己的学习分享一下心得。 引用iscroll库 只有这个库可以返回滚动时的滚动距离。 在react组件生命周期中,监听scroll事件 在react组件生命周期中,componentDidMount里监听document的touchmove事 阅读全文
posted @ 2017-11-06 17:10 yoyodi 阅读(620) 评论(0) 推荐(0) 编辑

2017年10月13日

摘要: 一、css sprite 雪碧图 减少网络请求的压力 一是浏览器有一定的并发上限 二是网络延时,下载单个小图标的耗时远小时一次请求的网络延时 建议类似的图标合并 不建议大图标合并 提前加载图片 略微减少图片体积 参考: "css sprite对性能提升有多大 知乎" 二、base64 优点 base 阅读全文
posted @ 2017-10-13 18:44 yoyodi 阅读(799) 评论(0) 推荐(0) 编辑

2014年11月19日

摘要: margin负值权威指南 http://blog.163.com/zhengqi_sheng/blog/static/21432319120135494122645/处理浮动元素的对齐问题solution1、宽度自适应的元素放在上面。 右侧固定宽度元素放在下面左侧-----------------... 阅读全文
posted @ 2014-11-19 11:46 yoyodi 阅读(476) 评论(0) 推荐(0) 编辑

2014年11月18日

摘要: 1、$(":checked").change(function(e){ $("button").button($(":checked").length==1?"disable":"enable");} 阅读全文
posted @ 2014-11-18 18:41 yoyodi 阅读(91) 评论(0) 推荐(0) 编辑

2014年11月17日

摘要: 1、HBuilder 格式化代码快捷键--------------ctrl+shift+f2、ctrl+e ctrl+t ctrl+f是选中一行3、$video.playbackRate-----------播放速率 $video.paused -----------boolen 是否暂停 $v... 阅读全文
posted @ 2014-11-17 19:28 yoyodi 阅读(161) 评论(0) 推荐(0) 编辑

2014年11月14日

摘要: ---恢复内容开始---给input定义height、line-height就可以解决这个问题。---恢复内容结束--- 阅读全文
posted @ 2014-11-14 18:14 yoyodi 阅读(209) 评论(0) 推荐(0) 编辑

2014年11月10日

摘要: 1、css3中应用了伪类 :hover,鼠标位于a之上时,绝对定位下拉列表和宽度。但是没有定义left和top,列表会显示在标签a的下方。目前测试除了ie8,其他浏览器都没问题。2、伪元素::before和::after,表示在某个元素之前之后插入内容{content:"",transform:,}... 阅读全文
posted @ 2014-11-10 19:26 yoyodi 阅读(125) 评论(0) 推荐(0) 编辑

2014年11月7日

摘要: 1、对一个语义化的内部标签,应尽量避免使用className。比如分页、导航中的a标签。2、设置a标签的宽高,可防止缩进文字的时候丢失标签的宽高,以至于背景图无法显示。rgba在ie8中无法显示。3、样式表包括,基本样式表、特殊样式表(维护较多)和皮肤样式表。基本样式表包括重置浏览器样式4、减少标签... 阅读全文
posted @ 2014-11-07 18:16 yoyodi 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 1、无论在IE还是FF浏览器下 , width(实际的宽度)=padding+width(自定义的width)2、border:hidden ==border:none; hidden用于处理表格边框冲突的问题。3、background-color在IE下作用于content+padding 而在F... 阅读全文
posted @ 2014-11-07 18:06 yoyodi 阅读(270) 评论(0) 推荐(0) 编辑

导航