五星评分，让我告诉你半颗星星怎么做

最新推荐文章于 2025-10-11 21:31:10 发布
原创 最新推荐文章于 2025-10-11 21:31:10 发布 · 置顶 · 4.3k 阅读 · 3
这篇博客介绍了如何在微信小程序中实现五星评分，包括半颗星星的效果。作者通过wxml、js和css三个部分的代码展示了实现过程，旨在帮助开发者掌握这一常见功能的实现技巧。

概述

我们在学习微信小程序或者做项目时，应该会遇到五星评分效果情况，那么这个五星评分,半颗星星怎么做功能我们应该怎么编写呢？
今天我们说下微信小程序五星评分,半颗星星效果的实现，今天分享这样的小教程。希望对大家有所帮助。

不多说了，阿杰要上图啦！


快去拿个小板凳，坐等跟多更新

wxml

 

     
 
  1. <!--index.wxml-->
    2.  
 
  2. <block wx:for="{ 
    {stars}}" wx:key="">
    3.  
 
  3.  <image class="star-image" style="left: { 
    { 
    item*150}}rpx" src="{ 
    {key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}">
    4.  
 
  4.  <view class="item" style="left:
    5. 


                

        

    






  



        

            

                      
                        
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



                



	

		

			

				
					
原创js星星评分（10分5颗星）

				
			

			

				

					03-19
				

			

		

		

			
				
传了两次
博文链接：https://qian.iteye.com/blog/728421

			
		

	



                

            
              



	

		

			

				
					
星星打分/半星/半颗星操作

				
			

			

				

					06-02
				

			

		

		

			
				
最近发现网上的星星打分插件，都没有支持半颗星操作的。找了半天，干脆自己写了个共享出来了。总共不到20行jquery 代码

			
		

	



              


  
              

                


	

		

			

				
					
进阶篇之纯css+字体实现五角星（半颗星）评分

				
			

			

				

					ai09855的博客
				

				

					07-28
					
					410
					
				

			

		

		

			
				
1.前言之前写了一篇实现五角星打分效果的demo。这个demo用来实现打分效果绰绰有余，那么有时候我们在统计评分的时候，就会有半颗星或者1/3颗星星这样的那要如何实现呢？来来来，纯字体+css实现！2.详情1.下载字体webFontIcon我不会把压缩文件上传，会的童鞋可以教教我，感谢赐教，这样我就可以把字体上传以供大家下载了。2.css样式

        .clea...

			
		

	





	

		

			

				
					
评价打分组件，SVG 半颗星的解决方案！

				
			

			

				

					粉丝们务必加入微信粉丝群
				

				

					09-22
					
					1461
					
				

			

		

		

			
				
作者：KUMAR HARSH
译者：前端小智
来源：blog


有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub  https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

对于一个内容服务的网站来说评价打分也是很重要的一部分，它有利于分析用户对我们的内容的喜好程序。最近，我们团需要为一个项目实现一个星级评价的组件，需求如下：

性能(不能用图片)
可调整的大小
可访问性
小数位打分.

			
		

	



		

			
		



	

		

			

				
					
进阶篇之纯css+字体实现五角星（半颗星）评分 (实用）

				
			

			

				

					chelen_jak的专栏
				

				

					08-17
					
					1478
					
				

			

		

		

			
				
原文：https://www.cnblogs.com/sxs161028/p/7249966.html


			
		

	





	

		

			

				
					
vue实现五星评价方法

				
			

			

				

					6块腹肌的博客
				

				

					06-02
					
					2474
					
				

			

		

		

			
				
1、需求：



根据用户评分来判断星星被点亮多少颗。保留小数，大于等于零点五，则多显示半颗星，否则只显示整数值。如：

3.3分只显示3颗星；3.6分，则显示3颗完整的星星，加上一个被点亮了一半的信息。

2、准备工作

准备3张img，分别是全部被点亮的、只点亮一半的、未点亮的





3、分析实现思路

这里假设用户评分为4.7分，那么根据需求，就是显示4个完整的被点亮的星星，一个被点亮...

			
		

	





	

		

			

				
					
C++的三种继承方式详解

				
			

			

				

					NueXini的博客
				

				

					04-22
					
					1万+
					
				

			

		

		

			
				
文章目录@[toc]C++的三种继承方式详解以及区别前言一、public继承二、protected继承三、private继承四、三者区别五、总结后话
C++的三种继承方式详解以及区别

前言
我发现有时候概念性的东西，理解起来还是很难的，于是本文用简单的几个例子，来说明这三种不同的继承方式，他们之前的区别~

一、public继承


基类的public和protected成员的访问属性在派生类中保持不变，但基类的private成员不可直接访问。


派生类中的成员函数可以直接访问基类中的public和pr

			
		

	





	

		

			

				
					
关于private继承

				
			

			

				

					算法改变人生
				

				

					06-04
					
					3321
					
				

			

		

		

			
				
在C++的类中有许多种继承方式，而我们在软件设计和编写代码时用得最多的就是public继承，我们很少接触到private继承。但是我们在设计时真的有思考过什么时候应该用public继承，什么时候不该使用public继承，什么时候应该想想那些经常被我们遗忘的知识，让我们从它们被遗忘的角落里重拾它的光芒。例如private继承。


As we all know,public继承是塑模出一种is

			
		

	





	

		

			

				
					
C++中public、protected及private继承

				
			

			

				

					mystyle_的博客
				

				

					07-30
					
					1469
					
				

			

		

		

			
				
转载这里

在设计基类时，对于某些成员变量基类设计者A也不知道其他人会怎么使用，假如A一开始将成员变量a定义为private,当其他人过来继承时需要一个a++的操作，那么他就不得不去找A让他改基类的定义，不然在继承类中无法直接操作基类的私有成员。过了一会儿又有人需要一个a--操作，那么A又要改基类定义添加一个a--的public成员函数，当然后面还有各种需求。。所以A很无奈，于是就出现了protect,对于继承者而言，你们随便操作不用再来麻烦我。这样即保证了数据的私有性（不能被对象获取），同时基类设计者..

			
		

	





	

		

			

				
					
C++三种继承方式下的访问权限控制

					
热门推荐

				
			

			

				

					casky237的博客
				

				

					01-28
					
					2万+
					
				

			

		

		

			
				
众所周知，C++类中的成员(函数/变量)拥有三种访问权限：
       public:用该关键字修饰的成员表示公有成员，该成员不仅可以在类内可以被访问，在类外也是可以被访问的，是类对外提供的可访问接口；
       private:用该关键字修饰的成员表示私有成员，该成员仅在类内可以被访问，在类体外是隐藏状态；
       protected:用该关键字修饰的成员表示保护成员，保护成员

			
		

	





	

		

			

				
					
private 继承 真的没用吗？？

				
			

			

				

					绝知此事要躬行
				

				

					05-01
					
					2118
					
				

			

		

		

			
				
private继承，在看到effective C++之前，我发现在我之前的代码里面，没有用到这个机制，但是认真回想起还是有一些影子。
大多数人认为private继承是没有用的，其实不然，在某些情况下，它也会带给你一些惊喜。


好，言归正传，之前已经数次提到过 public继承表示的是  “is   a ”的关系，也就是说每一个derived对象D同时也是base对象，任何在
base对

			
		

	





	

		

			

				
					
小程序半星评论

				
			

			

				

					12-04
				

			

		

		

			
				
点击左边是半星，右边是全星，通过传进来的值判断显示半星还是满星

			
		

	





	

		

			

				
					
public,protected,private继承区别

				
			

			

				

					yang_lang的专栏
				

				

					05-22
					
					3698
					
				

			

		

		

			
				
<br /><br />在C++中继承主要有三种关系：public、protected和private。这三种继承关系中public继承是最为常用的一种继承关系，private继承是最少见的继承关系。<br /><br />1. public<br />从语义角度上来说，public继承是一种接口继承，根据面向对象中的关系而言就是，派生类可以代替基类完成基类接口所声明的行为，也就是必须符合“Liskov替换原则（LSP）”，此时派生类可以自动转换成为基类的接口，完成接口转换。<br />从语法角度上来说，p

			
		

	





	

		

			

				
					
C + + 继承权限 : public protected private

					
最新发布

				
			

			

				

					2301_81053100的博客
				

				

					10-11
					
					724
					
				

			

		

		

			
				
“子类内” 对基类public/protected成员的访问权限永远不变，变化的只是这些成员在 “子类外” 的可见性；而基类private成员是永远的 “私有壁垒”，子类无论内外都无法直接访问

			
		

	





	

		

			

				
					
private,public,protect三种继承方式的区别

				
			

			

				

					算法之路
				

				

					04-10
					
					9571
					
				

			

		

		

			
				
public 意味着在其后声明的所有成员对所有的人都可以取。 
private 关键字意味着除了该类型的创建者和类的内部成员函数之外，任何人都不能存取这些成员。 
protect 它与private基本相似，只有一点不同：继承的结构可以访问protected成员，但不能访问private成员。





通过继承机制，可以利用已有的数据类型来定义新的数据类型。所定义的新的数据类型不

			
		

	





	

		

			

				
					
protect 继承_【private,public,protect三种继承方式的区别】

				
			

			

				

					weixin_34858011的博客
				

				

					01-17
					
					4537
					
				

			

		

		

			
				
public ：意味着在其后声明的所有成员对所有的人都可以取。private ：关键字意味着除了该类型的创建者和类的内部成员函数之外，任何人都不能存取这些成员。protect：它与private基本相似，只有一点不同：继承的结构可以访问protected成员，但不能访问private成员1:不管是哪种继承方式， 在派生类内部都可以访问基类的公有成员和保护成员 ， 基类的私有成员存在但是在子类中...

			
		

	





	

		

			

				
					
protected,public,private在继承中的可见性

				
			

			

				

					weixin_41066529的博客
				

				

					05-14
					
					2912
					
				

			

		

		

			
				
在C++里，继承有三中方式，public、protected、private三中继承方式，我们需要记住这3种继承的可见性问题，会有两个可见性的问题，

一是子类与父类的可见性，

二是对象的可见性(具体更多是指对象与父类的成员可见性问题)，我们必须记住，三种继承的方式都并不会影响子类成员对父类成员的访问权限，即：父类成员对子类成员的可见性是由父类自身决定的，三种继承的方式只会影响实例对象的访问可见...

			
		

	





	

		

			

				
					
abstract类中不可以有private的成员_深入理解C++中public、protected及private用法

				
			

			

				

					weixin_39827506的博客
				

				

					11-24
					
					270
					
				

			

		

		

			
				
这篇文章主要介绍了C++中public、protected及private用法,对于C++面向对象程序设计来说是非常重要的概念,需要的朋友可以参考下初学C++的朋友经常在类中看到public，protected，private以及它们在继承中表示的一些访问范围，很容易搞糊涂。今天本文就来十分分析一下C++中public、protected及private用法。相信对于大家深入掌握C++程序设计会有...

			
		

	





	

		

			

				
					
条款39、明智而小心的使用private继承

				
			

			

				

					feng__shuai的博客
				

				

					09-26
					
					1168
					
				

			

		

		

			
				
首先如果Widget是一个基类，后面还有人要继承，那么子类可以重新定义onTick()函数，但是这个是你不想的，所以方法二可以解决这个困扰，第二，Widget的编译依存降低，我们把WidgetTimer这个类移到外面某个文件，把成员变量timer改成指针，那么文件只要申明一个WidgetTimer就可以了，所以不会需要include "Timer.h"了，依赖降到最小。但是我只是需要这些成员去实现我的类D，并不给用户提供接口能直接访问类B的这些成员，这时候就应该用private继承。

			
		

	



              




          





        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值