ansheng02的博客

原创 小程序自定义组件化开发——思维导读（待完善）

原创 小程序——flex布局总结

本来题目写的是flex布局详解，突然觉得很不合适，还是我的个人总结吧。关于小程序对flex布局的友好支持，我是不用多说了，本篇文章主要讲我个人在开发过程中，对flex的总结，已整理成了思维导图。关于flex的布局实现是在我的项目里，暂时先不放出来，大概再有一个星期左右，这个项目完成后，我再来具体的写项目实现总结，并会放出自己的源码及小程序二维码。下一篇是关于组件开发的总结，预计是今天下...

原创 小程序搜索吸顶——《旧岛》（onPageScroll）

昨天听了七月老师的直播，我录屏了，整个直播是两个小时三十七分钟四十二秒。全程的直播着重讲了程序员的自我发展，最后讲了下技术的发展，这个直播我会在明天或者后天整理出来，作为自己前进的一项总结。 昨天下午开始学习七月老师的《旧岛》项目，这个我决定自己先写一遍，然后再听课、看源码、找不足。本篇是我自己在写《旧岛》项目时，关于搜索栏吸顶的记录。 很久不写...

原创 swiper组件实现tab——内容切换、动态数据请求、加载（续）——通过监测手指滑动实现导航吸顶

这篇文章是swiper组件实现tab——内容切换、动态数据请求、加载的续篇，主要内容是通过监测手指滑动方向来实现导航吸顶及归位。本篇文章是我在项目实现中的总结，本篇实现了在移动端监测手指滑动情况，通过上拉下滑检测与顶部的距离，实现导航吸顶及顶部轮播图的显示与隐藏。// 监测手指滑动事件$("body").on("touchstart", function(e) { // 判断...

原创 canvas绘制分享商品海报——已完成

记一次canvas经验，本次绘制生成分享海报，用到了绘制多张图片、绘制文字（颜色、换行显示）、绘制线条（颜色、粗细）、绘制圆形图片等。以下的代码是需要写在draw函数里的//html <canvas id="myCanvas" width="1000" height="1200">该浏览器不支持生成分享图片</canvas> //jsfunction ...

原创 jQuery返回顶部——记录

基本操作引包$().ready(function() { var $window = $(window); var $backTop = $('<div class="back-top"><i class="iconfont icon-top"><\/i><\/div>').appendTo("body"); ...