简单有源码
文章平均质量分 75
swag_特约男演员
一个小丑啊,一个小丑罢了!
展开
-
如何在web端使用emoji进行输入
思路渲染好emoji列表,为每个emoji图标绑定点击事件。emoji是通过unicode16进行展示的,需要将其插入textarea或者input的innerhtml中才能展示出来。再将其赋值给value,这样value就包含了所有的输入内容。在点击插入emoji时,需要先获取textarea或input的innerhtml和光标位置。如果光标位置和innerhtml长度是相等的,说明是从后面插入,直接拼接字符串即可。如果不相等说明是从中间插入,需要先分割html再拼接字符串。注意重新设置光标位原创 2022-02-11 11:01:30 · 1421 阅读 · 0 评论 -
微信小程序tree下拉复选组件(带源码)
效果鸣谢感谢这位大佬的思路难点如何根据层级缩进,这里是根据indextree组件是自调用(递归)由于组件是递归渲染,导致平级非点击项数据为原始状态,这里把修改的状态放在map结构里。所以需要把collapse状态、checked状态记录在map结构里,每次折叠、点击操作需要根据map结构进行修正。checked:0未选中,1选中,-1有选中但未全选collapse: true折叠,false展开组件是递归调用的,所以不要在递归中频繁的setData最好是return一个值,最后在set原创 2021-11-18 09:34:25 · 4613 阅读 · 18 评论 -
微信小程序最新canvas2d手写签名
canvas2d效果注意canvas2d其实和web的canvas一样,可以参考web的canvas的apicanvas 2d 没有draw() 方法清空笔记可以使用clearRect()方法没有setFillStyle方法,只有fillStyle属性没有setStrokeStyle方法,只有strokeStyle属性没有setGlobalAlpha方法,只要有globalAlpha属性canvas初始化建议要设置宽、高,虽然有默认值但是实际需求不一定是这样源码(mpx框架)原创 2021-03-15 18:09:35 · 1452 阅读 · 4 评论 -
微信小程序自定义多项选择器
需求要多选怎么办?选择器有多列、单项但是就是没有多项,自己动手,丰衣足食!需要达到的效果在引入页面打印确认的值实现思路要有遮罩层,遮罩层和选择器不要嵌套,否则点击选择器可能会触发遮罩层事件。遮罩层是固定布局,布满整个屏幕;选择器是绝对布局,占屏幕的60%。选择器的工具条要固定,工具条下的选项要可以滚动。点击选项要可以选中,再次点击取消。点击工具条的取消,确定;点击遮罩层要有triggerEvent如何判断选项是否已经选中?这里我使用数组selectedArray要选择的选项就把原创 2021-03-04 16:47:54 · 1494 阅读 · 1 评论 -
微信小程序搜索关键字高亮和ctrl+f搜索定位实现
原理把需要高亮的字段,分割成数组,用wx:for 在<text>中遍历数组,判断当前的item等不等于keyword等于就高亮。注意事项关键代码这里以item.title字段为例什么时候分割?进入列表页时是没有筛选的状态,当在搜索框输入时就可以进行分割了。就是不管你输入关键字还是删减关键字都要分割并且是关键字有值的时候分割该字段分割成数组了,当关键字改变时怎么办?这就有一个问题了,没输入关键字时,item.title是字符串,遍历字符串进行循环。当你输入关键原创 2021-02-02 09:06:56 · 1489 阅读 · 2 评论