js2.0笔记| 青训营笔记

64 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 四 天
slider.stop()停掉动画 slider.slideTo(idx); slider.start()

image.png 插件化 javascript数据驱动

image.png 做html的模板化

image.png html里面就一行

image.png render方法

image.png

image.png render方法 把图片写到js里面 image.png

image.png 抽象成通用的组件

image.png 可以注册插件 渲染 也有render和action方法 slider继承Component 支持组件 控件插件方法组成 嵌套化:子组件也可以作为父组件使用 多去重构 插件化 模板化 抽象化 插件和组件分离与合并

模板化(html css)

过程抽象 函数式编程的入门

image.png 代码组件化 ` ` 方便后期复用,需求的变动 也可以表现自己对需求的理解
过程抽象 数据抽象 人开门,开门的抽象open是过程抽象,屋里或者门的数据是数据抽象 抽象化
这种组件没有抽象化,一个数据一个组件但其实他们有相似性属于同类,只不过数据不一样
`

`
将同类的组件抽象出来,数据独立就是组件抽象化,一般自己用的组件库都是组件抽象化,只需要改数据就行 节流函数 高阶函数的使用 es6的使用 filter map reduce 在一个库这种尽量使用纯函数,编程范式 命令式 声明式