前端工程化包含哪些(前端工程化的理解简书)

前端工程化包含哪些(前端工程化的理解简书)11 月 7 号笔记 今日所学 概论学习 组件基础 概论学习 什么是资源 从前端的定义上来讲 资源是从代码中分离 用于 UI 呈现和存储逻辑数据的静态内容 比如图片 字符串文本 页面布局 什么是 MVC 设计概念 通过将模型 model 视图 view 控制器 controller 分离而实现分块构造 在程序运行中又统一同步实现程序功能的程序设计理念 其中 模型负责数据和业务逻辑 视图负责展示数据

大家好,我是讯享网,很高兴认识大家。



11月7号笔记

今日所学:概论学习、组件基础

概论学习:

什么是资源?从前端的定义上来讲,资源是从代码中分离,用于UI呈现和存储逻辑数据的静态内容。比如图片、字符串文本、页面布局。

什么是MVC设计概念?通过将模型(model)、视图(view)、控制器(controller)分离而实现分块构造,在程序运行中又统一同步实现程序功能的程序设计理念。其中,模型负责数据和业务逻辑,视图负责展示数据,控制器接收人机交互同时调度模型来进行业务实现。

 

组件基础:

在编写整个页面时,我们所需要处理的东西有很多,不论是什么一个功能块,还是某一个布局等等,但是在整个页面中,有些东西是重用的,比方说多个页面都有一个相同的标头head或者一个相同样式的侧边栏sidebar。由于相同,就意味着可以“一网打尽”,而非单个页面重新编写。在这种情况下,就可以将这些多复用的东西设置为“组件”,用于统一管理等等。

*注意:这里所提及到的“组件”,不要狭义的理解为“页面布局”,也可以是某一个多复用的功能块等等。这句话很有意思“所有的项目从简单来看,就是大组件套小组件,然后就是一个项目了”。值得深思。

虽然vue提供了种类丰富的组件,但是部分组建往往过于简单,对于多复用下的“功能模块”的一个要求还是相去甚远。所以就需要根据人为要求在自定组件,这是合理的。

以下为自定义组件的流程:

1、构建component目录。


讯享网

在项目文件夹中间右键点击添加components文件夹。

*注意:由于命名规范要求,一定为“components”为文件夹名称。

2、新建组件。

在components文件夹上单击右键则会跳出“新建组件”,然后填写自定组件的名称即可。可以选择“创建同名目录”以便于后续的规划操作。

3、构造组件

所创建的组件其实是可以理解为一个简单的页面的,所以里面的放置格式等等,都是正常进行放置和排布。然后定义所需的内容即可。

以下为一个简单的组件定义。

4、在项目页面中导入即可。

常见组件的命名方法:所属内容-功能效果,或者是,功能目的。

今晚有课,都迟到了,先这样。

小讯
上一篇 2025-05-06 20:20
下一篇 2025-05-09 10:35

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/165233.html