序：引言前端架构的种子编写前端样式总是作为延后的事情来考虑如果把前端开发当作“一个值得做出战略规划和有投资价值的关键元素”如果我们在CSS框架、文档工具、构建流程的命名规范，甚至标记本身这些方面拥有话语权会怎么 前端架构师的含义软件架构师的职责就是要保证项目中的每一步都在总体架构的指导下进行，而不会随机决定前端领域缺少架构，需要架构讨论使用什么技术栈、内容类型是什么，如何被创建、保存以及
2022.02.08 今天读了一篇关于前端整洁架构的设计，因此对其中的内容进行了一些整理以及我自己的思考，后续阅读《领域驱动设计》后可以加入更多的内容。架构方面学习笔记（3）–前端架构设计 文章目录架构方面学习笔记（3）--前端架构设计整洁架构DDD(Design Driven Design) 领域驱动设计DDD 相对于三层架构有什么提升？ 整洁架构以一个?来介绍整洁架构：商店会出售不同种类的饼干
转载
2023-08-06 18:37:25
199阅读
有很多人问我说作为一个前端开发人员都需要看一些什么书籍，尤其是刚入门的新手，今天我整理了一下推荐给大家，大佬绕过。HTML+CSS+JavaScript 网页设计 从入门到精通作为一个前端新手，强烈推荐先看这本书，容易理解，讲的比较基础HTML5 权威指南看完上面的书以后可以结合这本书来加深对HTML5的深入理解，非常适合阶梯性学习的一本书。CSS权威指南这本书相对来说还是挺不错的，适合刚入门的小
转载
2023-07-12 15:49:56
104阅读
前言：正在学习react大众点评项目课程，学习react、redux、react-router构建项目。一、前端架构是什么前端架构的特殊性前端不是一个独立的子系统，又横跨整个系统分散性：前端工程化页面的抽象、解耦、组合可控：脚手架、开发规范等高效：框架、组件库、Mock平台，构建部署工具等抽象页面UI抽象：组件通用逻辑抽象：领域实体、网络请求、异常处理等 二、案例分析功能路径展示：首页-
转载
2023-06-12 20:22:50
220阅读
前端面试题（二）1. 说说React生命周期中有哪些坑？如何避免？2. 说说Real diff算法是怎么运作的？tree层级conponent层级element层级3. 调和阶段setState干了什么？4. 说说redux的实现原理是什么，写出核心代码？5. React合成事件的原理？6. React组件之间如何通信？7. 为什么React元素有一个$$typeof属性？8. 说说Connec
1. 概念设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。2. 设计原则S –单一职责原则 一个程序只做好一件事 如果功能过于复杂就拆分开，每个部分保持独立 O – 开放/封
前端是什么？通俗的来说前端就是运行在PC端，移动端等浏览器上展现给用户层浏览的网页。前端技术也分为前端设计和前端开发，前端设计顾名思义就是网页的UI视觉设计，简洁美观的UI设计会给用户带来更佳的使用体验，而前端开发则是网站的前台代码实现。前端技术发展日新月异，更新迭代的速度很快且种类繁杂，本文将对前端开发基础知识作一个简单梳理介绍，通过MindMaster思维导图帮系统梳理前端知识框架
转载
2023-08-15 21:21:13
378阅读
文章目录前言一、前端是什么？二、前端的核心技术1、HTML2、CSS3、JavaScript三、前端框架介绍1、React2、Vue参考网址 前言 这一节是和大家一起学习前端是什么及其两个流行的框架：React和Vue，在记录的过程中自己也在不断学习，大家有什么想法可以在评论区和我进行及时交流~一、前端是什么？ 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联
一、微前端之前端架构、软件设计原则及分层、架构设计的质量、架构前期准备、技术填补及崩溃预防和系统重构前端架构是如何产生的，如下所示：初始，无架构，前端代码内嵌到后端应用中，js 代码混入到后端代码后端 mvc 架构，将视图层、数据层、控制层做分离，缺点是重度依赖开发环境，代码混淆严重。controller 层修改数据到 modal 层，修改显示到 view 层，view 层获取数据到 modal
学习之路，长路漫漫，写学习笔记的过程就是把知识讲给自己听的过程。这个过程中，我们去记录思考的过程，便于日后复习，梳理自己的思路。学习之乐，独乐乐，不如众乐乐，把知识讲给更多的人听，何乐而不为呢?项目中解决的问题谈到架构设计，很多人都会想到MVC、MVP、MVVM等，那么前端开发为什么要进行架构设计呢？使用原始的方式进行开发有什么问题呢？首先看一下原始开发存在的以下问题。 ➢ 难以维护 ➢ 加载缓慢
转载
2023-07-12 15:29:07
338阅读
前言本文介绍我在实际的前端项目中的架构设计，展示因为需求变化而导致架构变化的过程。 全文分为三个阶段，分别对应三次需求的变化，给出了对应的架构设计。 在第一个阶段中，我使用面向过程设计；在第二个阶段和在第三个阶段中，我使用面向对象设计。本文内容策略依赖项第一个阶段需求架构设计项目示例代码序列图重构领域模型分析当前设计第二个阶段需求架构设计分析当前设计重构项目示例代码序列图分析具体实现重构领域模型思
# 前端架构设计指南
作为一名经验丰富的开发者，你将指导一位刚入行的小白如何实现前端架构设计。本文将按照以下步骤进行引导，并提供相应的示例代码。
## 步骤
| 步骤 | 描述 |
| ---- | ---- |
| 第一步 | 确定项目需求和目标。 |
| 第二步 | 设计整体架构。 |
| 第三步 | 划分模块和组件。 |
| 第四步 | 设计数据流和状态管理。 |
| 第五步 | 选择
原创
2023-07-15 07:23:33
581阅读
架构引用维基百科：软件体系结构是构建计算机软件实践的基础。与建筑师设定建筑项目的设计原则和目标，作为绘图员画图的基础一样，一个软件架构师或者系统架构师陈述软件构架以作为满足不同客户需求的实际系统设计方案的基础。从和目的、主题、材料和结构的联系上来说，软件架构可以和建筑物的架构相比拟。一个软件架构师需要有广泛的软件理论知识和相应的经验来实施和管理软件产品的高级设
原创
2012-06-06 21:35:18
969阅读
前端开发中，MVC，MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern)。它们通过分离关注点来改进代码的组织方式。不同于设计模式(Design Pattern)，只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。要了解MVC、MVP和MVVM，就要知道它们的相同点和不同点。不同部分包括3部分，分别是C(Controller)、P(Pre
转载
2023-07-13 15:11:24
0阅读
前沿：前半年微前端火得一踏糊涂，刚好业务需求上有这样的应用场景，针对目前的微前端解决方案做了技术选型，qiankun作为蚂蚁金服内部孵化出来的微前端解决方案，经过线上应用充分检验及打磨最后开源，最终选择qiankun作为我们云产品架构入口。不过官方文档上关于上线部署文档较少，很多童鞋也可能只是在本地玩玩，没有到真正走通整个闭环，于是结合自身，在将qiankun落地过程中遇到的“那些坑”做个梳理。希
微前端微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具，而是一套架构体系（基座模式：qiankun），目前我所在的项目使用iframe来融合不同系统，但缺点很明显keep-alive的实现原理kee
转载
2023-08-30 13:09:06
35阅读
要面试了，做了一些汇总html页面结构1.结构层：负责语义表达，解决页面内容是什么问题2.表示层：由css负责创建，解决页面如何显示内容3.行为层：由脚本负责（js），解决页面上内容应该如何对事件做出反应css基本语句构成 选择符{属性1：值；属性2：值2；}主流浏览器内核IE： Trident内核Mozilla FireFox: Gecko内核Chrome,Safari:W
转载
2023-07-27 17:38:16
141阅读
一、框架与组件 **bootstrap等UI框架设计与实现伸缩布局：grid网格布局基础UI样式：元素reset、按钮、图片、菜单、表单组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告响应式布局：布局、结构、样式、媒体、javascript响应式第三方插件：插件管理 **jQuery、zepto使用原理以及插件开发支持amd、cmd、
想分几篇文章来说说前端开发。 一般的网站开发流程包括四个方面：总结需求设计界面前端开发后端开发 开发完成后会进行内部测试以及后续的优化等，其中2,3,4可以并行开发。下面介绍前端开发的工作流程： 1.分层开发 在产品需求文档确定好后就可以进行分
转载
2023-08-08 10:03:27
119阅读
25 如何设计一个前端 + 移动端离线包方案？我在《导读：前端技术发展回顾和架构升级之路》中提到了多种渲染方式，而以离线包方案为代表的方案，属于 NSR（Native Side Rendering），这是大前端配合的典型案例。这一讲，我们就从 0 到 1 分析一个前端+移动端离线包方案。当然，设计离线包方案并不是我们的终极目的，通过离线包方案的源起和落地，我们也会梳理整个 hybrid 页面的优化
转载
2023-08-17 10:57:09
313阅读
