首页 前端知识 自学JavaScript(放假在家自学第一天)

自学JavaScript(放假在家自学第一天)

2024-08-24 23:08:15 前端知识 前端哥 130 271 我要收藏

目录

 JavaScript介绍分为以下几点

1.1 JavaScript 是什么

1.2JavaScript书写位置

1.3 Javascript注释

1.4 Javascript结束符

1.5 Javascript输入输出语法


JavaScript(是什么?)

是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。

2.作用(做什么?)
网页特效(监听用户的一些行为让网页作出对应的反馈),

表单验证(针对表单数据的合法性进行判断)

数据交互(获取后台的数据,渲染到前端)

服务端编程(node.js)

 JavaScript介绍分为以下几点

1.1 JavaScript 是什么


Javascript的组成(有什么?)

  1. ECMAScript: 这是 JavaScript 的标准定义,由 ECMA-262 规范定义。ECMAScript 规定了 JavaScript 的语法、类型、语句、关键字、保留字、操作符、全局对象和原型等基础特性。它不包括任何与浏览器或服务器端环境相关的功能,比如 DOM 或 BOM。

  2. Web APIs: 这些是 JavaScript 可以使用的一系列应用程序接口,它们允许 JavaScript 与网页和浏览器进行交互。主要分为以下几类:

    • DOM (Document Object Model): 它是一个编程接口,用于操作 HTML 和 XML 文档。DOM 将文档呈现为一个由节点组成的树状结构,每个节点代表文档中的一个元素或文本片段。通过 DOM,你可以使用 JavaScript 来添加、删除或修改页面的元素和属性,以及响应用户事件(如点击、滚动等)。

    • BOM (Browser Object Model): 它提供了与浏览器交互的方法和属性。使用 BOM,你可以控制浏览器窗口(如打开新窗口、改变窗口大小等),与浏览器的导航功能交互(如后退、前进等),以及访问浏览器的会话存储或本地存储。

  3. 事件: 事件是用户或浏览器触发的动作,比如点击、按键、页面加载等。JavaScript 可以监听这些事件,并定义当事件发生时执行的代码。

  4. AJAX (Asynchronous JavaScript and XML): 它是一种在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。AJAX 使得网页可以更加动态和响应用户操作。

  5. JSON (JavaScript Object Notation): 这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON 是 JavaScript 对象的字符串表示法,常用于前后端之间的数据传输。

  6. CSS 操作: 虽然 CSS 本身不是 JavaScript 的一部分,但 JavaScript 可以操作 CSS,比如改变样式、类名等。

  7. WebGL 和 Canvas: 这些技术允许 JavaScript 在网页上绘制图形和动画。Canvas 提供一个二维绘图 API,而 WebGL 提供一个三维图形的 API。

  8. Web Workers: 它们允许 JavaScript 在后台线程中运行脚本,不会影响到页面的性能。

  9. Web Components: 这是一组不同的技术,允许你创建可重用的自定义元素,扩展 HTML 的能力。

  10. 服务端 JavaScript (如 Node.js): 虽然不是直接与浏览器相关的技术,但 JavaScript 也可以在服务器端运行,处理 HTTP 请求、数据库交互等。

 

1.2JavaScript书写位置

 

 1.内部Javascript

 注意事项
我们将 <script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML如果先加载的 JavaScript 期望修改其下方的 HTML,那么它可能由于 HTML 尚未被加载而失效,因此,将JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。

 2.外部Javascript

 注意事项
1.script标签中间无需写代码,否则会被忽略!
2.外部avaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML也会更加易读,因此这是个好的习惯。

 3.内联Javascript

1.3 Javascript注释

单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl+/


块注释
符号:/* */
作用:在/*和*/之间的所有内容都会被忽略快捷键:shift+alt+a

 

 

1.4 Javascript结束符


作用:使用英文的;代表语句结束

实际情况: 实际开发中,可写可不写,览器(avaScript 引擎) 可以自动推断语句的结束位置

现状:在实际开发中,越来越多的人主张,书写JavaScript 代码时省略结束符

约定:为了风格统一,结束符要么每句都写,要么每句都不写(按照团队要求.)

1.5 Javascript输入输出语法

目标:能写出常见JavaScript 输入输出语法
什么是语法:
;人和计算机打交道的规则约定

;我们要按照这个规则去写

;比如:你吃了吗?

;我们程序员需要操控计算机,需要计算机能看懂

 

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户
这便是一次输入和输出的过程。

 

 

Javascript 代码执行顺序:
按HTML文档流顺序执行JavaScript代码
alert()和 prompt()它们会跳过页面渲染先被执行(目前作为了解,后期讲解详细执行过程)

 

这一节课的总结:

 

期末放假自学Javascript,希望我们可以一起学习!

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16718.html
标签
评论
发布的文章

jQuery File Upload 使用教程

2024-09-03 02:09:33

jQuery笔记

2024-05-03 18:05:51

jQuery-Spectragram 使用教程

2024-09-03 02:09:26

echarts问题汇总

2024-09-03 02:09:12

echarts自定义悬浮提示

2024-09-03 02:09:12

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!