2024年前端最全【前端寻宝之路】学习和总结JavaScript的书写形式(1)，【秋招面试专题解析

2401_84433570

已于 2024-05-06 18:30:48 修改

阅读量278

点赞数 4

分类专栏：程序员文章标签：前端学习 javascript

于 2024-05-06 18:30:47 首次发布

本文链接：https://blog.csdn.net/2401_84433570/article/details/138504097

版权

程序员专栏收录该内容

179 篇文章 0 订阅

订阅专栏

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

Vue部分截图

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript的组成

ECMAScript(简称ES): JavaScript语法
DOM:页面文档对象模型,对页面的元素进行操作
BOM:浏览器对象模型,对浏览器窗口进行操作

网页中的每一个元素相当于一个DOM对象.

在这里插入图片描述

对浏览器窗口进行前进后退这个操作就是一个BOM对象.

`JavaScript的书写形式`

`1.行内式`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 设置一个按钮并触发点击后的事件 -->
    <input type="button" value="这是一个按钮" onclick="alert('You will be rich man')">
</body>
</html>

在这里插入图片描述
需要点击以后才会出现窗口.

`2.内嵌式`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 设置一个按钮并触发点击后的事件 -->
    <input type="button" value="这是一个按钮" onclick="alert('You will be rich man')">
    <script>alert('你真棒!')</script>
</body>
</html>

系统会先自动弹出窗口.
在这里插入图片描述

`3.外部式`

写到单独的 .js 文件中

<script src="hello.js"></script>>

alert("hehe");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script src=" ./demo02.js "></script>
</html>

alert("罗雅妮sleeping")

在这里插入图片描述

⚠️注意: 这种情况下 script 标签中间不能写代码,必须空着.
(写了代码也不会执行)
适合代码多的情况

](https://img-blog.csdnimg.cn/0ee6c4ec414740b0a0404c5161cdadc7.gif#pic_center)

基础面试题

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

[外链图片转存中…(img-t4vBJKYy-1714991430462)]

2401_84433570

关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
2024年前端最全【前端寻宝之路】学习和总结JavaScript的书写形式(1)，【秋招面试专题解析

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**网页中的每一个元素相当于一个DOM对象.
复制链接

扫一扫