首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

微信小程序 – 80个实用的微信小程序项目实例

微信小程序的手势密码 WXCustomSwitch微信小程序自定义 Switch 组件模板 WeixinAppBdNovel微信小程序demo:百度小说搜索 shitoujiandaobu小程序:石头剪刀布(附代码说明...仿建行圆形菜单 xiaoxiaoxiao_lazyload实现微信小程序图片懒加载特效 kangaiduowei微信小程序:康爱多微商城:学习界面设计 tianmao_dazhuanpan小程序实现大转盘...weapp-wechat-nearby微信小程序-仿找事吧app附近三公里 bs精简版百思不得姐 WXBaiSi微信小程序版 百思不得姐 weapp-demo-breadtrip基于面包旅行 API 制作的微信小程序示例...GankCamp-WechatAPPgank.io (干货集中营) 微信小程序 版本 wechat-JD微信小程序仿京东首页 wechat-turntalbe-canvas用微信小程序开发的Canvas绘制可配置的转盘抽奖...针对微信小程序整合的一套UI库 wx-query微信小程序 仿jQuery插件 weapp-artand微信小程序 Artand WeiXin-SmallApps-Information微信小程序-仿今日头条

3.1K41

《Quartz 2D编程指南》电子签名、图片处理(水印、裁剪以及屏幕截图)、常见图形的绘制(饼图、柱状图、雪花、手势密码、画板)

Cocoa绘图代码本身使用Quartz来呈现内容。Cocoa只是添加了一个面向对象的接口,然而,Cocoa并没有为所有的Quartz行为提供类。...图片的裁截:圆形裁剪 5》自定义控件 1.2、quartz 2D在iOS开发中的价值 当使用uikit框架的普通控件无法实现需求的时候,可采用quartz 2D技术将控件内部的结构画出来 ,自定义UI...核心原理: 旋转特定的屏幕&Quartz2D】应用场景:采集电子签名iOS横屏电子签名下篇(内含demo源码)【核心原理: 只旋转特定的屏幕& Quartz2D】开发过程遇到的问题及解决方案 4.2 抽奖转盘...iOS抽奖转盘:概率抽奖算法 & 转盘算法 & 转盘主视图的实现思路 (从CSDN下载完整Demo) https://kunnan.blog.csdn.net/article/details/115653905...、cocoapods的Specs repo制作(using-pod-lib-create、private-cocoapods)。

72620

使用思维导图,来分析与设计代码的结构

我在讲课的时候,最大的感受就是学习前端开发最大的难点,不在于Js语言本身,而在于如何把UI设计图转化为抽象的代码,也就是分析与理解设计图中的需求。...-- --> 现在我在网上随便找一张UI设计图, ? 这是一个很普通的转盘抽奖,也许正在读这篇文章的你, 可以很轻松的把它做出来,也许你是一个前端新人,你甚至根本不知道要如何下手。...(3)写出伪代码; ? 现在大概的代码的逻辑就出来了; (4)改成prototype原型模式。不会?先写伪代码, ? (5)你公司使用ReactJs;依然是伪代码,演示思路嘛, ?...-- --> 到这一步,相信你已经看出来了,无论你使用什么,原生Js、jQuery、ReactJs、VueJs...,其实它们的实现思路都差不多。...JS,可以是jQuery,可以是原型模式、React或其它的什么; 4、经过前三步理清思路之后,再把伪代码写为真正的可以执行的代码

1.5K00

移动换H5 の 纯CSS3实现大转盘抽奖布局 by FungLeo

移动换H5 の 纯CSS3实现大转盘抽奖布局 by FungLeo 前言 本教程不涉及JS控制旋转部分,也不涉及后端输出抽奖结果部分.这篇教程讲的是如何去实现大转盘抽奖的布局....在制作转盘抽奖的时候,一般使用到的插件是jQueryRotate这款插件.网上有很多可以参考的教程.不再赘述....我们需要两个素材,一个是下面的转盘背景图片,一个是指针图片.图片素材如下: 转盘背景 转盘指针 上面的两张素材被微博图床自动转换为了JPG图片.我们在做的时候,可以管设计要两个类似的设计...本文默认引用我之前写的resert.scss和mixin.scss两个文件.一个是浏览器重置代码,一个是常用代码片混入代码.请在此获取《移动端系列博文基础reset.scss和mixin.scss》...引用mixin代码片段中的 旋转 代码.设定了8个旋转角度. 然后,八个奖项就会根据设定好的旋转角度,最终实现了本文第一张图片的那种我们所需要实现的效果.

2.5K20

京东开源了十二个抽奖组件!!!

又不知道大家有没有做过抽奖小程序呢? 想当年大师兄刚入行的时候,领导分配的第一个任务就是做一个九宫格抽奖程序,不仅要求中奖概率还要求中奖范围,更重要的是不能有人中奖!!!...介绍 NutUI Bingo 是由京东 NutUI 前端团队出品的一款抽奖组件库,用于快速开发营销活动和小游戏场景的抽奖玩法。...使用了当下极为先进的Vue3与TypeScript和NutUI 特点 一共包含 12 种抽奖组件 UI 设计基于京东 APP 10.0 视觉规范 官网提供详尽的文档和充足的代码示例 基于 Vue 3.0...,也支持 TypeScript,支持按需引入 便捷灵活的自定义设置 包含12种常见的抽奖组件 TurnTable 大转盘抽奖 Marquee 跑马灯抽奖 quareNine 九宫格抽奖 ScratchCard...nutui-bingo"; import "@nutui/nutui-bingo/dist/style.css"; createApp(App).use(NutBig).mount("#app"); 快速开发一个抽奖转盘

2.6K30

框架源码中用来提高扩展性的设计模式

实例:转圈抽奖 一样的,看了优秀框架的源码,我们自己也要试着来用一下,这里的例子是转圈抽奖。想必很多朋友都在网上抽过奖,一个转盘,里面各种奖品,点一下抽奖,然后指针开始旋转,最后会停留到一个奖品那里。...我们来分析下这个需求: 要转盘抽奖,我们肯定先要把转盘画出来。...我们写一点代码转盘动起来,需要一个运动效果 每转一圈我们需要加快速度,所以还需要控制运动的速度 通过上面的分析我们发现一个问题,转盘运动是需要一些时间的,当他运动完了需要告诉控制转盘的模块加快速度进行下一圈的运动...这种方式特别适合我们引入的第三方UI组件,有些UI组件自己封装了很多功能,但是并没有暴露出接口,如果我们要添加功能,又不能直接修改他的源码,最好的方法就是这样使用装饰器模式来扩展,而且有了装饰工厂之后...// 一个修改css的接口 $.css(); // jQuery叫css A.style(); // A框架叫style // 一个绑定事件的接口 $.on(); // jQuery

72531

Cocos2d-Lua 做一个活动转盘

这类活动你肯定见过 ---- 关于转盘类型的活动我相信大家多多少少都接触到了,很多的抽奖界面都是这类型的,今天这篇小文章就简单的总结一下我们游戏中需要实现这样一个效果的时候我们该怎样去做,...代码需要注意的点 ---- 1、我们不能让指针停止在两个区域之间的线上 2、往往结束转动之后我们还是需要做很多操作的,该怎么写 3、最简单的写法 针对上面三点我们也简单的说说...,我们只需要告诉我们封装的转动的代码,你需要停止在哪个位置 核心代码 ---- 下面的区域就是我们设置的区块,因为活动中奖概率这种一般都是后台设置好概率计算好中奖结果之后给你数据,你只需要展示一个效果就行...,因为这个概率是需要后台配置改变的,不会让移动端把这些写死的,就像很多人玩的王者荣耀一样,其实在点击了抽奖还没有执行抽奖动画之前其实你仔细看看都已经知道自己中了什么了,仔细看你的钻石或者金币刷新就知道了...cc.CallFunc:create(function() self:onEndAction(stopId) end) )) 最后,这是核心代码

1.6K30

微信小程序|抽奖转盘实战

问题描述 在抽奖的应用或小程序中,大多会采用一种常见的大转盘抽奖方式,这种方式能直观展现出这个抽奖活动的形式和内容,且能直接吸引人参与。那么这个功能是如何实现的呢? 效果图: ?...解决方案 (1)首先要实现这个大转盘的样式设计,通过canvas画布和animation动画来实现。(这两个api的用法小编在前面的实战文章有过讲解,感兴趣可以去看一看。)...wxml代码示例:                                                         <view  animation...中间的抽奖样式,实际上是由下面一个圆上面一个三角形进行重合来展现的,当然,这里也可以直接换成一张类似抽奖样式的图片更方便。...部分代码示例: //转盘 .canvas-container{ margin: 0 auto; position: relative; width: 300px; height

5.5K31

【游戏概率】游戏中的常见概率设计分析,游戏概率常用算法整理

博客主页:https://xiaoy.blog.csdn.net 本文由 呆呆敲代码的小Y 原创 学习专栏推荐:Unity系统学习专栏 游戏制作专栏推荐:游戏制作...最简单的代码执行方式就是直接使用APIRandom.Range(min,max)随机两数之间的中间数,然后跟预订的值作对比即可。...于是转盘这种设计就出来了,不是卖装备 ,是抽奖,能不能抽到看运气。每个方格里有不同的道具,有普通道具,也有中级道具,更有高级道具。...看起来每个格子(转盘)设计的大小,概率都一样,其实不是这样的,这只是看起来一样,具有视角欺骗性,最终还是按概率来。...简单代码方法如下,传入一个数组,打乱顺序即可。

4.1K30

Python使用numpy和pandas模拟转盘抽奖游戏

之前写过一个类似的代码,不过都是用的Python内置对象,详见几行Python代码模拟轮盘抽奖游戏,本文再提供一个使用numpy和pandas实现的代码。...问题描述:有时候饭店或商场会搞活动,门口一个转盘转盘被划分成多个不同面积的扇形,分别表示不同的奖品(一般价值越高的奖品对应的扇形面积越小),上面有个指针,用力转动转盘然后慢慢停下来,指针所指的扇形就是所中奖项...模拟思路:把转盘归一化,把从0到1的区间划分为多个小区间,分别对应不同的扇形或奖品,然后生成0到1之间的随机数,按其所属区间来确定奖品。 技术要点:pandas的cut()函数。 参考代码: ?

2.4K80
领券