首页> js

js九宫格抽奖

分类:前端开发2022-08-10阅读:(211)标签:js
H5营销活动常用抽奖功能,通常为转盘或九宫格的方式。可以通过配置来设置奖品及奖品中奖概率。流程为前端展示动效交互,在点击开始抽奖后,转盘开始转起来,同时请求后端接口获取奖品结果,再根据结果调整转盘转动到具体位置。示例为简单H5九宫格抽奖。 <div class="container"> <p>九宫格抽奖</p> ...

移动端canvas手写签名

分类:前端开发2021-11-08阅读:(553)标签:js, canvas
移动端用canvas手写签名,实现思路不难,主要就是绘制笔迹,生成图片上传。笔迹的绘制,我们需要考虑的点就是线条的粗细,锯齿问题。如果对PS熟悉,我们就知道,圆角放大到像素点后,就会看到还是有很多的小锯齿,只是这些小锯齿有的透明,有的半透明。缩小后看起来就是比较圆润流畅的。对此,我们可以通过对canvas线条添加少量的阴影来模拟处理边缘的半透明锯齿,以此达到笔迹路劲看起来圆润流畅无锯齿。线条...

remjs解决移动端适配问题

分类:前端开发2018-05-03阅读:(2690)标签:css, 移动开发, js
现在移动设备屏幕尺寸繁多,比如iPhone SE到iPhone Plus,安卓机品类更多。为了用户体验,不同屏幕我们都得去适配。在移动端页面制作,我们一般会把单位px换成rem,然后通过媒体查询,js计算等方式,修改html的字号大小,从而整体修改页面大小,打到适配效果。大屏幕就让文字稍微大点,小屏幕下文字就稍微小点。整体比例上看起来是一致的。对于rem,在W3C官网上是这样描述的:“fon...

js数组去重

分类:前端开发2018-04-14阅读:(1450)标签:js, 面试题
前端面试通常都会问到数组去重的问题。方法一思路:1,定义一个新数组用于存放结果;2,遍历要去重的数组,把遍历的那个元素去新数组里比对,如果有相同的,忽略,没有,则存放到新数组里。代码:const unique = (arr)=>{ let res = []; arr.forEach((v,i)=>{ if(res.indexOf(v) == -1)...
前端开发