当前位置：网站首页 > 优雅编程 > 正文

10个项目带你成为初级前端工程师【项目4|答疑篇】

sinye56 2024-10-24 16:43 8 浏览 0 评论

净整那些没用的。

因为这些没有用的概念面试官可能都会问到。

哈喽大家好，我是写代码的 Pig，一个打算用 10 个前端项目把你培养成初级前端工程师的男人。

上个视频我们使用了 JavaScript 制作了一个动态时钟的小组件，运用了 JavaScript 其他的功能，比如定义变量、做一些字符串的组合。

同学们是不是也隐约感受到了 JavaScript 主要的功能其实是在这些地方体现的了。

我们在实战课程里面用到了很多的 js 的知识，也抛出了一些新的概念、新的疑问、新的坑。

我们今天就来继续学习 Javascript。

1. 首先是课前答疑环节，有同学私信我问为什么 document 的对象可以直接使用而不用去明确的定义它？这是一个不错的问题，我当年自学编程的时候也提出过这个疑问。

其实在浏览器的环境里边，当你加载一个网页的时候浏览器会自动创建一个 document 的对象，并且把它作为全局对象的一部分。也就是说 html 里会自带这么一个 document 的对象，这意味着你在 js 里可以直接使用它而不需要去明确的创建它。

举个例子，我们来看看之前项目的代码，在使用 document 点 get element by ID clock 的时候其实并没有像定义变量一样去定义这么一个 document。

2. 然后继续去说，有些同学可能已经有了前端开发的基础或者自学的就比较深入，我来针对这些同学做一个进一步的讲解。document 在 Web 开发里边是一个 JS 比较重要的对象，它代表整个网页的内容，通常称为 document object model，简称 DOM。

document 实际上是一个 DOM 对象，我以后就管它叫 DOM 了，它遵循 DOM 的标准。其实在编程界 DOM 和平台、语言并没有直接的关系，它是超出平台和语言之外的概念，允许应用程序甚至脚本来动态访问和更新文档的内容、结构还有样式，只是恰好 html 也是脚本的一种。

这里边很多概念，其实就跟你看三国演义似的一大堆名字，自己去看那些知识的时候会出现很多名词，这个对于初学者来说没有关系，开始记不住那是肯定记不住，用多了之后脑子里就都有了，你不用刻意的去记它们。

当然了，如果你是正在备战面试的同学，请你尽可能的把能记住的都记住，因为这些没有用的概念面试官可能都会问到。

相关推荐