-
分类：前端开发2022-08-10阅读：(2537)标签：js
- H5营销活动常用抽奖功能，通常为转盘或九宫格的方式。可以通过配置来设置奖品及奖品中奖概率。流程为前端展示动效交互，在点击开始抽奖后，转盘开始转起来，同时请求后端接口获取奖品结果，再根据结果调整转盘转动到具体位置。示例为简单H5九宫格抽奖。 <div class="container">
<p>九宫格抽奖</p>
...
-
分类：前端开发2021-11-08阅读：(1599)标签：js, canvas
- 移动端用canvas手写签名，实现思路不难，主要就是绘制笔迹，生成图片上传。笔迹的绘制，我们需要考虑的点就是线条的粗细，锯齿问题。如果对PS熟悉，我们就知道，圆角放大到像素点后，就会看到还是有很多的小锯齿，只是这些小锯齿有的透明，有的半透明。缩小后看起来就是比较圆润流畅的。对此，我们可以通过对canvas线条添加少量的阴影来模拟处理边缘的半透明锯齿，以此达到笔迹路劲看起来圆润流畅无锯齿。线条...
-
分类：前端开发2018-05-03阅读：(3623)标签：css, 移动开发, js
- 现在移动设备屏幕尺寸繁多，比如iPhone SE到iPhone Plus，安卓机品类更多。为了用户体验，不同屏幕我们都得去适配。在移动端页面制作，我们一般会把单位px换成rem，然后通过媒体查询，js计算等方式，修改html的字号大小，从而整体修改页面大小，打到适配效果。大屏幕就让文字稍微大点，小屏幕下文字就稍微小点。整体比例上看起来是一致的。对于rem，在W3C官网上是这样描述的：“fon...
-
分类：前端开发2018-04-14阅读：(2106)标签：js, 面试题
- 前端面试通常都会问到数组去重的问题。方法一思路：1，定义一个新数组用于存放结果；2，遍历要去重的数组，把遍历的那个元素去新数组里比对，如果有相同的，忽略，没有，则存放到新数组里。代码：const unique = (arr)=>{
let res = [];
arr.forEach((v,i)=>{
if(res.indexOf(v) == -1)...
