学习路线：推荐学习顺序 | 莫烦Python (mofanpy.com)

Javascript基础入门

JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷. 那么既然JS是可以运行在浏览器上的脚本. 并且, 我们知道本质上, 浏览器是执行HTML程序的. 那么如何在HTML中引入JS呢? 方案一, 直接在<script>标签中引入编写js代码 方案二, 将js代码写在js文件中, 然后通过script标签的src属性进行引入 两种方式运行出的效果是一致的. 但是需要各位注意一点, HTML程序在执行的时候是从上到下进行渲染的. 那么如果我把脚本放在下面和放在上面是有一些不同的

jQuery是一个曾经火遍大江南北的一个Javascript的第三方库. jQuery的理念: write less do more. 其含义就是让前端程序员从繁琐的js代码中解脱出来. 我们来看看是否真的能解脱出来. python => 基础语法 => 系统模块 => 第三方的库 关于jQuery的版本: 这里有必要说一下, jQuery一共提出过3个大版本. 分别是1.x, 2.x和3.x. 这里注意, 虽然目前最新的是3.x. 但各个公司都不约而同的选择了1.x. 说明jQuery1.x在编程界的地位是非常非常高的. 而且从其执行效率, 代码兼容性以及代码可靠性上讲. 1.x确实做到了极致. 所以, 我们学习的版本自然也是1.x了. 我们选择1.9.1 jQuery的下载, 推荐直接去cdn下载即可. 他本质就是一个js文件. 去哪儿都一样. 字节cdn: https://cdn.bytedance.com/ jquery: https://cdn.bytedance.com/?query=jquery&version=1.9.1 只需要把上面这个jquery下载的网址复制到浏览器上, 然后保存(ctrl+s)成js文件就可以了.

Chrome开发者工具介绍

• Elements（元素面板)∶使用“元素”面板可以通过自由操纵DOM和cSS来重演您网站的布局和设计。
• Console(控制台面板)﹔在开发期间，可以使用控制台面板记录诊断信息，或者使用它作为shell，在页面上与JavaScript交互
• Sources（源代码面板)﹔在源代码面板中设置断点来调试JavaScript，或者通过Workspaces (工作区）连接本地文件来使用开发者工具的实时编辑器
• Network(网络面板):从发起网页页面请求Request后得到的各个请求资源信息（包括状态.资源类型、大小、所用时间等），并可以根据这个进行网络性能优化

网易云音乐例子

[https://music.163.com/#/song?id=1325905146](https://music.163.com/#/song?id=1325905146) 点击播放按钮，找到其接口 然后观察参数都是加密的