第3章 第一种实现方式 
3-3 分析现存问题 (04:09)

3-4 改进代码--JS第二次尝试 (09:04)



3-3 分析现存问题 (04:09)
1.全局变量太多,加上个人名缩写便于识别,防止命名冲突。


2.使用自我执行的匿名函数,局部防止冲突
 【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 )
3.通过委托机制,因为是冒泡事件,不用对每一个子星星进行处理;而是委托给父元素处理
4.代码重用思想


3-4 改进代码--JS第二次尝试 (09:04)
1.事件委托,子元素事件委托给父元素处理
【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 ) 

2.匿名函数,将全局变量使用闭包修改为局部变量
()
()
 【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 )
3.代码重用,将rating修改为由外界传递参数,用函数处理,将rating作为对象处理传递参数——处理多个rating的方式
 【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 )
首先确定思路使用函数返回对象用rating对象接收
 【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 )
发现问题lightOn函数被声明多次,所以将lightOn提到外面,修改函数传入$item参数进行调用
 【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 )
4.变为jquery插件
 【JS】星级评分原理和实现(第3章 第一种实现方式 HTML和JS - 下 )

5.每一步都要测试是否可以成功运行哦!




相关文章:

  • 2022-01-08
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-03
  • 2022-12-23
  • 2022-01-08
猜你喜欢
  • 2021-04-06
  • 2021-08-16
  • 2021-05-19
  • 2021-09-04
  • 2021-08-10
  • 2021-04-08
  • 2021-12-09
相关资源
相似解决方案