2017 年 9月随笔档案 - 梦幻飞雪

摘要：左滑删除功能完整代码如下：（touch.js）效果图：阅读全文

posted @ 2017-09-26 18:20 梦幻飞雪阅读(316) 评论(0) 推荐(0)

摘要：touch.js——常见应用操作基本事件： touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 touchcancel //触摸过程被系统取消时触发（少用）一、事件绑定（常用，重要） touch.on( e 阅读全文

posted @ 2017-09-26 10:19 梦幻飞雪阅读(5260) 评论(0) 推荐(0)

常用链接

摘要：常用链接微信小程序：教程系列 http://blog.csdn.net/column/details/14653.html 100个经典h5： http://www.zcool.com.cn/work/ZMTk1NTk0MjQ.html 在线剪裁工具： clippy 是一个在线的路径裁剪工具，可以阅读全文

posted @ 2017-09-25 18:06 梦幻飞雪阅读(152) 评论(0) 推荐(0)

如何判断滚动条已到达底部

摘要：如何判断滚动条已到达底部转载：http://www.cnblogs.com/winyh/p/6715010.html 判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clien 阅读全文

posted @ 2017-09-19 16:11 梦幻飞雪阅读(1605) 评论(0) 推荐(0)

前端如何优雅的选择字体

摘要：前端如何优雅的选择字体选自：https://segmentfault.com/a/1190000006110417 大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：阅读全文

posted @ 2017-09-15 21:18 梦幻飞雪阅读(568) 评论(0) 推荐(0)

纯css3打造瀑布流布局

摘要：纯css3打造瀑布流布局原理： 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免元素内部断行并产生新列注意: Internet Explorer 9及更早 I 阅读全文

posted @ 2017-09-15 12:01 梦幻飞雪阅读(2238) 评论(0) 推荐(0)

移动端软键盘监听（弹出，收起），及影响定位布局的问题

摘要：移动端软键盘监听（弹出，收起），及影响定位布局的问题一：移动端软键盘监听（弹出，收起）参考：链接一链接二 1.监听resize ( Android） 140是一个预估值的阀值，用来排除其他的resize操作。仅resize的高度差大于140时，才被识别为软键盘交互，否则不是。如浏览器的工具栏阅读全文

posted @ 2017-09-13 12:27 梦幻飞雪阅读(21586) 评论(0) 推荐(0)

jq获取图片的原始尺寸，自适应布局

摘要：原理： each（）遍历，width（）、height（）获取宽高， load（）根据图片初始比例和图片容器的宽高比例做自适应（全部铺满容器）注意：由于页面加载完了，但图片不一定加载完了，所以直接通过 $("img").width()，$("img").height() 是无法稳定获取到img 阅读全文

posted @ 2017-09-09 10:41 梦幻飞雪阅读(3614) 评论(0) 推荐(0)