我的JavaScript学习历程-初识JavaScript

1. 什么是JavaScript

JavaScript是一种基于原型 、 弱类型、动态解释型的脚本语言。是浏览器的一部分,基于浏览器操作。用来给HTML网页增加动态功能。

互联网发展初期,不存在客户端处理程序,但是网页变得更加复杂功能更加丰富,需要处理的事情越来越多,如果任何处理逻辑都放到后端,效率低下(带宽,服务器负担)。Netscape(网景)的Brendan

Eich(布兰登·艾奇)在1995年5月被公司要求做一个“看上去和Java相似,但是比java简单的网页脚本语言”,他本身对Java不感兴趣,花了10天设计了JavaScript满足了公司要求。其设计思想:1.C语言语法;2.Java数据类型于内存管理3.函数第一等公民 4.基于原型(prototype). 语言本身设计之初出现了很多问题,后来不断完善好了。

ES1-5,ES6-9分水岭,我们就处在这个分水岭时期

JavaScript有三大组成部分:ECMAScript DOM BOM

ECMAScript : Javascript的标准 规范 语法 描述了该语言的组成的语法和基本对象 主要使用ES5 ES6版本

DOM : 文档对象模型(Document Object Model)

描述处理网页内容的方法和接口。JavaScript通过DOM获取HTML中的元素,来读取 修改 移动 删除 增添 HTML中的内容

BOM : 浏览器对象模型(BrowserObjectModel)

描述与浏览器进行交互的方法和接口


用是什么

JavaScript是一种动态解释型 、弱类型、基于原型的脚本 语言,代码不进行编译。当你浏览器执行JavaScript的时候,可以实现以下的功能:

1.浏览器与用户之间的交互,比如输入账号密码 点击登录。这些由表单和点击事件组成,借此和后台数据交互,判断账号密码是否正确,反馈用户!

2.网页上面倒计时,动画,无缝轮播图等,通过定时器来操作的

3.JavaScript还可以处理表单,设置cookie,即时构建HTML页面已经创建基于Web的应用程序。

4.一些网页小游戏,也是通过JavaScript开发的

JavaScript的用处很多,主要用来制作HTML页面交互效果,提升用户体验!


3.为什么要使用JavaScript

因为他是主流浏览器语言,能让客户端验证减少请求、减少带宽、减少服务器压力、操作简单、学习成本低、浏览器界一统江湖(但是兼容支持有些微不同)、基于宿主环境,(客户端)不能操控计算机本地文件,安全。


4.JavaScript的书写

JavaScript有两种书写形式:

1.内部JS:

此标签在html文件任何位置都可以书写通常内部JS放置在</body>(body结束标签)之前!!!

<script></script> //和HTML标签一样   但是必须为双标签   开始和结束标签

2.外部js引入:

外部JS的引入方式和link引入外部css相似,但是要用script标签和结束标签: //

src= " "  :双引号内写外部JS路径,用法与HTML 中img标签相似

JS的script标签的书写位置决定了JS代码的加载顺序,浏览器是从上到下依次执行的,当浏览器读到script标签时,会阻塞HTML的进程,立刻请求读取内容,执行代码,所以可能存在页面元素还没有构造的可能。通常情况下JS的代码需要延迟到页面的元素加载完全后执行。

如script标签写到<head>内或写到执行html页面元素上面时。会先执行JS的内容,页面元素未加载,就会找不到要页面元素。提示报错!!!

通常我们使用在script标签 中添加defer属性。不阻塞进程,延迟执行

也有另外一种属性,叫async属性,但是此种方法等页面加载完后会立即执行,不推荐使用


简单了解过JavaScript后,如何学好JavaScript呢。

1.在学习JavaScript之前我们要先学习好CSS和 HTML。因为JS是基于HTML的基础上来更改CSS。用以实现各种交互的,如果说HTML是人的骨架,CSS就是人的肉体,人脸。那么JavaScript就是人的大脑,控制HTML来进行各种交互!如果对HTML、CSS不了解,最好先学习HTML CSS基础知识。


2.多读书,多实践,多交流。JavaScript也是人的一项技能,技能交流才会有成长,多逛论坛。实践出真知,只靠理论知识是绝对不够的,还要会用,用的多了就熟练了,对自己写代码的速度有一定的提升!对问题的解决能力也会加强!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,331评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,159评论 0 3
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,402评论 0 7
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 5,022评论 0 1

友情链接更多精彩内容