前端项目笔记经验-001

做项目有一段时间了,利用下班或者零碎时间的功夫,想分享一些个人心得和感受。与君共勉。

前端应该具备的几个能力:

(1)准备假数据(模拟数据)的能力,因为后端有时候接口没有准备好,前端没有数据,但是排期比较紧,不能等待后端,前端要有造模拟数据的能力

(2)有跳过某一个业务逻辑的能力,假如一个闭环的业务需要5步可以完成,如果2卡住了,那么345就不能继续推进,当然麻烦后端改数据库确实是一个好办法,简单粗暴。如果是不得已的情况下,又是在开发环境我想也行吧。

(3)数据处理的能力,有时候数据后端处理好,前端直接渲染比较轻松,但如果接口返回的数据并不能直接使用就需要前端在渲染页面之前要进行一些数据处理,有时候数据处理的工作量还比较大。这是一个比较模糊的问题,需要考虑好这个数据处理的工作是谁来做比较好?

(4)校验的问题。前端的校验可以替代后端省去不少校验工作,但是如果直接用postman接口工具去测试就会存在问题。校验的问题在一些场景是前端做比较好,例如表单校验;另一些场景,例如数据量较大的重复性检索的问题肯定是后端校验。还是要根据具体场景具体分析。

(5)多个项目同时开发的情况,后端的开发环境操作,影响前端不同版本的迭代开发,应该怎么办?

(6)代码分支的管理,项目多的时候,或者同一个项目需要同时迭代多个版本的时候,代码管理尤为重要。以前做的项目在这方面没有规范,随着越来越正规,还有就是分支写多了,就慢慢有了新的感悟,这一块确实有必要去维护好。如果引起代码丢失或者项目发布没有合并代码的话是比较严重的发布事故。

(7)封装组件的能力,这里分享一点我自己的想法,根据个人经验,我想,前端组件可以简单分为公共的一般功能组件和实现业务的业务组件,一般功能组件是实现系统普遍存在的一般性功能,可以方便之后的相似功能业务的开发。业务组件就是和我们的需求业务有很强的关联,其中的数据,逻辑跟我们的业务强耦合,一般不能再放入其他页面中使用。我们前端在封装组件的时候确实需要也是一定要考虑的一件事情就是尽可能的不要把业务上的数据和逻辑放入到这种一般性功能的组件之中,这样会产生一些代码的耦合,我们的项目在逐渐健壮起来的时候,就很难再操作。所以在操作组件的时候,尽可能把数据和逻辑准备在业务组件中,假如我们不得不这样做的时候,也最好写好备注,并且尽量不影响以前的代码逻辑。以前刚开始做项目的时候就确实碰到这个问题,导致本来封装的一个table组件,其中添加了太多的if和else,我想就是因为和业务耦合性太强,不过这是一方面,另一方面就是迭代的次数频繁,加上周期比较久,经手人多,就改起来难度变大了一些。所以针对于封装组件这一点,我在现在的项目开发中也慢慢发现了一些可以去优化的点,那么就要在之后的项目迭代中如果要封装组件,那么就应该尽可能规避掉一些问题,这也是如果在排期比较充足,有时间的话需要进一步优化的事情。毕竟这可以让我们使用组件的时候更流畅一些。

to be continued...

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/43920.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

element plus 实现跨页面+跨tab栏多选

文章目录 element plus 层面数据层面 菜鸟好久没写博客了,主要是没遇见什么很难的问题,今天碰见了一个没有思路的问题,解决后立马来和大家伙分享了! 菜鸟今天要实现一个需求,就是:实现跨页面跨 tab栏 多选…

力学笃行(四)Qt 线程与信号槽

线程与信号槽 1. 主窗口(MainWindow)主线程2. 线程2.1 QThread2.2 QtConcurrent::run()2.3 thread 的调用方式 3. 信号槽3.1 connect3.2 元对象系统中注册自定义数据类型 附录一 信号槽机制与主线程进行通信示例 1. 主窗口(MainWindow&#x…

MySQL联合索引最左匹配原则

MySQL中的联合索引(也叫组合索引)遵循最左匹配原则,即在创建联合索引时,查询条件必须从索引的最左边开始,否则索引不会被使用。在联合索引的情况下,数据是按照索引第一列排序,第一列数据相同时才会按照第二列排序。 例…

CVE-2024-27292:Docassemble任意文件读取漏洞复现 [附POC]

文章目录 CVE-2024-27292:Docassemble任意文件读取漏洞复现 [附POC]0x01 前言0x02 漏洞描述0x03 影响版本0x04 漏洞环境0x05 漏洞复现1.访问漏洞环境2.构造POC3.复现 0x06 修复建议 CVE-2024-27292:Docassemble任意文件读取漏洞复现 [附POC] 0x01 前言 …

冒泡排序与其C语言通用连续类型排序代码

冒泡排序与其C语言通用连续类型排序代码 冒泡排序冒泡排序为交换排序的一种:动图展示:冒泡排序的特性总结:冒泡排序排整型数据参考代码(VS2022C语言环境): 冒泡排序C语言通用连续类型排序代码对比较的方式更…

法律行业守护神:知识库+AI大模型,解锁企业知识全周期管理

在法律行业中,搭建一个有效的知识库并进行企业知识全生命周期管理确实是一项不小的挑战。法律环境的复杂性和不断变化的法规要求企业必须持续更新和维护其知识库,以确保所有信息的准确性和实时性。 这种系统化的信息管理不仅有助于提高律师和法律顾问的…

打卡第9天-----字符串

我在自学的时候,看了卡尔的算法公开课了,有些题目我就照葫芦画瓢写了一遍js代码,差不多都写出来了,有暴力解法,有卡尔推荐的思路和方法。话不多说,直接上题上代码吧: 一、翻转字符串里的单词 leetcode题目链接:151. 反转字符串中的单词 题目描述: 给你一个字符串 s…

5个自动化面试题,助你过关斩将!

面试时,自动化是软件测试高频面试内容,通过学习和准备面试题,你会对可能遇到的问题有所准备,从而减轻面试时的紧张感,让你在面试中稳操胜券! 今天,分享一些在面试中可能会遇到的自动化测试面试…

软件架构之测评方法

软件架构之测评方法 第 11 章:测试评审方法11.1 测试方法11.1.1 软件测试阶段11.1.2 白盒测试和黑盒测试11.1.3 缺陷的分类和级别11.1.4 调试 11.2 评审方法11.3 验证与确认11.4 测试自动化11.5 面向对象的测试 第 11 章:测试评审方法 软件测试与评审是…

大学生暑假“三下乡”社会实践工作新闻投稿指南请查收!

近年来,大学生暑期“三下乡”社会实践工作方兴未艾,越来越多的大学生通过参与“三下乡”实践工作,走出校园,深入基层,体验农村生活,服务农民,促进农村经济社会发展,实现了理论与实践…

算能科技,致力于成为全球领先的通用算力供应商

算能致力于成为全球领先的定制算力提供商,专注于RISC-V、TPU处理器等算力产品的研发和推广应用。公司遵循全面开源开放的生态理念,携手行业伙伴推动RISC-V高性能通用计算产业落地;打造覆盖“云、边、端”的全场景产品矩阵,为数据中…

【eNSP模拟实验】三层交换机实现VLAN通信

实验需求 让PC1和PC2能够互相通讯&#xff0c;其中PC1在vlan10中&#xff0c;PC2在vlan20中。 实验操作 首先把PC1和PC2都配置好ip&#xff0c;配置好之后&#xff0c;点击右下角的应用 然后&#xff0c;在S2交换机&#xff08;S3700&#xff09;上做如下配置 #进入系统 <…

mvvm模式

MVVM&#xff08;Model-View-ViewModel&#xff09;模式是一种软件设计模式&#xff0c;特别适用于构建用户界面&#xff08;UI&#xff09;应用程序&#xff0c;尤其是使用WPF&#xff08;Windows Presentation Foundation&#xff09;、Silverlight和其他XAML技术的应用程序。…

【Redis】Redis十大类型

文章目录 前言一、string字符串类型二、List列表类型三、 Hash表四、 Set集合五、 ZSet有序集合六、 GEO地理空间七、 HyperLogLog基数统计八、Bitmap位图九、bitfield位域十、 Stream流10.1 队列指令10.2 消费组指令10.3 ACK机制 前言 redis是k-v键值对进行存储&#xff0c;k…

Mac上pyenv的安装及使用

Mac上pyenv的安装及使用 安装 brew update brew install pyenv 报错 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallowgit -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow那就执行这2句 还报错 git -C /…

【最经典的79个】软件测试面试题(内含答案)提前备战“金九银十”

001.软件的生命周期(prdctrm) 计划阶段(planning)-〉需求分析(requirement)-〉设计阶段(design)-〉编码(coding)->测试(testing)->运行与维护(running maintrnacne) 测试用例 用例编号 测试项目 测试标题 重要级别 预置条件 输入数据 执行步骤 预期结果 0002.问&…

“论软件维护方法及其应用”写作框架,软考高级论文,系统架构设计师论文

论文真题 软件维护是指在软件交付使用后&#xff0c;直至软件被淘汰的整个时间范围内&#xff0c;为了改正错误或满足 新的需求而修改软件的活动。在软件系统运行过程中&#xff0c;软件需要维护的原因是多种多样的&#xff0c; 根据维护的原因不同&#xff0c;可以将软件维护…

CVE-2024-34351 漏洞复现

CVE-2024-34351&#xff0c;由Next.js异步函数createRedirectRenderResult导致的SSRF。 影响版本&#xff1a;13.4.0< Next.js < 14.1.1 参考文章&#xff1a; Next.js Server-Side Request Forgery in Server Actions CVE-2024-34351 GitHub Advisory Database Gi…

数据库Doris的手动分桶和自动分桶

在Doris中,分桶(Bucketing)是为了更好地管理和查询数据,将数据分成多个小的逻辑单元。分桶可以通过手动或自动的方式进行配置,每种方式各有其特点和适用场景。 Doris 支持两层的数据划分。第一层是分区(Partition),支持 Range 和 List 的划分方式。第二层是Bucket(Tab…

RK3568平台开发系列讲解(内存篇)Linux进程内存的消耗统计

🚀返回专栏总目录 文章目录 一、VSS(Virtual Set Size)二、RSS(Resident Set Size)三、PSS(Proportional Set Size)四、USS(Unique Set Size)五、其他工具Linux 提供了多种进程内存占用的度量指标, 它们反映了不同的内存使用特征: VSS 反映进程虚拟内存总需求, 包括未…