前端是什么？通俗的来说前端就是运行在PC端，移动端等浏览器上展现给用户层浏览的网页。前端技术也分为前端设计和前端开发，前端设计顾名思义就是网页的UI视觉设计，简洁美观的UI设计会给用户带来更佳的使用体验，而前端开发则是网站的前台代码实现。前端技术发展日新月异，更新迭代的速度很快且种类繁杂，本文将对前端开发基础知识作一个简单梳理介绍，通过MindMaster思维导图帮系统梳理前端知识框架
转载
2023-08-15 21:21:13
455阅读
前言本文介绍我在实际的前端项目中的架构设计，展示因为需求变化而导致架构变化的过程。 全文分为三个阶段，分别对应三次需求的变化，给出了对应的架构设计。 在第一个阶段中，我使用面向过程设计；在第二个阶段和在第三个阶段中，我使用面向对象设计。本文内容策略依赖项第一个阶段需求架构设计项目示例代码序列图重构领域模型分析当前设计第二个阶段需求架构设计分析当前设计重构项目示例代码序列图分析具体实现重构领域模型思
转载
2024-01-30 21:54:28
102阅读
一、微前端之前端架构、软件设计原则及分层、架构设计的质量、架构前期准备、技术填补及崩溃预防和系统重构前端架构是如何产生的，如下所示：初始，无架构，前端代码内嵌到后端应用中，js 代码混入到后端代码后端 mvc 架构，将视图层、数据层、控制层做分离，缺点是重度依赖开发环境，代码混淆严重。controller 层修改数据到 modal 层，修改显示到 view 层，view 层获取数据到 modal
转载
2024-01-18 23:34:31
20阅读
学习之路，长路漫漫，写学习笔记的过程就是把知识讲给自己听的过程。这个过程中，我们去记录思考的过程，便于日后复习，梳理自己的思路。学习之乐，独乐乐，不如众乐乐，把知识讲给更多的人听，何乐而不为呢?项目中解决的问题谈到架构设计，很多人都会想到MVC、MVP、MVVM等，那么前端开发为什么要进行架构设计呢？使用原始的方式进行开发有什么问题呢？首先看一下原始开发存在的以下问题。 ➢ 难以维护 ➢ 加载缓慢
转载
2023-07-12 15:29:07
390阅读
1.AngularJS Angular JS 是一个有Google维护的开源前端web应用程序框架。它最初由Brat Tech LLC的Misko Hevery于2009年开发出来。Angular JS是一个模型-视图-控制器（MVC）模式的框架，目的在于使HTML动态化。与其他框架相比，它可以快速生成代码，并且能非常轻松的测试程序独立的模块。最大的优势是在你修改代码后，它会立即刷新前端UI，能马
转载
2024-05-29 10:17:58
9阅读
前言：正在学习react大众点评项目课程，学习react、redux、react-router构建项目。一、前端架构是什么前端架构的特殊性前端不是一个独立的子系统，又横跨整个系统分散性：前端工程化页面的抽象、解耦、组合可控：脚手架、开发规范等高效：框架、组件库、Mock平台，构建部署工具等抽象页面UI抽象：组件通用逻辑抽象：领域实体、网络请求、异常处理等 二、案例分析功能路径展示：首页-
转载
2023-06-12 20:22:50
261阅读
1-1（web前端开发叙述）一、什么是Web前端开发？Web指的是Web系统，web系统其实就是以网站的形式呈现出来，用户可以通过浏览器来访问，可以完成一定功能的这样的系统。二、Web系统的例子（都是以网站的形式呈现）：1.电商网站：淘宝，京东比如我们要购物，要登到电商网站2.综合门户网站：新浪，搜狐比如我们要浏览新闻，，要登录到一些综合门户网站上3.管理系统：内部管理系统比如，公司的管理系统；学
转载
2024-02-04 11:38:22
47阅读
序：引言前端架构的种子编写前端样式总是作为延后的事情来考虑如果把前端开发当作“一个值得做出战略规划和有投资价值的关键元素”如果我们在CSS框架、文档工具、构建流程的命名规范，甚至标记本身这些方面拥有话语权会怎么 前端架构师的含义软件架构师的职责就是要保证项目中的每一步都在总体架构的指导下进行，而不会随机决定前端领域缺少架构，需要架构讨论使用什么技术栈、内容类型是什么，如何被创建、保存以及
转载
2023-11-16 21:28:09
103阅读
前端面试题（二）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阅读
1. 概念设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。2. 设计原则S –单一职责原则 一个程序只做好一件事 如果功能过于复杂就拆分开，每个部分保持独立 O – 开放/封
转载
2023-12-11 16:03:31
116阅读
从今天开始进入一些常用开发概念的学习，今天学习的概念是前端后端前台后台前台后台根据页面类型划分、前端后端根据开发技术划分前台指的是客户浏览的页面，后台指的是内部人员对前台页面的内容进行管理所使用的页面，前台后台共用一个数据库。比如说，我们平时看CSDN博客所浏览的就是前台页面，而CSDN内部人员要对客户和博客信息进行管理，他们所使用的管理页面就是后台页面。再比如云平台就是后台页面（没有与之对应的前
转载
2024-06-25 21:01:09
44阅读
一、开篇很久以前我们对于前端的理解就是开发web网页的，并且在PC上的浏览器进行展示；后来，随着响应式布局和智能手机的兴起，web网页更多的出现在了移动端的浏览器中；再后来，随着技术的不断发展，web页面逐渐出现在了PC、Android、Iphone的application(APP)中。从上面的发展可以看出，前端涉及的面越来越广，未来前端技术也会越来越重要，前端工程师们加油哇！下面我将一点点完善整
转载
2023-09-14 21:41:03
199阅读
# 前端架构设计指南
作为一名经验丰富的开发者，你将指导一位刚入行的小白如何实现前端架构设计。本文将按照以下步骤进行引导，并提供相应的示例代码。
## 步骤
| 步骤 | 描述 |
| ---- | ---- |
| 第一步 | 确定项目需求和目标。 |
| 第二步 | 设计整体架构。 |
| 第三步 | 划分模块和组件。 |
| 第四步 | 设计数据流和状态管理。 |
| 第五步 | 选择
原创
2023-07-15 07:23:33
612阅读
JavaScript 高级框架设计在现在,jQuery等框架已经非常完美,以致于常常忽略了JavaScript原生开发,但是这是非常重要的.所以,我打算写一个简单的框架,两个目的熟练框架的思想熟练DOM操作.所以我打算,模仿jQuery,实现一个简单的类似jQuery的库 Hpawn.关于JavaScript面向对象高级,会在以后介绍.关于我所有的代码,都会托管到 github上,https://
转载
2023-07-07 09:03:41
141阅读
12 如何理解 AST 实现和编译原理？经常留意前端开发技术的同学一定对 AST 技术不陌生。AST 技术是现代化前端基建和工程化建设的基石：Babel、Webpack、ESLint、代码压缩工具等耳熟能详的工程化基建工具或流程，都离不开 AST 技术；Vue、React 等经典前端框架，也离不开基于 AST 技术的编译。目前社区上不乏 Babel 插件、Webpack 插件等知识的讲解，但是涉及
转载
2023-10-30 16:46:17
56阅读
开篇词 像架构师一样思考，突破技术成长瓶颈透过工程基建，架构有迹可循。你好，我是侯策（LucasHC），目前任职于某互联网独角兽公司，带领 6 条业务线前端团队，负责架构设计和核心开发、工程方案调研和选型，以及团队管理、人才梯队建设等工作。从海外开启职业生涯、浸淫工匠般的 Coding 规范打磨，到深入国内一线大厂接受亿级流量的洗礼，我的工作方向始终没有离开前端开发。前端开发是一个庞大的体系，纷杂
文章目录前言一、前端是什么？二、前端的核心技术1、HTML2、CSS3、JavaScript三、前端框架介绍1、React2、Vue参考网址 前言 这一节是和大家一起学习前端是什么及其两个流行的框架：React和Vue，在记录的过程中自己也在不断学习，大家有什么想法可以在评论区和我进行及时交流~一、前端是什么？ 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联
转载
2023-11-15 22:58:11
77阅读
**前端系统架构设计师在软考中的角色与挑战**
随着信息技术的迅猛发展，软件行业对于专业人才的需求也日益增长。在这个背景下，软考（软件水平考试）作为国内最具权威性的软件专业人才评价体系，受到了广泛的关注。在软考的多个级别和专业方向中，前端系统架构设计师是一个重要且独特的角色。他们不仅需要掌握深厚的前端技术知识，还需要具备系统架构设计的全局思维和实践能力。
前端系统架构设计师是连接用户体验与后端
原创
2024-02-02 10:09:40
83阅读
1.创建vue项目的两种方式1.CDN方式，直接下载并用 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>2.NPM方式 在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 V
该文来自互联网，很长时候，自己感觉自己处在一个尴尬的位置，前端开发，在国内的大部分的大部分的公司里面，前端开发工程师？ 是个很模糊的概念，或者根本就没有这个概念。这是个比较新兴的位置吧。随着web2.0的迅猛发展，前端越来越被用户注视，用户既是上帝，这个应用于传统商业模式的宗旨，同样的适用web网络市场，并且更加的上帝。用户、体验、设计。 这就是我们前端工程师的诞生的生命线。 &n
