JavaScript & TypeScript 新人学习总结

作为一名web前端新人，学习过程中有以下几个心得：

1.网页网站，也就是你所看到的电脑端，手机端的所有网站，都离不开前端，通过代码布局，合理装饰，添加特效，最终形成了我们所看到的淘宝、百度、Google这样的网站。说到这里，不得不提前端的三板斧 html、css、JavaScript，“代码布局”对应html ，“合理装饰”对应css，“添加特效”对应JavaScript。html相当于网页的骨架，css相当于一种修饰骨架的装饰品。写网页最好是将html和css分离，先搭建好基本骨架（html）然后再添加相应的装饰品（css）。这三种语言，在前端开发中，最难学的是js，js类似于c语言的语法，但它是一种脚本语言，最容易入手的是html，超文本标记语言，在形式上总是成对出现；而作为与浏览器兼容最相关的层叠样式表–css，像一张调色板，在web界面绘制颜色和图案。

2.HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。HTML 事件可以是浏览器行为，也可以是用户行为。例如页面加载完成、点击个按钮、文本框输入了文字等等，都是HTML事件的案例。通过当事件发生时，可以做些事情，例如点击完毕按钮之后希望跳转页面、文本框输入完毕之 后验证有效性等，那么这些要做的事情就可以通过JavaScript实现。

TypeScript在HTML里的应用与Javascript大致相同，建议使用外部连接；即编写一个.ts文件，进行编译后.ts会生成对应的.js文件，再通过.html文件去调用.js文件。

3.那么什么是JavaScript和TypeScript呢？

JavaScript 是一种轻量级的解释性脚本语言，可嵌入到 HTML 页面中，在浏览器端执行，能够实现浏览器端丰富的交互功能。

JavaScript 是脚本语言，是一种解释性脚本语言(代码不进行预编译)
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行

TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言，是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以载入 JavaScript 代码运行，并扩展了 JavaScript 的语法。

4. 通过JavaScript和typescript能对HTML生成的web页面加上互动功能，增加页面的互动性，使页面活动起来，能实现更多功能。typescript对比JavaScript有了更多的规范、更加简洁，且更适用于大型项目的开发。