JavaScript学习笔记1

最新推荐文章于 2024-10-02 05:39:15 发布

卡布奇诺www

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量496

点赞数

分类专栏： JavaScript学习笔记文章标签： javascript css css3

本文链接：https://blog.csdn.net/notbaldness/article/details/121914019

版权

JavaScript学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

JavaScript是什么

JavaScript是一种运行在客户端的脚本语言。
需要依赖解释器来解释js代码。 JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分（浏览器自带的功能），广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript和HTML、CSS的区别

HTML：提供网页的结构，提供网页中的内容
CSS: 用来美化网页
JavaScript: 可以用来控制网页内容，给网页增加动态的效果

学习须知：

框架/架构(Framework)：

框架是一个半成品，已经对基础的代码进行了封装并提供相应的API，开发者在使用框架是直接调用封装好的api可以省去很多代码编写，从而提高工作效率和开发速度。

库(Library)：

框架，库/插件都是基于JS

我的理解就是框架包含了各种类，然后我的代码可以调用类，框架调用我的代码。类库更底端，它把算法写好，我需要实现一个功能，不需要再去实现算法，只需要调用这个方法，而这个功能是很单一的。框架一般是一个流程，框架里流程已经写好，我只需要调用它提供的接口，传入参数就可以实现这个方法，它是一个骨架，也就是它的功能并不单一。（本段为CSDN博主「路人甲JIA」的原创文章原文链接：https://blog.csdn.net/u013719339/article/details/80033152）

js课程分为三个部分：基础语法，DOM，数据交互

JavaScript现在的意义(应用场景)

网页特效
服务端开发(Node.js)
命令行工具(Node.js)
桌面程序(Electron)
App(Cordova)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)

开发哪些项目：webApp，小程序，网站······

JS的组成：

ECMAScript : es,JS的语法标准。JavaScript的核心，描述了语言的基本语法和数据类型，定义了一种语言的标准与具体实现无关

BOM ：浏览器对象模型

一套操作浏览器功能的API

（什么是API：(50条消息) 什么是API？（看完你就理解了）_lph-China的博客-CSDN博客_api是什么)

通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

DOM ：文档对象模型

一套操作页面元素的API

DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

JS代码的书写位置

1.写在行内
        <input type="button" value="按钮" οnclick="alert('Hello World')" />

2.写在script标签中（一般写在head标签里面最后一条）
        <head>
                <script>
                        alert('Hello World!');
                  </script>
        </head>

3. 写在外部js文件中，在页面引入
        <script src="main.js"></script>

注意：引用外部js文件的script标签中不可以写JavaScript代码

注释方法

// 单行注释内容

/*

多行注释内容

*/

简单实践

// alert：弹出一个对话框

// alert(90) 可以弹出一个90

//alert(hello world！) 报错，无法识别里面内容，文本内容需要加引号

// alert("hello world"); 正常显示，引号包裹的内容也叫字符串，是一段没有特殊含义的字符内容



         // 在控制台打印内容

          console.log(1000)

          console.log("helloworld")