想分几篇文章来说说前端开发。 一般的网站开发流程包括四个方面:总结需求设计界面前端开发后端开发 开发完成后会进行内部测试以及后续的优化等,其中2,3,4可以并行开发。下面介绍前端开发的工作流程: 1.分层开发 在产品需求文档确定好后就可以进行分
转载
2023-08-08 10:03:27
139阅读
前言:正在学习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阅读
前端面试题(二)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阅读
前端是什么?通俗的来说前端就是运行在PC端,移动端等浏览器上展现给用户层浏览的网页。前端技术也分为前端设计和前端开发,前端设计顾名思义就是网页的UI视觉设计,简洁美观的UI设计会给用户带来更佳的使用体验,而前端开发则是网站的前台代码实现。前端技术发展日新月异,更新迭代的速度很快且种类繁杂,本文将对前端开发基础知识作一个简单梳理介绍,通过MindMaster思维导图帮系统梳理前端知识框架
转载
2023-08-15 21:21:13
455阅读
1. 概念设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问,设计模式于己于他人于系统都是多赢的,设计模式使代码编制真正工程化,设计模式是软件工程的基石,如同大厦的一块块砖石一样。2. 设计原则S –单一职责原则 一个程序只做好一件事 如果功能过于复杂就拆分开,每个部分保持独立 O – 开放/封
转载
2023-12-11 16:03:31
116阅读
序:引言前端架构的种子编写前端样式总是作为延后的事情来考虑如果把前端开发当作“一个值得做出战略规划和有投资价值的关键元素”如果我们在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阅读
周一下午在实验室写了第一篇博文,有几个人捧场,那咱就得接着下去啊。然后我觉得现在写的内容更多的偏向于谈一下我对于前端css架构的理解和前端经验的一个小总结,所以就把标题里原来的【项目总结】给删掉了。但是这不是说以后文章就不提我手里这个半死不活的类电商网站了,还得接着提,要不然拿什么自黑呢~~ [回顾一下上一篇] 上一篇里我主要针对于我最近写的一个项目的前端结构,开始介绍了一些前端结构的一些
转载
2024-07-28 10:50:14
35阅读
最近半忙不忙的写了一个外包网站,网站主要功能是艺术品竞拍和艺术衍生品的销售。工程已经完成了80%左右,现在前后端代码量已经50W行左右,我主要负责的是前端设计和前端布局。下面就先放一个网站的设计图吧,因为涉及到甲方的“商业机密”,所以打一下马赛克: 这篇文章主要算是我对于这个项目的总结或者说是对于这阶段自己看的一些前端书或者经验的一个总结吧,所以设计图就不贴那么多了。整个项目的设计图
转载
2024-07-02 21:02:41
44阅读
此篇博文介绍 我所认为的应用框架设计原理。应用框架是指为解决前端应用程序复杂性的一套解决方案。它的特征是分层。我不保证我的阐述是对的。不过,基础有对错,但从客观经验得出的理论没有对错,仅有适应范畴或优劣的区别,它们都能保证你达到目的地。 应用框架原理图解: MVC是java十几年来一统企业应用程序后台框架的杀手锏。所以将它作为前端应用框架的核心,不求一览众山小,但肯定可以‘高
转载
2023-07-15 06:57:44
89阅读
前端架构设计后台架构设计概念适用于前端,前端没有数据库设计,所以可以不考虑并发。 vuejs的优点,一样适用于前端项目。高内聚,低耦合,可复用,单元测试。从项目的生命周期,开发、上线、维护三个阶段考虑高内聚低耦合,划分清晰的模块职责范围,确定模块依赖和交互关系。打包优化,自动化部署。高性能、安全可靠、监控,局部更新。可扩展易维护,以数据来驱动视图,合理的模块拆分,层次清晰。统一的编码风格、文档留存
转载
2023-08-07 23:45:12
93阅读
2022.02.08 今天读了一篇关于前端整洁架构的设计,因此对其中的内容进行了一些整理以及我自己的思考,后续阅读《领域驱动设计》后可以加入更多的内容。架构方面学习笔记(3)–前端架构设计 文章目录架构方面学习笔记(3)--前端架构设计整洁架构DDD(Design Driven Design) 领域驱动设计DDD 相对于三层架构有什么提升? 整洁架构以一个?来介绍整洁架构:商店会出售不同种类的饼干
转载
2023-08-06 18:37:25
216阅读
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阅读
# 如何设计前端架构
前端架构的设计是一个复杂的过程,需要综合考虑项目规模、团队组成、技术栈、用户需求和未来的可维护性。一个良好的前端架构可以提高开发效率、降低维护成本,同时为未来的扩展留出余地。本文章将从几个关键方面来探讨前端架构的设计,并提供一些实际的代码示例和流程图来帮助理解。
## 1. 理解项目需求
在设计前端架构之前,首先需要明确项目的需求。这可以通过与利益相关者进行讨论,收集功
原创
2024-10-09 04:56:23
161阅读
# 前端架构设计指南
作为一名经验丰富的开发者,你将指导一位刚入行的小白如何实现前端架构设计。本文将按照以下步骤进行引导,并提供相应的示例代码。
## 步骤
| 步骤 | 描述 |
| ---- | ---- |
| 第一步 | 确定项目需求和目标。 |
| 第二步 | 设计整体架构。 |
| 第三步 | 划分模块和组件。 |
| 第四步 | 设计数据流和状态管理。 |
| 第五步 | 选择
原创
2023-07-15 07:23:33
612阅读
文章目录前言一、前端是什么?二、前端的核心技术1、HTML2、CSS3、JavaScript三、前端框架介绍1、React2、Vue参考网址 前言 这一节是和大家一起学习前端是什么及其两个流行的框架:React和Vue,在记录的过程中自己也在不断学习,大家有什么想法可以在评论区和我进行及时交流~一、前端是什么? 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联
转载
2023-11-15 22:58:11
77阅读
学习之路,长路漫漫,写学习笔记的过程就是把知识讲给自己听的过程。这个过程中,我们去记录思考的过程,便于日后复习,梳理自己的思路。学习之乐,独乐乐,不如众乐乐,把知识讲给更多的人听,何乐而不为呢?项目中解决的问题谈到架构设计,很多人都会想到MVC、MVP、MVVM等,那么前端开发为什么要进行架构设计呢?使用原始的方式进行开发有什么问题呢?首先看一下原始开发存在的以下问题。 ➢ 难以维护 ➢ 加载缓慢
转载
2023-07-12 15:29:07
390阅读
一、微前端之前端架构、软件设计原则及分层、架构设计的质量、架构前期准备、技术填补及崩溃预防和系统重构前端架构是如何产生的,如下所示:初始,无架构,前端代码内嵌到后端应用中,js 代码混入到后端代码后端 mvc 架构,将视图层、数据层、控制层做分离,缺点是重度依赖开发环境,代码混淆严重。controller 层修改数据到 modal 层,修改显示到 view 层,view 层获取数据到 modal
转载
2024-01-18 23:34:31
20阅读