想分几篇文章来说说前端开发。 一般的网站开发流程包括四个方面：总结需求设计界面前端开发后端开发 开发完成后会进行内部测试以及后续的优化等，其中2,3,4可以并行开发。下面介绍前端开发的工作流程： 1.分层开发 在产品需求文档确定好后就可以进行分
转载
2023-08-08 10:03:27
139阅读
前端架构设计后台架构设计概念适用于前端，前端没有数据库设计，所以可以不考虑并发。 vuejs的优点，一样适用于前端项目。高内聚，低耦合，可复用，单元测试。从项目的生命周期，开发、上线、维护三个阶段考虑高内聚低耦合，划分清晰的模块职责范围，确定模块依赖和交互关系。打包优化，自动化部署。高性能、安全可靠、监控，局部更新。可扩展易维护，以数据来驱动视图，合理的模块拆分，层次清晰。统一的编码风格、文档留存
转载
2023-08-07 23:45:12
93阅读
前端项目架构怎么设计
在设计前端项目架构时，我们需要考虑的问题包括但不限于代码结构、模块化、性能优化和可维护性等。本文将以一个具体的问题为例，介绍一个设计前端项目架构的方案。
## 问题描述
假设我们要设计一个在线购物网站的前端项目，其中包括商品展示、购物车、下单支付等功能。我们需要设计一个可扩展的前端架构，方便后续添加新功能和维护。
## 解决方案
### 1. 代码结构
良好的代码
原创
2024-01-10 05:32:11
106阅读
这篇文章介绍了一些使前端应用程序加载更快并提供良好用户体验的技术。我们将研究前端的总体架构，如何首先加载必需的资源，并最大化资源缓存的概率。无论你的页面是否需要成为客户端应用程序，还是如何优化应用程序的渲染时间，我都不会说太多后端如何传递资源。总览 我将把应用程序加载分为三个不同的阶段：初始渲染 – 用户看到任何东西之前需要多长时间？应用程序加载 – 用户可以使用该应用程序需要多长时间？下一页 –
转载
2024-05-18 12:08:25
26阅读
从单体前端到微前端为了解决单体前端的问题，我们可以借鉴微服务的设计思想，引入微前端概念。将微服务理念扩展到前端，解决中台微服务化后，前端由于仍为单体而存在的逻辑复杂和臃肿的问题。在前端设计时我们需要遵循单一职责和复用原则，按照领域模型和微服务边界，将前端页面进行拆分。同时构建多个可以独立部署、完全自治、松耦合的页面组合，其中每个组合只负责特定业务单元的 UI 元素和功能，这些页面组合就是微前端。微
转载
2024-01-10 12:44:20
117阅读
你真的了解WEB前端吗？今天就跟大家分享下如何简单快速理解web前端技术！1.什么是web前端？web前端，通俗地说就是你在电脑或者手机上浏览网页时所有能看到的东西。你浏览的任何网页可能包括文字、图像、声音、动画或视频。2.web前端包括什么技术？结构：由什么组成。以汽车为例，汽车由发动机、座椅、外壳、大灯、轮子、控制按钮等组成。这些部件构成汽车的结构。同理，网页也是由标题、段落、图像、视频等组成
转载
2023-12-09 13:05:52
56阅读
前言：正在学习react大众点评项目课程，学习react、redux、react-router构建项目。一、前端架构是什么前端架构的特殊性前端不是一个独立的子系统，又横跨整个系统分散性：前端工程化页面的抽象、解耦、组合可控：脚手架、开发规范等高效：框架、组件库、Mock平台，构建部署工具等抽象页面UI抽象：组件通用逻辑抽象：领域实体、网络请求、异常处理等 二、案例分析功能路径展示：首页-
转载
2023-06-12 20:22:50
261阅读
前端开发中，MVC，MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern)。它们通过分离关注点来改进代码的组织方式。不同于设计模式(Design Pattern)，只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。要了解MVC、MVP和MVVM，就要知道它们的相同点和不同点。不同部分包括3部分，分别是C(Controller)、P(Pre
转载
2023-07-13 15:11:24
0阅读
前端是什么？通俗的来说前端就是运行在PC端，移动端等浏览器上展现给用户层浏览的网页。前端技术也分为前端设计和前端开发，前端设计顾名思义就是网页的UI视觉设计，简洁美观的UI设计会给用户带来更佳的使用体验，而前端开发则是网站的前台代码实现。前端技术发展日新月异，更新迭代的速度很快且种类繁杂，本文将对前端开发基础知识作一个简单梳理介绍，通过MindMaster思维导图帮系统梳理前端知识框架
转载
2023-08-15 21:21:13
455阅读
1. 概念设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。2. 设计原则S –单一职责原则 一个程序只做好一件事 如果功能过于复杂就拆分开，每个部分保持独立 O – 开放/封
转载
2023-12-11 16:03:31
116阅读
前端面试题（二）1. 说说React生命周期中有哪些坑？如何避免？2. 说说Real diff算法是怎么运作的？tree层级conponent层级element层级3. 调和阶段setState干了什么？4. 说说redux的实现原理是什么，写出核心代码？5. React合成事件的原理？6. React组件之间如何通信？7. 为什么React元素有一个$$typeof属性？8. 说说Connec
转载
2023-10-22 09:51:09
27阅读
序：引言前端架构的种子编写前端样式总是作为延后的事情来考虑如果把前端开发当作“一个值得做出战略规划和有投资价值的关键元素”如果我们在CSS框架、文档工具、构建流程的命名规范，甚至标记本身这些方面拥有话语权会怎么 前端架构师的含义软件架构师的职责就是要保证项目中的每一步都在总体架构的指导下进行，而不会随机决定前端领域缺少架构，需要架构讨论使用什么技术栈、内容类型是什么，如何被创建、保存以及
转载
2023-11-16 21:28:09
103阅读
经历了几次面试，也算是一次宝贵的经历吧，把各家公司提问的问题记录下来，希望可以从中给自己或他人带来一点启发。（面试一）领主科技1.是否学习过计算机原理、数据结构？2.vue实现数据绑定的方式？3.vue有哪些常用的指令？v-if、v-show的区别？4.接触过哪些前端框架？5.前公司有几个前端？6.前家公司有哪些上线产品？7.用过哪些数据库？8.ajax组件的运作过程？9.用过哪些数据库？10.堆
转载
2023-08-30 13:03:24
237阅读
一、强调字体 字体的设计与强调在网页当中相当重要，合适的排版和适当的字体强调，不仅可以让用户快速的抓住网站中的重点，同样可以增强网站对用户的吸引力 二、单页面设计 随着互联网的发展，用户的习惯更倾向于鼠标滚轮。在用户的体验和习惯方面来讲，与其在多个页面中来回点击查看，不如直接滚轮来的方便。 三、网页色块设计 随着互联网的发展和H5的出现，网站网页的排版方式越来越倾向于简洁大方，这最根本的
转载
2023-09-09 08:49:49
69阅读
最近半忙不忙的写了一个外包网站，网站主要功能是艺术品竞拍和艺术衍生品的销售。工程已经完成了80%左右，现在前后端代码量已经50W行左右，我主要负责的是前端设计和前端布局。下面就先放一个网站的设计图吧，因为涉及到甲方的“商业机密”，所以打一下马赛克： 这篇文章主要算是我对于这个项目的总结或者说是对于这阶段自己看的一些前端书或者经验的一个总结吧，所以设计图就不贴那么多了。整个项目的设计图
转载
2024-07-02 21:02:41
44阅读
周一下午在实验室写了第一篇博文，有几个人捧场，那咱就得接着下去啊。然后我觉得现在写的内容更多的偏向于谈一下我对于前端css架构的理解和前端经验的一个小总结，所以就把标题里原来的【项目总结】给删掉了。但是这不是说以后文章就不提我手里这个半死不活的类电商网站了，还得接着提，要不然拿什么自黑呢~~ [回顾一下上一篇] 上一篇里我主要针对于我最近写的一个项目的前端结构，开始介绍了一些前端结构的一些
转载
2024-07-28 10:50:14
35阅读
此篇博文介绍 我所认为的应用框架设计原理。应用框架是指为解决前端应用程序复杂性的一套解决方案。它的特征是分层。我不保证我的阐述是对的。不过，基础有对错，但从客观经验得出的理论没有对错，仅有适应范畴或优劣的区别，它们都能保证你达到目的地。 应用框架原理图解: MVC是java十几年来一统企业应用程序后台框架的杀手锏。所以将它作为前端应用框架的核心，不求一览众山小，但肯定可以‘高
转载
2023-07-15 06:57:44
89阅读
1. B/S 软件开发架构简述1.1 Java Web 技术体系图1.2 B/S 软件开发架构简述B/S架构B/S框架，意思是前端(Browser 浏览器)和服务器端(Server)组成的系统的框架结构。B/S架构也可理解为web架构，包含前端、后端、数据库三大组成部分。示意图 ， 看前面的图即可前端 前端开发技术工具包括三要素：HTML、CSS 和 JavaScript，还有很多高级的前端框架，
转载
2023-07-18 18:44:59
221阅读
2022.02.08 今天读了一篇关于前端整洁架构的设计，因此对其中的内容进行了一些整理以及我自己的思考，后续阅读《领域驱动设计》后可以加入更多的内容。架构方面学习笔记（3）–前端架构设计 文章目录架构方面学习笔记（3）--前端架构设计整洁架构DDD(Design Driven Design) 领域驱动设计DDD 相对于三层架构有什么提升？ 整洁架构以一个?来介绍整洁架构：商店会出售不同种类的饼干
转载
2023-08-06 18:37:25
216阅读
qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
转载
2023-08-15 13:57:09
1307阅读
