摘要： 本文介绍一个lao虎机抽奖动画的实现，lao虎机抽奖在各类商家营销活动中非常常见，这里主要介绍动画的实现过程，其他细节不做详细分析。 ps：lao虎机是敏感词，博客园的富文本和markdown编辑器都限制不允许出现，所以文章中的“老”字用拼音代替。 1. 需求 UI给到的蓝湖如下截图1 图1 三栏图 阅读全文

摘要： 1.需求 抽奖是各类营销活动中最常见的一种形式，本产品需求大致如下：转盘周围跑马灯交替闪烁，点击抽奖，大转盘旋转，调用接口获取抽奖结果，大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯 本需求要求跑马灯交替闪烁，那四周的跑马灯就不能是死的图片了，要用动画来实现，并且第奇 阅读全文

摘要： 1.cookie的诞生 由于HTTP协议是无状态的，服务端的业务必须带用户状态，cookie的诞生最初就是为了存储web中的用户状态以及其他的相关状态，以方便服务器使用。比如是否用户第一次访问网站，用户是否登录等。Cookie目前最新的规范是RFC 6265，它是一个由浏览器和服务器共同协作实现的规 阅读全文

摘要： 前端开发人员只要了解过vue.js框架可能都知道单文件组件。vue.js中的单文件组件允许在一个文件中定义一个组件的所有内容。这是一个非常有用的解决方案，在浏览器网页中已经开始提倡这种机制。但是不幸的是，这个概念自从2017年8月被提出以来，到现在没有任何进展，像是已经要消亡了一样。然而，深入研究这 阅读全文

摘要： 最近做一个项目中做一个竞猜游戏界面，游戏规则和彩票是一样的。在实现“机选一注”，“机选五注”的时候遇到数组的一些操作，例如产生['01', '02' ... '35']这样的数组，随机抽取不重复的元素重新组成数组等问题。回想这类问题在平时项目中遇到的机会非常多，何不归纳一下JavaScript数组的 阅读全文

摘要： 很久以前看过一个老外写的帖子，JavaScript Puzzlers!，直译就是JavaScript难题，里面列举了44道JavaScript选择题，大部分都是让人摸不着头脑的题目，需要仔细琢磨一番才能得到正确答案。也有一些作者也没有解释清除，直接通过实验给出答案了。 这44个问题是在ECMA 26 阅读全文

摘要： 最近刷脸支付很火，老板们当然要追赶时代潮流，于是就有了刷脸支付这个项目。前端实现关键的技术是摄像头录像，拍照和人脸比对，本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。 1.摄像头 1.1 input获取摄像头 html5中获取手机上的图片，有两种方式，使用input， 阅读全文

摘要： 最近项目中要做一个领积分的效果，根据老板的描述，这个效果类似于支付宝蚂蚁森林里的领取能量。整体效果是就是在树周围飘着几个积分元素，上下滑动，类似星星闪烁，点击领取后，沿着树中心的位置滑动并消失，树上的能量递增，最后膨胀，变大一点。 1. 整体思路 首先想到基本轮廓是一个地球，周围半圆范围内围绕着好几 阅读全文

摘要： Canvas API提供了一个通过JavaScript和HTML的<canvas>来绘制图形的方式，用于动画，游戏通话，数据可视化，图片编辑等方面。 Canvas API主要聚焦于2D图形，同样使用<canvas>元素的WebGL API则用于绘制硬件加速的2D和3D图形。 1 基础实例 下面这个简 阅读全文

摘要： 书接上回，讲到“使用同一个新增弹框”中有未解决的问题，比如复杂的字段，文件，图片上传，这一篇就解决文件上传的问题。这里的场景是在新增弹出框中要上传一个图片，并且这个上传组件放在一个Form中，和其他文本字段一起提交给接口。 这里就有几个要注意的问题： 1.后端上传文件接口 1.1 使用multer 阅读全文