項目:星星評分

2024-04-20 17:08
文章标签 星星 項目 評分

本文主要是介绍項目:星星評分,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Demo

任務描述:
     1.滑鼠移過星星的顏色會跟著改變(評分),並且評價的內容文字依照星星級數跟著改變
     2.滑鼠移開,所有東西取消
     3點擊星星以後星星顏色固定並不會隨著滑鼠移開取消,並且顯示評價的內容
     4.滑鼠再次移入時可以更換星星評價,只要沒有點擊再次移開滑鼠即回到點擊時的狀態

這次練習是透過大神分享的項目來練習的!!(點擊這裡)所有的代碼可以從以上的dem裡查看這次也是先自己敲完以後,實在有問題再來看一下大神是如何敲的,這次新學到很多東西特別是簡寫方面的用法!!

心得:

star = over || overStar;

整個部分最困難的地方是顯示星星的部分,要先能夠判斷星星是滑過的狀態?還是移出的狀態?或是已經被點擊過的狀態? 而 以上這句代碼很好的幫我們分辨了星星的狀態。

這句代碼的意思是如果over為真則start=over如果為非則start=overstar(我在這裡整理了更詳細的說明),先把over設定為了形參,並且在滑鼠移入時給予實參,但在滑鼠移出時並沒有給予參數,這樣一來,當滑鼠移入時start=over(over為真),則區分了是滑鼠移入還是移出的狀態。
在沒有型參的狀態下,start=overStart,此時再判斷是否是點擊狀態,也就是說在點擊的時候賦予overStart數值(點了幾個星星),如果沒有點擊則沒有數值(回到原本狀態)。

總結

這次學到的內容很龐大,並且需要重複複習,在此我另外寫了幾篇文章(match的用法,js各種簡寫)來更詳細的做紀錄!!以上,望能持之以恆!!

这篇关于項目:星星評分的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/920839

相关文章

宇宙星星转动特效带背景音乐引导页源码

源码介绍 宇宙星星转动特效带背景音乐引导页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面 效果预览 源码获取 宇宙星星转动特效带背景音乐引导页源码

官方摘星星游戏

需求 通过控制游戏主角(小怪物)跳跃,来触碰到随机生成的星星,如果在星星消失前触碰到,那么则积分+1,否则游戏结束。 实现 大致步骤 1、构建静态页面 2、往UI节点上添加自定义脚本组件(JS或TS编写的满足CocosCreator组件要求的脚本组件) 实现细节 静态页面 拖资源进场景就完事了 脚本组件 1、主角脚本组件(Player) (1)主角要能动吧,cc.tween()

吃星星(1.5)

吃星星1.5版导航 ★★★★★ 吃星星(1.5)★★★★★ ★★★★该版本简介+更新说明★★★★ ★★★分部代码★★★ ★头文件+命名空间+变量★ ★★结构体★★ ★辅助结构体★ ★角色结构体★ ★星星结构体★ ★打印结构体★ ★加载中结构体★ ★游戏结构体★ ★★副函数★★ ★函数声明★ ★开始函数★ ★输入函数★ ★单人初始化函数★ ★双人初始化函数★ ★游

【rmzt】摘星星xp主题

当前位置: 热门主题  >  XP主题下载 摘星星电脑桌面壁纸下载《鼠标右键另存为本地》 摘星星电脑桌面主界面效果图 摘星星电脑桌面开始菜单效果图 摘星星电脑桌面图标效果图   摘星星电脑鼠标效果图 摘星星主题内容:摘星星电脑桌面壁纸下载《鼠标右键另存为本地》 摘星星电脑桌面主界面效果图 摘星星电脑桌面开始菜单效果图 摘星星电脑桌面图标效果图   摘星

让星星⭐月亮告诉你,分享开始读源码的感受,望共勉

这段时间,一直在钻HashMap的源码,越读到后面,心里越觉得有什么想要说的,下面通过HashMap的扩容方法引出我想分享的一些思考和感受。 HashMap的resize扩容方法,最迷人之处在于其巧妙的运用了核心算法:e.hash&oldCap,据此算法将旧数组中的数据很有效的转移到了新数组的对应索引位置上。好像越来越意识算法的至关重要,而且更厉害的是,可以将数学公式恰到好处地运用在亟需它的场景里

让星星⭐月亮告诉你,HashMap在put数据时是如何找到要存放的位置的?

⭐⭐⭐初印象🌙🌙🌙: 初识HashMap时,知道HashMap是用来存放Key-Value这样的键值对的,也知道HashMap的底层数据结构是:数组+链表+红黑树,且数组长度为2的x次幂。 ⭐⭐⭐疑问🌙🌙🌙: 那么往HashMap中添加键值对时,是什么决定了键值对的存放位置呢?即存放位置是如何计算出来的呢?相同的疑问可能还会以下面的问题描述方式提出来: 其他描述方式: 1.向Ha

让星星⭐月亮告诉你,HashMap的resize()即扩容方法源码解读(已重新完善,如有不足之处,欢迎指正~)

分析HashMap的resize()即扩容方法的源码,会发现主要分两部分操作: 为创建新数组初始化新数组容量和新数组扩容阈值;创建新数组后,需将数据从旧数组转移到新数组上来,旧数组上的数据会根据(e.hash & oldCap) 是否等于0,重新rehash计算其在新数组上的索引位置,分成2类: ① 等于0时,则将该头节点放到新数组时的索引位置等于其在旧数组时的索引位置,记未低位区链表lo开头-

让星星⭐月亮告诉你,原码、反码、补码以及为什么要用反码和补码

转载自: cumtchw When you learn a knowledge, you must reach the level that you can use it proficiently, not just know it or be familiar with it https://www.cnblogs.com/cumtchw/p/4523332.html ⭐⭐⭐机器数🌙🌙🌙

让星星⭐月亮告诉你,LinkedList和ArrayList底层数据结构及方法源码说明

一、⭐⭐⭐LinkedList(同时实现了List< E >接口和Deque< E > implements Queue< E >接口)🌙🌙🌙 1.LinkedList底层数据结构是一个双向链表(每个节点除了本身元素外,还包含了要指向的前一个节点Node< E > prev和后一个节点Node< E > next),双向链表还记录了头节点Node< E > first和尾节点Node< E

让星星⭐月亮告诉你,2的n次幂与二进制位全为1之间的联系,为啥只差一个1

现象: 2 ^ 3 = 8 = (1+2+4) +1 =(2 ^ 0+2 ^ 1+2 ^ 2)+1 即2 ^ 3 - 1=(2 ^ 0+2 ^ 1+2 ^ 2) 2 ^ 4 = 16 = (1+2+4+8) +1 =(2 ^ 0+2 ^ 1+2 ^ 2+2 ^ 3)+1 即2 ^ 4 - 1=(2 ^ 0+2 ^ 1+2 ^ 2+2 ^ 3) 观察上述现象,可以发现2的n次幂等于2的0次幂到2的(