这是我参加「第五届」青训营办学笔记创作的第3天,我学习到了Java 很多有趣又有用的知识,让我非常受益,对前端有了广泛而深入的认识Script
写好的原则:
1.各司其职(让HTML,CSS和JavaScript职能分离HTML负责结构,CSS负责表现,JavaScript负责行为,不要串着用,应当避免不必要的由JS直接操作样式,可以用class来表示状态,纯展示类交互寻求零JS方案)
2.组件封装(组件指web页面上抽出来的一个个包含HTML,JS,CSS的单元, 好的UI组件具备正确性、扩展性、复用性)
结构(HTML):轮播图是典型非列表结构,可以用无序列表ul元素实现。
表现(CSS):使用CSS绝对定位将图片重叠在同一个位置,轮播图切换的状态使用修饰符(modifier)轮播图的切换动画使用CSS transition
行为(JS):API,控制流
实现组件的步骤:结构设计、展现效果、行为设计
改进方式:1.将控制元素抽取成插件,插件与组件之间通过依赖注入方式建立联系,好处:改一处时不用全改
2.模版化,好处:不需要一个插件的功能时可以快速切换使用或不用
3.抽象,将组件通用模型抽象出来,将组件变得通用
3.过程抽象(应用函数式编程思想,用来处理局部细节控制)
声明式比命令式有更强能力,推荐使用
高阶函数:HOF,以函数作为参数,以函数作为返回值,常作为函数装饰器
常用的:once, throttle节流, Debounce, consumer/2, Iterative
例子:
1.判断是否为4的幂
方法一:看看能不能被四整除,如果能不断除
方法二:首先大于0,把a位于a-1
2.把红包随机分人:不能完全随机,要有最小值, 方法,切西瓜法,总金额分成份,再随机来份