本文已参与「新人创作礼」活动,一起开启掘金创作之路。
网站的交互依赖于js实现,作为网站的“动作”,让我们来了解一下什么是js、应该从那开始学起、框架中的js是什么样子的(以VUE为例)。
什么是js
Js的全称是JavaScript,主要被用作web开发时的脚本语言,ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。
js如何控制浏览器
javacsript是通过访问BOM对象来访问、控制、修改客户端(浏览器),BOM的window包含了document(DOM),window对象的属性和方法是直接可以使用而且被感知的,因此可以直接使用window对象的document属性。
也就是说BOM包含了DOM,浏览器提供出来给予访问的是BOM对象,从BOM对象再访问到DOM对象,从而js可以操作浏览器以及浏览器读取到的文档。
DOM描述了处理网页内容的方法和接口
BOM : 是 HTML 和 XML 的应用程序接口(API)
推荐的学习网站和书籍
-
现代JavaScript教程:zh.javascript.info
-
b站:尚硅谷、黑马前端的课都可以
Jquery
jQuery是一个快速、简洁的JavaScript框架,设计的宗旨是“write Less,Do More”,封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互。
学习网站:
-
官方文档:www.jquery123.com
VUE
VUE中的js也是写在<script></script>标签当中的,但是因为VUE有自己的一套语法结构,所以在形式上和原生js以及Jquery有所区别,形式大体上是这样。
<template>
<div>
<!--HTML代码-->
</div>
</template>
<script>
export default {
data() {
return {
//定义数据
}
},
methods: {
//写函数
},
}
</script>
<style>
//CSS代码
</style>
学习文档: