学习笔记-前端开发架构设计

2023-11-18

前端开发的技术选项主要包含以下几点,下面对一些名词概念的解释做了笔记:
在这里插入图片描述
1、分层架构:把功能相似,抽象级别相近的实现进行分层隔离

优势:松散耦合(易维护,易复用,易扩展)

常见分层方式:MVC,MVVM
在这里插入图片描述
2、模块化:解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程

意义:解耦,可并行开发

模块化方案:AMD,CMD,CommonJS,ES6

3、模块:模块其实本质上就是一个JS文件,该文件实现了一定的功能,并在隐藏自己内部实现的情况下,提供了一些接口给其他模块使用。任何一个正常的模块化标准,都应该默认隐藏模块中的所有实现,而通过一些语法或API调用来暴露接口。

当通过某种语法或API去使用一个模块时,这个过程叫做模块的导入,注意的是,在使用某一模块时,我们使用的是该模块导出的部分,隐藏的部分是永远无法使用的。

4、CommonJS导出模块的方法是exports,导入模块的是require,具体规范如下

1)如果一个JS文件中存在exports或require,该JS文件是一个模块

2)模块内的所有代码均为隐藏代码,包括全局变量、全局函数,这些全局的内容均不应该对全局变量造成任何污染

3)如果一个模块需要暴露一些API提供给外部使用,需要通过exports导出,exports是一个空的对象,你可以为该对象添加任何需要导出的内容

4)如果一个模块需要导入其他模块,通过require实现,require是一个函数,传入模块的路径即可返回该模块导出的整个内容

5、敏捷开发:以用户的需求进化为核心,采用迭代、循序渐进的方法进行软件开发,是一种迭代的意识和方法,而不是概念和工具。

优点:能够应对满足不断变化的需求

6、SEO即搜索引擎优化。SEO技术是通过优化网站,使网站关键词在搜索引擎上的排名靠前,让网站更多的关键词产生排名、获得流量,这也是SEO的职责所在。

7、框架选择,用户端:求稳,用户类型多样,有SEO要求,多页应用,使用jQuery和CSS

管理系统:求快,用户单一,无SEO要求,使用React和SASS

构建工具:Webpack(支持CommonJS)

8、发布方式:
在这里插入图片描述
9、接口文件的书写规范:
在这里插入图片描述
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

学习笔记-前端开发架构设计 的相关文章

随机推荐

  • 服务器自定义怪,饥荒联机服务器-自定义世界设置

    return override enabled true override 食物 berrybush default 浆果从 cactus default 仙人掌 carrot default 胡萝卜 mushroom default 蘑菇
  • 报表开发工具FastReport开源代码2020首发更新!邀您免费下载

    开源在我们这个时代非常流行 软件市场的全球巨头对其普及起到了相当大的作用 毕竟 这些公司正在开发高端商业软件 而它们的开源项目是基于经过验证的解决方案和最佳实践的 为什么越来越多的人喜欢开源软件 稳定 商业产品可以在任何时候完成其生命周期
  • 应用程序图标消失解决方法

    打开CMD 依次使用以下4条命令 taskkill im explorer exe f cd d userprofile appdata local del iconcache db a start explorer exe
  • 若依中反向代理解决跨域问题

    从Vue中获取图片 是在后端获取 但获取图片url路径是前端的 http localhost dev api captchaImage localhost 8080 是后端页面 路径中localhost 默认是localhost 80 端口
  • IIC协议及驱动

    1 IIC协议概述 由数据线SDA和时钟线SCL构成的串行总线 可收发数据 高速IIC总线一般可达400kb s以上 SDA 用来一位一位传送数据 SCL 在通信过程中起控制作用 半双工通信 2 通信过程 开始信号与停止信号 开始信号 SC
  • vs2019+QT5.12.0打不开现有文件,提示This application failed to start because no Qt platform plugin问题

    按照要求配置好vs2019和QT5 12 0后 qt addin插件仍然不能使用 已经尝试更换了2 8 0 2 6 0 2 5 0版本的qt development releases vsaddin 仍旧报错 出现以下问题 后来找方法 在电
  • Your device is corrupt. It cant‘t be trusted and may not work propely.

    一 问题描述 如下图 Google Nexus 6刷机刷残了 开机就是这个界面 度娘说是系统损坏 导致不可信 然后我按了 电源键 手机直接关机 二 解决方案 1 准备工作 1 准备一个配置好adb和fastboot工具的PC机 adb to
  • 【2023 AI 写作工具大盘点】国内外 45 款免费 AI 写作神器汇总,轻松成为创作高手!

    0 未来百科 未来百科 https nav 6aiq com 是一个知名的AI产品导航网站 为发现全球优质AI工具而生 目前已 聚集全球3000 优质AI工具产品 旨在帮助用户发现全球最好的AI工具 同时为研发AI垂直应用的创业公司提供展示
  • 【shiro】shiro反序列化漏洞综合利用工具v2.2(下载、安装、使用)

    目录 1 工具下载 2 依赖环境安装 3 使用 1 工具下载 shiro反序列化漏洞综合利用工具v2 2下载 链接 https pan baidu com s 1kvQEMrMP PZ4K1eGwAP0 Q pwd zbgp 提取码 zbg
  • Vue如何写埋点,统计PVUV,用户的喜爱程度、停留页面的时长

    封装PVUV统计方法 下面康康我在不同的情况下在页面的使用 下面就是我们的最后一步 如何在axios的config headers添加自字段 领导提出了一个需求 写pvuv要统计用户的访问量和喜好 俺也没写过 但是我们组的后台非常的强大 他
  • HBase Hlog原理总结归纳

    HBase Hlog原理总结归纳 1 Hlog概述 按照此前另外一篇博客所述 Hlog其实就是为了保存内存缓存数据现场而建立的一套机制Hbase内部机制 Hlog也叫做WAL文件 全名是write ahead log 故名思意 就是在数据写
  • 接单日记(三)文本处理之词云生成

    文章目录 接单日记 三 文本处理之词云生成 一 实验目的 二 实验内容 三 程序及结果 1 运行程序 2 运行结果 接单日记 三 文本处理之词云生成 此为一个实验报告 故遵守实验报告的格式 一 实验目的 熟悉Python第三方库python
  • FPGA学习笔记_ROM核调用与调试

    FPGA学习笔记 ROM核调用与调试 1 ROM存储器IP核的使用 2 创建 mif文件 3 In system memory content editor内存查看工具的使用 4 Signal tapII工具使用 5 Verilog 代码
  • 字节码增强和AOP

    字节码增强技术 AOP技术其实就是字节码增强技术 JVM提供的动态代理追根究底也是字节码增强技术 应用场景 某一天系统出现OOM 通过工具分析 是莫各类的对象占用了很大空间 但是这个对象被许多程序访问 那么就很难找到 工程的全文匹配也只能找
  • ISAKMP - 解释域(DOI)和初始向量(IV)

    Domain of Interpretation 解释域 DOI定义了负载的格式 交换的类型 以及对安全相关信息的命名约定 比如对安全策略或者加密算法和模式的命名 DOI标识用来说明payload通过哪一个DOI来解释 常用的DOI有两个
  • Git分支常用命令

    列出所有本地分支 git branch 列出所有远程分支 git branch r 新建一个分支 但依然停留在当前分支 git branch branch name 新建一个分支 并切换到该分支 git checkout b branch
  • 什么是多进程-多线程-多协程 ---- 文件系统

    Linux操作系统五大子系统 内核 操作系统的核心代码 进程调度 SCHED 调度算法 先进先出 短作业优先 最高优先级 内存管理 MM 虚拟内存 虚拟地址映射 段页机制 缺页中断 内存的分配管理 伙伴系统 操作系统之内存管理 知乎 文件系
  • 【漏扫工具xray】简介、下载、使用步骤、命令指南、导入安全证书

    目录 一 简介 二 下载 三 使用方法 3 1 使用步骤 3 1 1 第一步 文件夹中打开Windows powershell 或者cmd进入 3 1 2 第二步 在终端使用XRAY exe程序 3 2 命令指南 3 2 1 单一扫描 3
  • 联想3850x6服务器装esxi系统,VMware Cloud Foundation 3.x 演示 — 系统部署

    VMware Cloud Foundation 简介 VMware Cloud Foundation VCF 是 VMware 针对用户数据中心现代化改造而专门开发的新一代云平台 它整合了 vSphere vSAN NSX Data Cen
  • 学习笔记-前端开发架构设计

    前端开发的技术选项主要包含以下几点 下面对一些名词概念的解释做了笔记 1 分层架构 把功能相似 抽象级别相近的实现进行分层隔离 优势 松散耦合 易维护 易复用 易扩展 常见分层方式 MVC MVVM 2 模块化 解决一个复杂问题时 自顶向下