前端工程搭建:

搭建前端工程最主要的是技术选型,如果技术选型不够全面或不合适,会出现很多问题。技术选型通常会涉及基础框架、打包构建工具、网络库、组件库、CSS预编译语言、状态管理、IDE、代码质量检查工具、包管理工具、版本控制工具等

CSS预编译语言

搭建工程没有考虑css样式隔离,会出现css样式互相覆盖的问题。
1.react脚手架自带方案 文件名改成.module.scss

import styles from './Counter.module.css

代码质量

代码的质量包含复杂度、重复率、代码风格等,代码质量下降会导致恶性循环,比如在烂代码上继续写烂代码,好的代码不必花过多时间来修复bug优化代码逻辑,能帮开发者快速定位问题,也方便团队成员做交接。
烂代码常见原因是业务压力大开发者没时间追求代码质量,通常的做法是增加人力。
-代码重复率:定期对代码重复度检查是很有意义的一件事,建议封装成公共的方法和组件。
-可测试性:代码的可测试性同样反应出代码的好坏,可测试性查,很难写单元测试,基本上说明代码设计的有问题
-可读性
-可维护性
-编码规范:编码规范有助于提高团队协作的效率以及代码的可维护性
代码评审时从业务逻辑角度入手,评估需求还原度,针对异常边界提出疑问,编写人员自我审查

组件库

组件是对公共模块的封装,可有效解决使用频率高的模块的复用问题,减少重复代码提高开发效率。
开发组件应当遵循以下原则:
高内聚:每个组件只完成一件事
低耦合:组件与组件之间是低耦合的
按照复杂度组件可分为粒度最小的原子组件button、基于原子组件拼接的复合组件modaltable、视图组件、功能组件(状态管理)、业务组件
持续集成
持续集成是一种软件开发实践,通常开发成员每天至少集成一次自己的工作,持续集成遵循以下原则:
开发者每天至少向版本库提交一次代码
每天至少需要从版本库更新一次代码到本地
每次构建都要100%通过
修复失败的构建是优先级最高的事情

系统部署

随着互联网的发展,开发者可通过部署平台,通过可视化的方式进行一键部署,直接发布任务,平台会返回各个环节的运行信息和日志。

页面监控
请求监控
工程质量优化

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

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

相关文章

机器学习周记(第三十五周:语义分割)2024.4.15~2024.4.21

目录 摘要 ABSTRACT 1 语义分割基本概念 1.1 数据集格式 ​编辑 1.2 语义分割评价指标 1.3 语义分割标注工具 2 转置卷积 3 FCN网络结构基本原理 摘要 本周主要学习了语义分割的基本概念及其在计算机视觉领域中的应用。了解了语义分割的几种经典网络,如全卷…

linux系统密码重置的方法

在linux系统中忘记密码,重置(重启:shutdown -r now) 1、在启动 Linux 时,按键盘上的上下左右键来止 Linux 的正常启动。 2、按下e鍵进入安全模式 3、找到首行是linux16,末尾是UTF-8的段落,在后门…

Python中的设计模式与最佳实践

👽发现宝藏 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 Python中的设计模式与最佳实践 在软件开发中,设计模式是一种解决常见问题的经过…

APP开发_ js 控制手机横屏或竖屏

1 Android 控制手机横屏或者竖屏的方法 1.1 配置 AndroidManifest.xml 以横屏模式为例: 在 Android 开发中,如果想让应用或某个特定的 Activity 在运行时以横屏模式显示,可以通过修改 Activity 的 AndroidManifest.xml 文件中的配置来实现…

【Django】调用django的pbkdf2_sha256加密算法测试

基于django搭建的系统中,用到pbkdf2_sha256((Password-Based Key Derivation Function 2))加密算法,这里做些代码测试、总结。 PBKDF2简介 PBKDF2是一种基于密码的密钥派生函数,用于从用户提供的…

C语言读写文件和C++读写文件

文本文件读写: "r":只读模式打开文本文件,文件必须存在。"w":写入模式打开文本文件,如果文件不存在则创建新文件。"a":追加模式打开文本文件,如果文件不存在则创…

2024-4-狼道

2024-4-狼道 2024-4-9 宋犀堃(堃通坤,多用于人名) fatux: 做人当如狗,和蔼可亲;做事当如狼,专注果决。 狼道 智慧生存的强者法则 走向卓越的成功之道 狼道,是追求卓越的野心&am…

C++_特殊类的设计和单例模式

文章目录 学习目标:1.请设计一个类,不能被拷贝2. 请设计一个类,只能在堆上创建对象3. 请设计一个类,只能在栈上创建对象4. 请设计一个类,不能被继承5. 请设计一个类,只能创建一个对象(单例模式) 特殊类的设…

达梦数据库的DMRMAN工具-管理备份(备份集查看)

达梦数据库的DMRMAN工具-管理备份(备份集查看) 管理备份一个重要的目的是删除不再需要的备份。DMRMAN 工具提供 SHOW、 CHECK、REMOVE、 LOAD 等命令分别用来查看、校验、删除和导出备份集。下文将对这些命令进行详细介绍。若命令中指定了 dm.ini&#…

如何在原生项目中集成flutter

两个前提条件: 从flutter v1.17版本开始,flutter module仅支持AndroidX的应用在release模式下flutter仅支持一下架构:x84_64、armeabi-v7a、arm6f4-v8a,不支持mips和x86;所以引入flutter前需要在app/build.gradle下配置flutter支持的架构 a…

vue3-setup与vue2的data共存

文章目录 前言一、vue3的setup响应式状态生命周期钩子示例注意事项 二、与vue2 的data 共存setup 与 data 的区别setup 与 data 的共存注意事项示例 前言 vue3 setup 学习 一、vue3的setup Vue 3 的 setup 函数是 Composition API 的核心,它提供了一种新的方式来使…

《设计模式之美》- 总结

《设计模式之美》- 总结 第一章 概述 1.1 为什么学习代码设计 编写高质量的代码应对复杂代码的开发程序员的基本功职业发展的必备技能 1.2 如何评价代码的质量 1.2.1 可维护性 可维护性代码的特性:代码简洁、可读性好、可扩展性好代码分层结构清晰、模块化程度…

maven问题汇总

​ 1、报错 failed to transfer from http://0.0.0.0/ during a previous attempt. com.byd.xxx:xxx-parent:pom:1.1.0-SNAPSHOT failed to transfer from http://0.0.0.0/ during a previous attempt. This failure was cached in the local repository and resolution is no…

【Pytorch】PytorchCPU版或GPU报错异常处理(10X~4090D)

Pytorch为CPU版或GPU使用报错异常处理 文章目录 Pytorch为CPU版或GPU使用报错异常处理0.检查阶段1. 在conda虚拟环境中安装了torch2.卸载cpuonly3.从tsinghua清华源安装不完善误为cpu版本4.用tsinghua清华源安装成cpu错误版本5.conda中torch/vision/cudatoolkit版本与本机cuda版…

探索Java设计模式:组合模式

探索Java设计模式:深入理解与实践组合模式 组合模式(Composite Pattern)是一种结构型设计模式,它将对象组织成树形结构,以表示“部分-整体”的层次关系,并允许客户端以一致的方式处理单个对象和对象集合。…

Python 计算给定公式的真值表

在Python中,计算给定逻辑公式的真值表可以通过编写一个简单的函数来实现,该函数遍历所有可能的输入变量组合,并计算表达式的值。以下是一个使用Python计算逻辑表达式真值表的示例: def calculate_truth_table(variables, express…

LeetCode - 283.移动零

题目链接&#xff1a; LeetCode - 283.移动零 题目分析&#xff1a; ​​​​​ 题解代码&#xff1a; #include<iostream> #include<vector> using namespace std;class Solution { public:void moveZeroes(vector<int>& nums) {for (int cur 0, des…

【GitBlit】Windows搭建Git服务器详细教程

前言 如果公司或个人想在 Windows 环境下搭建私有的 Git 服务器&#xff0c;那么这个开源的 GitBlit 是一个不错的选择。 Gitblit 是一个开源纯 Java 的用于管理、查看和服务 Git 存储库。它是一个小型的托管集中式存储库工具。支持 SSH、HTTP 和 GIT 协议&#xff0c;开箱即…

Java+springboot开发的医院智能导诊服务系统源码 自动兼容小程序与H5版本

智能导诊系统 一、什么是智慧导诊系统&#xff1f; 智慧导诊系统是一种医院使用的引导患者自助就诊挂号、精准推荐科室、引导患者挂号就诊的系统。该系统结合医院挂号及就诊的HIS系统&#xff0c;为患者带来全流程的信息指引提醒&#xff0c;可以在全院区构建一个精细化、移动…

IP-guard getdatarecord 存在任意文件读取

声明 本文仅用于技术交流&#xff0c;请勿用于非法用途 由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#xff0c;文章作者不为此承担任何责任。 一、产品介绍 IP-guard是由溢信科技股份有限公司开发的一款终端安全管…