JavaScript 编码原则之基础规则
“什么是一个好的JavaScript代码？”
写好JS的一些分工
各司其职： 结构设计：HTML
主键封装： 表现：CSS
过程抽象： 行为：JS API,event控制流
写好JS的原则一：各司其责
总结：
HTML负责结构，CSS负责表现，JS负责行为，且在纯样式改变的情况下最好只用CSS控制样式，不去添加JS行为。各司其责的意思便是结构、表现、行为分离，这是在前端开发中所要遵循的一个原则。
写好JS的原则二：组件封装
组件是指Web页面上抽出来一个个包含模板（HTML）、功能（JS）、和样式（CSS）的单元。好用的组件具备封装性、正确性、扩展性、复用性。 - 组件设计的原则：封装性、正确性、扩展性、复用性。
- 实现组件的步骤：结构设计、展现效果、行为设计
- 三次重构：
- 插件化
- 模板化
- 抽象化（组件框架）
#写好JS的原则三：过程抽象
| 应用函数式编程思想
- 用来处理局部细节控制的一些方法
- 函数式编程思想的基础应用
| 高阶函数
- Once：
为了能够让“只执行一次”的需求覆盖不同的事件处理，我们可以将这个需求剥离出来。这个过程就称为过程抽象
- HOF：
- 以函数作为参数
- 以函数作为返回值
- 常用于作为函数修饰器
|编程范式
- 过程抽象/HOF/装饰器
- 命令式/声明式
总结
html css 学习体会
多学多练
JS学习体会
1、理解JavaScript 的基本概念： JavaScript 是一种强大的脚本语言，用于为网页添加交互性和动态效果。理解 JavaScript 的基本概念，如变量、数据类型、函数、条件语句和循环结构等，是入门的第一步。
2、学习语法和语句： 熟悉 JavaScript 的语法和常见语句是必要的。掌握变量声明、条件语句（if-else）、循环语句（for、while）、函数定义等基本语法，可以帮助你编写简单的脚本。
3、掌握数据类型和操作： 了解 JavaScript 的数据类型，如字符串、数字、布尔值、数组和对象等，以及它们的常见操作和方法。这样你可以更好地处理和操作数据。
4、理解函数和作用域： 函数是 JavaScript 的重要组成部分，它们用于封装可重用的代码块。学习如何定义和调用函数，以及了解作用域和变量的生命周期，是提高代码组织和重用性的关键。
5、学习 DOM 操作： DOM (Document Object Model) 是用于操作网页内容的接口。学习如何使用 JavaScript 操作 DOM 元素，包括访问、修改和创建元素，可以实现动态更新网页内容和交互。
6、熟悉事件处理： JavaScript 能够响应用户的交互事件，如点击、鼠标移动和键盘输入等。学习如何添加事件监听器，并编写相应的事件处理函数，可以实现网页的交互和响应。
7、异步编程和回调函数： JavaScript 是一门单线程的语言，但可以通过异步编程来处理耗时的操作，如网络请求和文件读写。学习如何使用回调函数、Promise 或者 async/await 来处理异步任务，是开发复杂应用的重要技能。
8、错误处理和调试： 在开发过程中，出现错误是很常见的。学习如何进行错误处理，包括使用 try-catch 语句捕获异常和使用浏览器的开发者工具进行调试，可以帮助你快速定位和修复问题。
