yoyodi

react + iscroll上拉加载下拉刷新分享

摘要：移动端上拉加载下拉刷新，是一个很常见的web需求，下面结合自己的学习分享一下心得。引用iscroll库只有这个库可以返回滚动时的滚动距离。在react组件生命周期中，监听scroll事件在react组件生命周期中，componentDidMount里监听document的touchmove事阅读全文

posted @ 2017-11-06 17:10 yoyodi 阅读(653) 评论(0) 推荐(0)

盘点网页图标几种解决方案

摘要：一、css sprite 雪碧图减少网络请求的压力一是浏览器有一定的并发上限二是网络延时，下载单个小图标的耗时远小时一次请求的网络延时建议类似的图标合并不建议大图标合并提前加载图片略微减少图片体积参考： "css sprite对性能提升有多大知乎" 二、base64 优点 base 阅读全文

posted @ 2017-10-13 18:44 yoyodi 阅读(856) 评论(0) 推荐(0)

宽度自适应布局

摘要： margin负值权威指南 http://blog.163.com/zhengqi_sheng/blog/static/21432319120135494122645/处理浮动元素的对齐问题solution1、宽度自适应的元素放在上面。右侧固定宽度元素放在下面左侧-----------------... 阅读全文

posted @ 2014-11-19 11:46 yoyodi 阅读(480) 评论(0) 推荐(0)

jqueryUI

摘要： 1、$(":checked").change(function(e){ $("button").button($(":checked").length==1?"disable":"enable");} 阅读全文

posted @ 2014-11-18 18:41 yoyodi 阅读(96) 评论(0) 推荐(0)

11

摘要： 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 阅读(167) 评论(0) 推荐(0)

input与文字对齐

摘要： ---恢复内容开始---给input定义height、line-height就可以解决这个问题。---恢复内容结束--- 阅读全文

posted @ 2014-11-14 18:14 yoyodi 阅读(232) 评论(0) 推荐(0)

css3导航列表

摘要： 1、css3中应用了伪类：hover，鼠标位于a之上时，绝对定位下拉列表和宽度。但是没有定义left和top，列表会显示在标签a的下方。目前测试除了ie8，其他浏览器都没问题。2、伪元素::before和::after，表示在某个元素之前之后插入内容{content:"",transform:,}... 阅读全文

posted @ 2014-11-10 19:26 yoyodi 阅读(128) 评论(0) 推荐(0)

前端开发笔记

摘要： 1、对一个语义化的内部标签，应尽量避免使用className。比如分页、导航中的a标签。2、设置a标签的宽高，可防止缩进文字的时候丢失标签的宽高，以至于背景图无法显示。rgba在ie8中无法显示。3、样式表包括，基本样式表、特殊样式表(维护较多)和皮肤样式表。基本样式表包括重置浏览器样式4、减少标签... 阅读全文

posted @ 2014-11-07 18:16 yoyodi 阅读(121) 评论(0) 推荐(0)

css

摘要： 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 阅读(274) 评论(0) 推荐(0)

导航

公告