摘要: 08年毕业就开始接触javascript,当时是做asp.net发现很多功能用asp.net控件解决不了,比如checkbox单选,全选问题,自动计算总价问题,刷新问题,等等。那时感觉javascript好讨厌,没有好的框架和调试工具,痛不欲生。如今javascript框架漫天飞舞,jquery,z 阅读全文
posted @ 2016-05-30 20:31 nd 阅读(5615) 评论(11) 推荐(27) 编辑
摘要: 1. 需求 开宝箱在一些商家营销活动中也很常见,这个需求简单,产品经理说就是做个动画就好,那我们就可以自由发挥了。高保图如下图1. 图1 开局一张图,剩下的全靠自己编了,动作怎么动,先看看UI给的素材,看米下锅。一张关闭的箱子图片,如下图2 图2 一张打开的箱子,如下图3 图3 一张奖品背景图片,是 阅读全文
posted @ 2021-08-20 08:11 nd 阅读(486) 评论(4) 推荐(5) 编辑
摘要: 本文介绍一种12宫格抽奖,这种抽奖方式是九宫格抽奖的演变,只不过开始播放的时候是随机方式,不是顺时针播放了。 1.需求 先看看高保,如下图1 图1 用户点击"立即抽奖"后12个奖品随机高亮 请求接口,待所有产品都高亮后,根据接口结果,固定在抽中奖品上 最后弹出中奖结果弹框 2.思路 2.1 高亮 实 阅读全文
posted @ 2021-08-17 17:06 nd 阅读(337) 评论(0) 推荐(1) 编辑
摘要: 1. 需求 上次讲到lao虎机抽奖,通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画,本文介绍一种左右滚动的动画,原理是一样的,这里通过修改background-prosition-x来实现动画,同时也要注意奖品图片的尺寸问题,这里姑且叫 阅读全文
posted @ 2021-08-13 18:28 nd 阅读(248) 评论(2) 推荐(0) 编辑
摘要: 本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单,来看看高保截图,如下图1 图1 需求的功能点如下: 用户点击抽奖,九宫格四周的图片顺时针依次闪烁,空转几圈。 请求接口,等接口有返回后最后对应的奖品闪烁,其他奖品不闪烁。 登录后,正中间的抽奖这个小方格点亮,未登录是灰色,这一点和抽奖无关,本文不 阅读全文
posted @ 2021-08-10 16:51 nd 阅读(406) 评论(0) 推荐(1) 编辑
摘要: 本文介绍一个lao虎机抽奖动画的实现,lao虎机抽奖在各类商家营销活动中非常常见,这里主要介绍动画的实现过程,其他细节不做详细分析。 ps:lao虎机是敏感词,博客园的富文本和markdown编辑器都限制不允许出现,所以文章中的“老”字用拼音代替。 1. 需求 UI给到的蓝湖如下截图1 图1 三栏图 阅读全文
posted @ 2021-08-05 15:46 nd 阅读(451) 评论(0) 推荐(3) 编辑
摘要: 1.需求 抽奖是各类营销活动中最常见的一种形式,本产品需求大致如下:转盘周围跑马灯交替闪烁,点击抽奖,大转盘旋转,调用接口获取抽奖结果,大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯 本需求要求跑马灯交替闪烁,那四周的跑马灯就不能是死的图片了,要用动画来实现,并且第奇 阅读全文
posted @ 2021-07-29 09:55 nd 阅读(1008) 评论(3) 推荐(5) 编辑
摘要: 1.cookie的诞生 由于HTTP协议是无状态的,服务端的业务必须带用户状态,cookie的诞生最初就是为了存储web中的用户状态以及其他的相关状态,以方便服务器使用。比如是否用户第一次访问网站,用户是否登录等。Cookie目前最新的规范是RFC 6265,它是一个由浏览器和服务器共同协作实现的规 阅读全文
posted @ 2020-06-29 21:22 nd 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 前端开发人员只要了解过vue.js框架可能都知道单文件组件。vue.js中的单文件组件允许在一个文件中定义一个组件的所有内容。这是一个非常有用的解决方案,在浏览器网页中已经开始提倡这种机制。但是不幸的是,这个概念自从2017年8月被提出以来,到现在没有任何进展,像是已经要消亡了一样。然而,深入研究这 阅读全文
posted @ 2020-05-29 14:52 nd 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 最近做一个项目中做一个竞猜游戏界面,游戏规则和彩票是一样的。在实现“机选一注”,“机选五注”的时候遇到数组的一些操作,例如产生['01', '02' ... '35']这样的数组,随机抽取不重复的元素重新组成数组等问题。回想这类问题在平时项目中遇到的机会非常多,何不归纳一下JavaScript数组的 阅读全文
posted @ 2020-05-24 15:17 nd 阅读(730) 评论(0) 推荐(3) 编辑
摘要: 很久以前看过一个老外写的帖子,JavaScript Puzzlers!,直译就是JavaScript难题,里面列举了44道JavaScript选择题,大部分都是让人摸不着头脑的题目,需要仔细琢磨一番才能得到正确答案。也有一些作者也没有解释清除,直接通过实验给出答案了。 这44个问题是在ECMA 26 阅读全文
posted @ 2020-04-26 10:57 nd 阅读(1831) 评论(16) 推荐(7) 编辑