"如果有个做转盘的需求，你准备怎么做？设计师只会提供一个转盘的图片，其余都需要你完成，不能用框架和类库。""这个转盘没有惯性的需求，只要求在手机上，用手指拖转盘，能让转盘跟随手指转起来即可。"这是我在面试前端开发人员时，经常会问到的一道题。转盘是类似上图的样子。博主之前在M公司和C公司的时候，经常用这题面试移动前端开发工程师。M公司的产品和设计是美国团队，在个别项目上UI设计比较大胆脱俗，对前端开
转载
2022-01-14 11:09:22
816阅读
<template> <div class="wrapper"> <div class="demo1"> <span class="item" v-for="i in 6" @click="testClick(this)">测试{{i}}</span> </div> <div class="demo ...
转载
2021-09-06 08:55:00
591阅读
2评论
"如果有个做转盘的需求，你准备怎么做？设计师只会提供一个转盘的图片，其余都需要你完成，不能用框架和类库。""这个转盘没有惯性的需求，只要求在手机上，用手指拖转盘，能让转盘跟随手指转起来即可。" 这是我在面试前端开发人员时，经常会问到的一道题。转盘是类似上图的样子。 博主之前在M公司和C公司的时候，经常用这题面试移动前端开发工程师。M公司的产品和设计是美国团队，在个别
转载
2024-06-13 21:49:54
25阅读
基本是用CSS实现的，没有用图片，加一丢丢JS。完全没有考虑兼容性。
首先画一个转盘<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>幸运大转盘</title>
<style>
/* 重置默认样式 */
转载
2021-01-30 12:24:16
615阅读
2评论
1.搭建界面 把转盘View给封装起来. 由于界面是固定不变的,可以弄一个Xib展示界面. 外界使用时直接来一个类方法直接调用. 2.让转盘进行旋转. 在封装的View内部提供一个开始旋转的方法和结束旋转的方法,供外界直接调用. 在View内部实现方法. 开始旋转: 添加核心动画.动画要添加到里面的
转载
2017-06-18 16:53:00
168阅读
2评论
思想 层叠样式表（Cascading Style Sheets） 用来表现HTML或XML等文件样式 分层设计，把颜色、大小、位置等信息剥离到出来，html只关心提供什么内容 语法 选择器 { 属性 : 值 } selector {property: value} 注释 /* 内容 */ 选择器 元
转载
2020-03-15 16:19:00
81阅读
2评论
CSS就是可以理解为一个美工，用来美化HTML的，从零开始学习CSS
原创
2022-10-31 15:26:24
76阅读
前端js与CSS一直是自己的一个痛点。只能说尽量多学一点吧。这里有几点对自己的总结：①当一个标签中有多个样式的时候，我们可以设置一个为最高等级，那么就会将这个样式展示出来。添加!important; 属性。style="width:180px !important;" ②在调试的时候要整体调试，先要找到是哪个组件。<
原创
2017-04-20 16:15:22
720阅读
CSS 如何学习 css是什么 css怎么用（快速入门） css选择器 美化网页 盒子模型 浮动 定位 网页动画（特效） 1 什么是css Cascading Stytle Sheet层叠级联样式表 css：表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动 1.2 发展史 ...
转载
2021-08-02 20:00:00
89阅读
2评论
每日测验 """ 今日考题 1.ascii,gbk,utf-8,gbk的区别 2.请用至少两种方式实现m与n值交换m=10,n=5 3.什么是深浅拷贝 4.什么是HTTP协议 5.列举你所知道的HTML标签 """ 昨日内容回顾 Web的本质 """ 浏览器 服务端 文件(html文件) """ 课 ...
转载
2021-08-31 19:37:00
114阅读
使用clip-path和三角函数做一个大转盘的功能
原创
精选
2024-05-27 22:49:43
776阅读
2评论
前言 上一篇实现了基本的样式这次把旋转动画啥的也加上完成的效果如图思路利用transform的ratate旋转大转盘外部容器根据随机数得到中奖元素的下标然后计算出应该旋转多少度中奖元素才能正好停在12点位置设置动画的贝赛尔曲线,达到旋转越来越快然后慢慢停止还可以增加固定几圈,让大转盘多转一会儿,比如定好5圈代码实现HTML代码代码和上篇区别不大,只是增加了启动按钮,然后做了样式处理其中12点位置的
原创
精选
2024-05-28 19:59:52
1669阅读
点赞
目录一:CSS1.什么是CSS？2.CSS3语法3.语法结构4.注释语法5.css代码书写位置(引入方式）二:scc代码书写位置(引入方式实战)1.style内部直接编写css代码2.link标签引入外部css文件3.标签内直接书写三:css注释管理四:基本选择器(重要)1.css是用来调节标签样式的 那为什么需要学选择器呢?2.标签选择器>>>:通过标签名直接查找3.类选择器(
转载
2024-06-14 10:02:18
94阅读
一、需求描述1. 大转盘有5个格子，每个格子放置对应的奖品和可以设置概率2. 抽奖次数有10次，20
原创
2022-07-28 09:31:43
1321阅读
转盘：0001 package lu.leon.display {
0002 import flash.display.MovieClip;
0003 import flash.events.Event;
0004
0005 import com.greensock.TweenLite;
0006 import com.greensock.easing.
原创
2010-12-31 16:16:30
1284阅读
1评论
最近做了一个转盘随机旋转获取对应的值，做了一个山寨的转盘抽奖，关键的代码如下：
该类控抽旋转，注：mPlayPlateBitmap 、mPlayPlatePointBitmap是两张图片，这两张图片的大小是一样的并关注他们的中心点要在一起，那样子才更有视觉效果！，
import android.content.Context; import android.
原创
2013-03-22 11:51:02
1662阅读
1.1CSS 链接的四种状态：a:link --普通的、未被访问的链接 a:visited --用户已访问的链接 a:hover --鼠标指针位于链接的上方 a:active --链接被点击的时刻这里我们需要注意的是这四个属性设置要遵循的顺序问题： a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后我们要在 link 属性中加入
原创
2015-07-15 17:43:23
379阅读
