JavaScript学习|青训营笔记

80 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的的第3天

关于什么是好的JavaScript代码

本节课学到了一个好的javascript代码通常是css发挥其职能功能,让HTML、CSS和JavaScript独立执行功能,减少干扰和职能逾越。有一个好的组建封装,一般来讲,其下ui组件具备正确性、扩展性、复用性几个特性.并且高度贯彻编程函数思想和抽象逻辑思维的的过程.

如何去做呢

首先要avoid非必要的由JS直接来操作样式,我们可以尝试class 表示它的状态,采取增加交互减少js的优化方案,思考是否存在不使用js的情况.于是我们要理解css的不同表现,我们使用CSS的绝对定位可以把图片重叠在同一个position,使用修饰符modifier切换轮播图这种结构的状态,使用transition切换轮播图的切换动画.识别行为API,理解控制流的作用和定义,他不限于使用自定义事件来解耦还有其他很多作用,这里不得不去诠释一下,我们把对应控制元素抽取成插件,在插件与组件之间通过依赖注入方式建立relevation,这就是解耦.它使得html更加moudle化,格局方便我们使用,提高了扩展效率。最后是将整个过程抽象化,把组建的模型给抽象化展示出来,需要借助一些methods处理局部细节的控制,然后应用基础的函数式编程思想.关于高阶函数once、hof、throttle、debounce、consumer/2、lterative.

结语 跟着月影大佬的两节课打开了入门级别的js基础知识,同时我也在深入理解它和css和html之间的相关性,基于此我想要考虑js的风格、机构、功能。这两节课有一些比较需要思考的内容,我想这些正是我们在find的好的js.