前端组件分类

于 2023-10-09 15:30:17 发布
阅读量153 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46893103/article/details/133703928
版权
  • 功能组件：按功能进行划分
    • 业务组件：与该项目有关的功能组件
    • 公共组件：与业务无关的功能组件，可以用在其他很多地方
  • 页面组件：按页面进行划分
    • components：页面组件文件夹下也可能会有components文件夹，其中对应的是该页面自己会使用到的组件，单独为其划分一个文件夹

学习组件化开发过程中，对目录结构分不清楚，用自己的一点见解划分记录一下，希望有懂哥能帮我指导交流一下

qq_46893103
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端领域的组件化究竟是在谈什么
JavaMonsterr的博客
06-09 339
在项目开发中，页面和功能大都拆分为多文件来实现，多文件管理逐渐暴露出以下问题：随着项目的不断迭代，以上问题便会导致：而产生以上问题的原因主要体现在：随着项目的迭代，从长期维护的稳定性和可操作性方面来看，大多数人都想过无数次重构和优化，却总是不敢轻易“动”。所以在前端项目工程化的前提下，引入了前端组件化，从功能模块的复用及多人协作层面进行解耦。2.1 什么是前端组件化？前端的组件化，其实是对项目进行自上而下的拆分，把通用的、可复用的功能中的模型（Model）、视图（View）和视图模型（ViewModel）以
2021-09-04
weixin_46643055的博客
10-04 164
目录 一、JavaScript简介[了解] 1 1、JavaScript概述： 1 2、JavaScript特点： 2 二、JavaScript初体验 3 1、前端开发三大组件： 3 2、前端项目开发结构 3 三、第一个JavaScript程序 4 四、引入JavaScript 5 ① 行内 js 代码 5 ② 内嵌 js 代码 6 ③ 外链 js 代码 6 五、 JavaScript弹窗 7 ① 警告对话框 7 ② 确认对话框 7 ③ 交互对话框(了解) 8 六、 JavaScript调试 8 ① 控制台
【前端组件】更新ing 各种标签 组件 按钮的名称
学python全靠盲目自信的猪的博客
02-21 2746
作为一为测试人员，来介绍互联网公司中 前端页面常见的组件 按钮 标签的名称 。以便更好的了解各种组件名称及功能。 以下内容来自一位菜鸟测试人员的编写，网上查阅资料汇总而成；非专业前端技术人员，非专业产品，有纰漏错误之处，请各位大神指正。 组件一般分为6大类 Feedback反馈、form表单、basic基础、data数据、navigation导航 、other其他。 这是一般的结构 ...
前端控件类型
玖囍
08-03 1353
颜色选择器（Color Picker）：允许用户选择颜色值的控件，常见的形式包括拾色器、调色板等。地图（Map）：集成地图服务，显示地理位置、标记、路线等信息的控件。反馈组件（Feedback Component）：用于收集用户意见、评价和反馈的控件，如星级评价、意见框等。文本编辑器（Rich Text Editor）：用于编辑富文本内容（如格式化文本、插入图像等）的控件。打印控件（Print Control）：用于控制网页打印选项的控件，如选择打印内容、设置页面布局等。
前端常见框架及组件的大体认识
苛学加记事
08-16 2051
前端常见框架 1. vue vue 于 2014 年 2 月由 Google 前员工尤雨溪发布。 在国内，vue有着得天独厚的优势，因为它的作者是华人尤雨溪，技术文档相对友好。 在有HTML，CSS，JavaScript的基础上，可以快速上手。 2. angular angular 于 2010 年 9 月由Google发布。 学会用 Angular 构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上： Web、移动 Web、移动应用、原生应用和桌面原生应用。 相比于vue的轻巧，angul
力软前端组件 API.doc
01-05
力软前端组件 API.doc 力软前端组件 API 是一个强大的前端解决方案，提供了一系列的前端组件和 API，帮助开发者快速构建高效、可靠的 Web 应用程序。本文档旨在提供详细的使用说明和示例代码，帮助开发者快速掌握...
frontend:前端组件库有24种方式。 （2013-2019）
04-23
位，用于24种方式的前端组件库 要求 Bits基于 （一种可快速开发组件，模板和页面的工具）构建。 Fractal使用了许多ES6功能，因此该项目要求将 v4.0 +安装在本地。 还建议在全球范围内安装Gulp。 安装 要启动并运行...
组件化的前端开发流程详细说明
09-22
在`p/dpl/`中，组件按照功能分类，便于管理和调用。 组件化开发的实现主要包括以下几个步骤： 1. **全站公用的JS和CSS**：从`p/dpl/`中选择组件合并成全站公用的文件，如`common.js`或`common.css`，放置在对应的...
同时支持Intact.Vue.React框架的前端组件库
最新发布
06-14
5）已有比较好的技术，如关于分类学习方面的技术已相当成熟。 缺点是要求内容能容易抽取成有意义的特征，要求特征内容有良好的结构性，并且用户的口味必须能够用内容特征形式来表达，不能显式地
前端框架分类及选型.zip
12-17
本篇文章将深入探讨前端框架的分类以及选型策略，特别关注`Koa`框架及其相关中间件的使用。 ### 前端框架分类 前端框架主要分为三大类： 1. **MVVM（Model-View-ViewModel）框架**：如React、Vue.js和Angular，...
前端的主流组件库你知道有那些吗？是否都会用呢？
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
05-23 1万+
了解常见组件库及使用流程目标了解一些常见的Vue组件库前端项目分类移动端（h5页， 小程序）PC端常见的vue技术栈组件库移动端（Vant[1],Cube-UI[2], NutUI[3]echarts[4]）PC端 （element-ui[5],Ant Design of Vue[6],iView[7]）小程序:uniapp[8]组件库的基本使用流程根据项目...
30组常用前端开发组件库，前端组件收集整理列表
qq_21729177的博客
10-09 3852
这里是收集的web前端开发常用前端开发组件库，搭建web app常用的样式/组件等收集列表(移动优先)。主要包含前端框架，构建工具，自动化模块、jQuery插件、前端样式等，囊括最实用的前端开发组件库！ 0. 前端自动化 前端构建工具 gulp – The streaming build systemgrunt – the JavaScript Task Runner 前端
前端Js框架汇总
weixin_34187862的博客
06-30 1318
前端Js框架汇总 概述： 　　有些日子没有正襟危坐写博客了，互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。 　　Web、无线...
前端常用组件库
DevelopmentW的博客
08-30 4204
前端常用组件和工具
前端模块与组件的区别
qq_36709020的博客
04-23 2832
模块化中的模块一般指的是 Javascript 模块，比如一个用来格式化时间的模块。组件则包含了 template、style 和 script，而它的 Script 可以由各种模块组成。比如一个显示时间的组件会调用上面的那个格式化时间的模块。...
学习前端_vue组件分类
weixin_38527697的博客
08-15 172
vue组件分为两类：全局组件和局部组件 1.全局组件时通过vue.component进行注册 2.局部组件时在vue实例中注册：在components选项中定义自己得组件，对于comconents中得属性来说，其属性名就是自定义元素的名字，其属性值就是这个组件的选项对象 <!DOCTYPE html> <html lang="en"> <head> ...
前端模块化组件汇总
weixin_30765505的博客
04-16 107
前端组件分为core、comoon、base三大类。core核心组件之间完全独立；base基础组件可依赖core核心组件为业界通用的功能组件；common通用组件和公司内业务强相关，抽象重复业务公共部门提高开发效率。 github地址：https://github.com/flzbuaacoder/component 转载于:https://www.cnblogs.com/fenglu...
MVC框架（一）----前端框架分类
热门推荐
xcymorningsun的专栏
11-17 1万+
一、前端框架库： 1.Zepto.js 描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的，只作了些基础的了解。 2.SUI Mobile 描述：SUI Mobile 是一套基于 Framework7 开发的UI库。
前端常用组件汇总
前端学习
04-16 1777
前端常用组件汇总 日历 分页 分页表格 kendo grid bootstrap grid Kendo UI控件库
前端uniapp无限分类
09-11
在前端开发中，如果你使用的是uni-app框架，实现无限分类可以通过递归的方式来完成。下面是一个简单的示例： 1. 首先，你需要有一个存储分类数据的数组，每个分类对象需要包含一个唯一的ID和一个父级ID。 ```javascript data() { return { categories: [ { id: 1, parentId: 0, name: '分类1' }, { id: 2, parentId: 0, name: '分类2' }, { id: 3, parentId: 1, name: '分类1-1' }, { id: 4, parentId: 1, name: '分类1-2' }, { id: 5, parentId: 3, name: '分类1-1-1' }, // 其他分类数据... ] } } ``` 2. 创建一个递归组件，用于展示无限分类的数据。 ```vue <template> <ul> <li v-for="category in getChildCategories(0)" :key="category.id"> {{ category.name }} <recursive-category :parent-id="category.id" /> </li> </ul> </template> <script> export default { name: 'RecursiveCategory', props: { parentId: { type: Number, required: true } }, methods: { getChildCategories(parentId) { return this.categories.filter(category => category.parentId === parentId) } }, components: { RecursiveCategory: { name: 'RecursiveCategory', props: ['parentId'], template: ` <ul> <li v-for="category in getChildCategories(parentId)" :key="category.id"> {{ category.name }} <recursive-category :parent-id="category.id" /> </li> </ul> `, methods: { getChildCategories(parentId) { return this.categories.filter(category => category.parentId === parentId) } } } } } </script> ``` 在以上示例中，我们使用了递归组件 RecursiveCategory 来展示无限分类数据。它接受一个 parentId 属性，根据该属性筛选出当前父级下的子分类，并继续递归调用自身来展示子分类的子分类。 通过这种方式，你可以在uni-app中实现无限分类的展示。当然，你还可以根据实际需求进行样式和功能的扩展。希望对你有所帮助！如有更多问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值