JS的记录 | 青训营笔记

这是我参与「第四届青训营 - 前端场」笔记创作活动的第四天\

上午月影老师的课程整理吸收的知识，上午的课程可以说是干货满满，相信各位听了课程的同学都收获颇丰。在 首先介绍上午的课程，上午的课程主要讲解了写好JS的三大原则,并且为我们讲解了js的应用。

JavaScript是一门 轻量级、弱类型、解释型 脚本语言。\

轻量级：语法简单、开发轻便、学习容易
弱类型：语法结构不严谨  代码编程语法松散
脚本语言：计算机程序语言分类的一种\

一·作用

         html===页面的结构层

         css===页面的样式层

         js===页面的行为交互层（人机交互：人为操作==浏览器页面给用户的反馈；数据交互：比如登录注册，根据数据动态生成页面内容。）

二·组成

         ECMAScript:JavaScript的基本语法，由欧洲计算机制造商协会制定

         DOM（文档对象模型）===利用JavaScript定义的DOM方法可以操作html和css

         BOM(浏览器对象模型)===利用JavaScript定义的DOM方法可以操作浏览器

三·基本语法形式

     1.行内式：直接在html标签中定义JavaScript程序代码,a标签的href属性值必须是JavaScript:;

     2.内部式：在script标签中定义JavaScript程序代码,script标签理论上可以写在任意位置，但是由于计算机程序代码执行顺序问题，所以一般放在body标签内部的最下方。


     3.外部式：在外部js文件中定义JavaScript程序代码，再通过<script src=""></script>引入导入的script标签一般写在body标签内的最下方。 script只要定义了src属性，不管后面是否跟着路径，内部式就会失效；导入外部js文件同时，就会立即执行外部js文件内容（同级导入 ./文件名）                

四·三大调试方式

     1.window.alert(变量/数据)===警告框（JavaScript语法规范规定window可以不写）

     2.document.write(变量/数据)===向页面写入新的内容

     3.console.log(变量/数据)===向浏览器控制台输出 变量/数据的数值
     

心得体会

js是⼀门⾮常好的语⾔，是学习前端的必备语⾔，能够锻炼你的思维逻辑，可以这么说，学好了js就相当于学好了前端。其实js学起来并不 难，它还有⾮常强⼤的库供我们使⽤，jQuery就是其⼀，也是⽬前能为⽌我学的第⼀个库，那是⾮常的好⽤，建议使⽤原⽣js⾃⼰试着去封 装⼀些，能够将js学的更透彻。