这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天。
一、什么是JS
JavaScript 是一种脚本，是一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等。
二、javascript能做什么
- 使网页更具交互性，给站点的用户提供更好的服务。
- 可以创建活跃的用户界面。
- 可以确保用户以表单形式输入有效的信息。
- 根据用户的操作可以创建定制的HTML页面。
- 可以即时构建HTML页面以及创建基于Web的应用程序。
- 可以实现网页上动画的、交互的效果。
三、怎样添加JS
1.内部JS
在</head> 标签中插入
<script>
// JavaScript 代码
</script>
2.外部 JavaScript（推荐）
创建扩展名为.js 的新文件。在</head> 标签中写入
<script src="script.js" async></script>
3.内联 JS
写在<body>标签里
四、JS原则
1. 各司其职
- HTML/CSS/JS 各司其责
- 应当避免不必要的由 JS 直接操作样式
- 可以用 class 来表示状态
- 纯展示类交互寻求零 JS 方案
2. 组件封装
- 结构设计HTML（轮播图）
- 表现CSS
- 行为JS
3. 过程抽象
- 用来处理局部细节控制的一些方法
- 函数式编程思想的基础应用
- 常用高阶函数：Once， Throttle，Debounce，Consumer/2，Iterative
五、注释
-
在双斜杠后添加单行注释。
// 我单行注释 -
在
/*和*/之间添加多行注释。/* 我是 一条 注释 */
六、变量
1.定义变量
var 变量名; var 变量名 = 初始值;
2.变量的命名规则
- 变量命名必须以字母、下划线”_”或者”$”为开头。
- 变量名中不允许使用空格和其他标点符号。
- 变量的首个字不能为数字。
- 变量名的长度不能超过255个字符。
- 变量名区分大小写。
- 变量名必须放在同一行中。
- 不能使用关键字、保留字、true、false 和 null为标识符。
七、个人学习总结
巩固了JS基础知识，加强了记忆，收获颇多。
