Vue.js笔记(一)

最新推荐文章于 2023-02-21 18:53:59 发布

红炉一点雪3

最新推荐文章于 2023-02-21 18:53:59 发布

阅读量402

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_46364153/article/details/112982921

版权

读书笔记

《Vue.js开发实战》

JavaScript是通过<script>元素插入到HTML页面中的。

要包含外部JavaScript文件，必须将src属性设置为要包含文件的URL。文件可以跟网页在同一台服务器上，也可以位于完全不同的域。
所有<script>元素会依照它们在网页中出现的次序被解释。在不使用defer和async属性的情况下，包含在<script>元素中的代码必须严格按次序解释。
对不推迟执行的脚本，浏览器必须解释完位于<script>元素的代码，然后才能继续渲染页面的剩余部分。为此，通常应该把<script>元素放到页面末尾，介于主内容之后及</body>标签之前。
可以使用defer属性把脚本推迟到文档渲染完毕后再执行。推迟的脚本原则上按照它们被列出的次序执行。
可以使用async属性表示脚本不需要等待其他脚本，同时也不阻塞文档渲染，即异步加载。异步脚本不能保证按照它们在页面中出现的次序执行。
通过使用<noscript>元素，可以指定在浏览器不支持脚本时显示的内容。如果浏览器支持并启用脚本，则<noscript>元素中的任何内容都不会被渲染。

交互式网站。在早期，各种库和框架使构建交互式网站变得更容易。
2006年，John Resig发布了jQuery，极大地简化了HTML中的客户端脚本。随着时间的推移，客户端框架和库出现了。
起初：框架和库庞大而笨重，没有模块化且不灵活通用。
现在：这些库更小、更轻量化，可以很容易地集成到任何项目中。
有了Vue.js，可以在任何JavaScript能运行的地方增加交互行为和功能。
Vue既可以用于完成个别页面的简单任务，也可以为企业级应用提供基础框架。

客户端的模型-视图-控制器(Model-View-Controller)模式提供的架构蓝图，已经被众多的现代Web应用开发架构采用。
MVC模式用于分离应用程序的层级关系。
- 视图(View)：负责向用户显示信息。体现为图形用户界面(Graphical User Interface，GUI)。
- 控制器(Controller)：在中间，有助于将事件从视图转换为模型，将数据从模型转换为视图。
- 模型(Model)：保持业务逻辑并且包含数据存储。
在现代软件开发中，MVC模式通常作为单应用程序的组成部分，并且为分离应用程序代码的不同角色提供了良好的机制。
对于使用MVC模式的网站，每个请求都会启动从客户端到服务器、再到数据库的信息流，最后依次返回。该过程耗时且资源密集，并且不提供响应式用户体验。

HTML4.01为<script>元素定义了defer的属性。脚本会被延迟到整个页面都解析完毕之后再运行，相当于告诉浏览器立即下载，但延迟执行。

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script

关注