javascript笔记 javascript学习指南 收藏 0

JS学习笔记：一、js的概述与基础语法

1.什么是javascript？

JS：javascript

解释型脚本语言

• 解释型：运行之前不需要编译，不会检查错误，直到运行时碰到错误为止
• 编译型：对源码进行编译，还能检查语法错误（代表：c/c++）

运行环境：

• 独立安装的js解释器（nodejs）
• 嵌入在浏览器内核中的js解释器

2.js组成：

• ECMAScript:核心
• DOM:Document Object Model 文档对象模型，与网页进行对话 如点击，鼠标滑入
• BOM:Browser Object Model 浏览器对象模型，与浏览器进行对话 如：判断滚动条距离顶端距离，鼠标焦点在浏览器的位置

3.js特点：

• 开发工具简单，记事本即可
• 无需编译，直接由js引擎运行
• 弱类型语言由数据来决定数据类型
• 面向对象的语言

4.浏览器内核：

作用：负责页面内容的渲染

内核：

• 内容排版版引擎：解析HTML和CSS
• 脚本解释引擎：解析Javascript

注意：不同浏览器内核不同

5.js运行环境：

之前说过了，解释器有nodejs和浏览器，我们这里说浏览器运行方式：

F12（检查）–>console,直接在console里面输入JS代码回车运行

6.使用方式

同css使用方式一样，分为三种：

• 1.行内：

js代码直接嵌入在标签事件中

onclick：当单击时所作的操作

• 2.内部：

用\”<script> </script>\”标签包起来

写在head或者body中的任意位置

脚本内容之间同css一样用“;”分割

• 3.外部：

方法：<script src=\”\”></script>

创建js文件，并编写js代码（如：test.js），在页面中引入js文件

1.每个页面可以引用多个js文件（学习时1个即可），但引用多个js文件时，要注意js的引用顺序，顺序不同，可能导致效果不一样，甚至后面的js永远不会执行

2.外部引用时，script标签中不允许出现js代码，出现也是无效的

7.语法规范：

语句：

• 1.代码块用“;”表示结束
• 2.大小写敏感

console.log() 正确

Console.log() 错误（原因：字母大写了）

• 3.英文标点符号\”;\”

console.log(); 正确

Console.log()； 错误（原因：分号中文的）

• 4.由表达式，关键字，运算符组成

8.关于注释

• 单行：//
• 多行：/* */
• sublime快捷键（一般软件都是这个快捷）：ctrl+\”/\”

JavaScript基础语法01——初识JavaScript

哈喽，大家好，我是雷工！

最近有项目用到KingFusion软件，由于KingFusion是B/S架构的客户端组态软件，因此在学习KingFusion产品时会涉及许多前端的知识。

像JavaScript语言就是需要用的，俗话说：活到老学到老。今天学习JavaScript基础语法知识，并记录笔记方便回顾。

JavaScript是一种具有函数优先的轻量级，即时编译型，运行在客户端（浏览器）的脚本语言，用于实现人机交互的效果。

2.1、代码不进行预编译：其源代码在发往客户端运行之前不需要进行编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。

2.2、JavaScript中，如果一行运行不了，那么下面的语句也无法运行。

3.1、使用范围广。

3.2、入门简单，容错性强。

3.3、开元学习资料丰富。

4.1、网页特效：监听用户的一些动作让网页做出相应的反馈。

4.2、表单验证：可以针对表单数据的合法性进行判断。

4.3、数据交互：获取后台的数据，渲染到页面前端。

4.4、服务端编程：Node.js。

5.1、ECMAScript:规定了JavaScript基础语法的核心知识。

例如：变量，分支语句，循环语句、对象等等。

5.2、Web APIs:

5.2.1、DOM 操作文档。

例如：对界面元素进行移动、大小、添加删除等操作。

5.2.2、BOM 操作浏览器

例如：界面弹窗，检查窗口宽度、存储数据到浏览器等。

在这知识大爆炸的时代，穷尽一生也不可能把所有知识学完，只能是跟现有工作相结合，缺什么补什么，用到什么学什么。如有不当描述欢迎指正。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com