摘要： 前言 在最近遇到一个新的项目需求，在我们的首页区一个模块展示一个中国地图，并特别标注指定的地区进行轮播展示~ 现在给大家分享一下，我的搬砖历程... 此次需求使用 uni-app H5端实现 Part.1 效果展示 Part.2 代码构思 首先接到这个需求，我的脑海中就出现了 Echarts，这个大 阅读全文

摘要： 前言 在 Canvas 中我们常常遇到的一个需求 绘制一个圆形或者一个圆角矩形图像，常用于展示用户头像，我们知道 CSS 有 border-radius 属性，但是 Canvas 是没有的~😂 很尴尬，我们就来瞅瞅怎么整出一个圆形头像~ Part.1 效果 圆形头像 圆角矩形 Part.2 原理 阅读全文

摘要： 前言 将时间转化为 几秒前、几分钟前、几小时前... 是一个比较常见需求，常用于新闻之内的。这个我们就不做讨论了 0.0~ 今天说说我遇到的一个问题： 为什么转化的时间在编辑器上是正常的，IOS手机上面就会变成 NaN ？what~ Part.1 效果 编辑器效果 真机效果 Part.2 问题原因 阅读全文

摘要： 前言 在 uni-app 开发中遇到一个二级联动的需求，使用 picker 组件实现时遇到一点问题。 特此记录一下~ Part.1 效果 Part.2 遇到问题 由于官方对此组件用法已经介绍 ( https://uniapp.dcloud.io/component/picker ) 的很详细了，我就 阅读全文

摘要： 前言 在 uni-app 开发中 scroll-view 组件用到几率也是比较大滴，存在问题主要是：点击子元素，子元素在什么位置展示？ 今天我们来好好总结一下 0.0~ Part.1 可能出现的需求 效果一：当前点击子元素靠左展示 效果二：当前点击子元素靠左留一展示 效果三：当前点击子元素居中展示 阅读全文

摘要： 前言 在小程序的开发中，实现长列表的数据展示和切换，一般都会选择 swiper 和 scroll-view 配合实现，原因无他，个人觉得就是用户体验好，开发快速、方便，但也不是毫无诟病 比如很棘手的问题： swiper 的高度问题 Part.1 需要实现的需求 Part.2 实现步骤 上面展示的效果 阅读全文

摘要： 前言 Canvas 实现分享海报，这个需求现在已经非常多见了。因为它方便用户分享是一个很好的产品推广方式。 我也写过了好几次这个需求了，不同需求会遇到一些不同的问题。所以我写了一个 Demo 来总结一下我遇到的问题，希望别的小伙伴们可以避坑，同时如果小伙伴遇到我这里没提到的问题也欢迎小伙伴们给我说一 阅读全文

摘要： 定义 事件传递有两种方式：冒泡 与 捕获 事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中，用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢？ 在 冒泡 中，内部元素的事件会先被触发，然后再触发外部元素，即： <p> 元素的点击事件先触发，然后 阅读全文

摘要： 参考 阮一峰老师 博客，个人觉得非常详细，易懂~ http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 阅读全文

摘要： Part.1 问题 date-picker 组件在使用时，默认对时间是没有限制的，可以随便选择区间，官方文档添加了快捷选项，如：一周丶一月... 但是从用户体验方面出发，我们还是希望对时间进行有利的把控，如 我们的开始时间选定后，结束时间的可选区间应该大于或者等于开始时间，反之同理 Part.2 实 阅读全文