（一）歌词滚动

1.页面功能组成

• 页面初始化
• 交互事件
  • 监听什么事件
  • 如何处理

（二）王者荣耀官网英雄查询

1.英雄对象属性

1）pay_type

• 该值为 10 时，表示本周免费
• 该值为 11 时，表示新手推荐

2）hero_type, hero_type2

（一）零碎的改动

1.严格模式

• 此为 ES5 新增语法
• 菜鸟教程文档
• MDN 官方文档

（一）文字滚动效果

1.编写 JS 前需考虑

• 初始化：一开始要做什么
• 交互：用户操作之后要做什么

（二）手风琴效果

1.JS 动画函数

• 动画的本质：从一个值变化到另一个值

（一）环境搭建

1.安装 node

中文官网

2.测试安装

• 命令终端中输入

node -v

前言

工作中一个小小的特效 ✨

本来想运用 perspective-origin ，最后发现不用那么高大上，如果有更好地实现方案欢迎评论区交流~

1.在线尝试

CodeSandbox

2.仓库地址

• Gitee: https://gitee.com/yuziikuko/eyes-mousemove.git
• GitHub: https://github.com/yuziikuko/Eyes_Mousemove.git

（一）JavaScript 入门

1.Web 发展史

• Mosaic，是互联网历史上第一个获普遍使用和能够显示图片的 网页浏览器 ，于 1993 年问世

2.浏览器组成

• shell 部分
• 内核部分
  • 渲染引擎（语法规则和渲染）
  • JS 引擎
  • 其他模块

3.翻译过程

1）编译

• 通篇翻译
• 将格式 1 的文件翻译成格式 2 的文件，由系统程序执行格式 2 文件
• 该类型的编程语言叫编译性语言
• 优点：过程快
• 缺点：翻译后的格式 2 文件移植性不好（不能跨平台）
• 如：
  • C 语言： .c => .obj
  • C++

Vue v2.x

渐进式 JavaScript 框架。

生命周期图

https://v2.cn.vuejs.org/v2/guide/

Vue v3.x