Web前端开发-JavaScript、Vue笔记

最新推荐文章于 2024-09-11 15:33:18 发布

m0_59904957

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量202

点赞数

分类专栏： java web 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/m0_59904957/article/details/130294335

版权

本文详细介绍了JavaScript的基础，包括引入方式、基础语法、函数、对象和时间监听。同时，讲解了Vue框架的基本概念，快速入门步骤及v-bind、v-model和v-on指令的使用。通过实例展示了Vue的生命周期。

摘要由CSDN通过智能技术生成

一、JavaScript

1.JavaScript概述

JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。

JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。

JavaScript 在 1995 年由 Brendan Eich 发明，并于 1997 年成为 ECMA 标准。

ECMAScript6 (ES6) 是最主流的 JavaScript 版本（发布于 2015 年)。

2.JS引入方式

（1）内部脚本

将JS代码定义在HTML页面中。

JavaScript代码必须位于<script></script>标签之间。

在HTML文档中，可以在任意地方，放置任意数量的<script>。

一般会把脚本置于<body>元素的底部，可改善显示速度。

（2）外部脚本

将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中。

外部JS文件中，只包含JS代码，不包含<script>标签。

3.JS基础语法

（1）书写语法

区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的。

每行结尾的分号可有可无。

大括号表示代码块。

注释：

单行注释：// 注释内容

多行注释：/* 注释内容 */

输出语句：

api	描述
window.alert()	警告框
document.write()	在HTML 输出内容
console.log()	写入浏览器控制台

（2）变量

JavaScript 是一门弱类型语言，变量可以存放不同类型的值。

js中主要通过如下3个关键字来声明变量的：

关键字	解释
var	早期ECMAScript5中用于变量声明的关键字
let	ECMAScript6中新增的用于变量声明的关键字，相比较var，let只在代码块内生效
const	声明常量的，常量一旦声明，不能修改

变量名需要遵循如下规则：

组成字符可以是任何字母、数字、下划线（_）或美元符号（$）

数字不能开头

建议使用驼峰命名

注意：

在js中，我们var声明的变量可以接受任何数据类型的值。并且var声明的变量的作用于是全局的。

var关键字声明的变量可以重复定义。

在ECMAScript 6 新增了 let关键字来定义变量，它的用法类似于 var，但是所声明的变量，只在 let关键字所在的代码块内有效，且不允许重复声明。

（3）数据类型

js中的数据类型分为：原始类型和引用类型，具体有如下类型：

数据类型	描述
number	数字（整数、小数、NaN(Not a Number)）
string	字符串，单双引号皆可
boolean	布尔。true，false
null	对象为空
undefined	当声明的变量未初始化时，该变量的默认值是 undefined