上一页 1 2 3 4 5 6 ··· 37 下一页
摘要: 本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单,来看看高保截图,如下图1 图1 需求的功能点如下: 用户点击抽奖,九宫格四周的图片顺时针依次闪烁,空转几圈。 请求接口,等接口有返回后最后对应的奖品闪烁,其他奖品不闪烁。 登录后,正中间的抽奖这个小方格点亮,未登录是灰色,这一点和抽奖无关,本文不 阅读全文
posted @ 2022-08-12 14:14 nd 阅读(643) 评论(0) 推荐(0) 编辑
摘要: 1. 需求 上次讲到lao虎机抽奖,通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画,本文介绍一种左右滚动的动画,原理是一样的,这里通过修改background-prosition-x来实现动画,同时也要注意奖品图片的尺寸问题,这里姑且叫 阅读全文
posted @ 2022-08-12 14:14 nd 阅读(1349) 评论(0) 推荐(1) 编辑
摘要: 本文介绍一个lao虎机抽奖动画的实现,lao虎机抽奖在各类商家营销活动中非常常见,这里主要介绍动画的实现过程,其他细节不做详细分析。 ps:lao虎机是敏感词,博客园的富文本和markdown编辑器都限制不允许出现,所以文章中的“老”字用拼音代替。 1. 需求 UI给到的蓝湖如下截图1 图1 三栏图 阅读全文
posted @ 2022-08-12 14:13 nd 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 1.需求 抽奖是各类营销活动中最常见的一种形式,本产品需求大致如下:转盘周围跑马灯交替闪烁,点击抽奖,大转盘旋转,调用接口获取抽奖结果,大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯 本需求要求跑马灯交替闪烁,那四周的跑马灯就不能是死的图片了,要用动画来实现,并且第奇 阅读全文
posted @ 2022-08-12 14:12 nd 阅读(577) 评论(0) 推荐(0) 编辑
摘要: 1.cookie的诞生 由于HTTP协议是无状态的,服务端的业务必须带用户状态,cookie的诞生最初就是为了存储web中的用户状态以及其他的相关状态,以方便服务器使用。比如是否用户第一次访问网站,用户是否登录等。Cookie目前最新的规范是RFC 6265,它是一个由浏览器和服务器共同协作实现的规 阅读全文
posted @ 2020-06-29 21:22 nd 阅读(712) 评论(0) 推荐(0) 编辑
摘要: 前端开发人员只要了解过vue.js框架可能都知道单文件组件。vue.js中的单文件组件允许在一个文件中定义一个组件的所有内容。这是一个非常有用的解决方案,在浏览器网页中已经开始提倡这种机制。但是不幸的是,这个概念自从2017年8月被提出以来,到现在没有任何进展,像是已经要消亡了一样。然而,深入研究这 阅读全文
posted @ 2020-05-29 14:52 nd 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 最近做一个项目中做一个竞猜游戏界面,游戏规则和彩票是一样的。在实现“机选一注”,“机选五注”的时候遇到数组的一些操作,例如产生['01', '02' ... '35']这样的数组,随机抽取不重复的元素重新组成数组等问题。回想这类问题在平时项目中遇到的机会非常多,何不归纳一下JavaScript数组的 阅读全文
posted @ 2020-05-24 15:17 nd 阅读(958) 评论(0) 推荐(3) 编辑
摘要: 很久以前看过一个老外写的帖子,JavaScript Puzzlers!,直译就是JavaScript难题,里面列举了44道JavaScript选择题,大部分都是让人摸不着头脑的题目,需要仔细琢磨一番才能得到正确答案。也有一些作者也没有解释清除,直接通过实验给出答案了。 这44个问题是在ECMA 26 阅读全文
posted @ 2020-04-26 10:57 nd 阅读(2143) 评论(16) 推荐(7) 编辑
摘要: 最近刷脸支付很火,老板们当然要追赶时代潮流,于是就有了刷脸支付这个项目。前端实现关键的技术是摄像头录像,拍照和人脸比对,本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。 1.摄像头 1.1 input获取摄像头 html5中获取手机上的图片,有两种方式,使用input, 阅读全文
posted @ 2020-04-16 14:03 nd 阅读(11612) 评论(60) 推荐(33) 编辑
摘要: 最近项目中要做一个领积分的效果,根据老板的描述,这个效果类似于支付宝蚂蚁森林里的领取能量。整体效果是就是在树周围飘着几个积分元素,上下滑动,类似星星闪烁,点击领取后,沿着树中心的位置滑动并消失,树上的能量递增,最后膨胀,变大一点。 1. 整体思路 首先想到基本轮廓是一个地球,周围半圆范围内围绕着好几 阅读全文
posted @ 2020-04-13 15:08 nd 阅读(2948) 评论(0) 推荐(8) 编辑
上一页 1 2 3 4 5 6 ··· 37 下一页