前言想想也已经做过不少架构的项目了，有基于vue，基于react，基于thinkPHP，基于laravel的。做多了，也就对现有的架构有各种想法，有好的，有坏的，总之，用起来还是不爽。vue-cli虽然可以很快地构建并使用，尤其是vue-cli v3.0，把webpack都封进@vue/cli的sdk里了，用起来更加干净、简洁。但是，对于爱折腾的我们，好吧，开个玩笑。重来，但是，对于页面的优化，还
转载
2024-06-16 11:59:30
266阅读
公司项目有个功能要实现树形结构的展示，类似于组织架构的那种。想了下几种方案， 表格内实现 div内通过绝对定位实现 canva实现想了一下，感觉第一种简单一些， 用表格的话可能不需要计算繁琐的定位，top，left什么的，不过用表格的坏处就是可扩展性差了些粗略一想，大概设计方案如下： 后台组织好json格式数据返回前端，属性结构肯定有id和pid字段 结构图前端js+css展示，内
转载
2023-08-20 22:46:44
273阅读
背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。最早的
目录一、先决条件二、create a vue project三、前端编码实现3.1-创建Book.vue3.2-修改router目录下的index.js文件3.3-App.vue中引入Book.vue四、调用后台接口特别声明：本文百分之九十的内容是来自于B站上一位up主录制的前后端分离开发的视频，作者自己跟着手敲了一遍之后在这里记录了一下来。所以这篇文章的类型勉强算是翻译吧原B站链接:https:
转载
2024-01-28 05:17:44
228阅读
# Vue前端技术架构图及代码示例
## 引言
随着前后端分离的开发模式的流行，前端开发技术日趋多样化和复杂化。Vue.js作为一种流行的前端框架，其技术架构图也是我们学习和使用Vue.js的必备知识之一。本文将介绍Vue前端技术架构图，并通过代码示例帮助读者更好地理解和应用。
## Vue前端技术架构图
下图是Vue前端技术架构图：
```mermaid
erDiagram
s
原创
2023-09-29 17:41:09
353阅读
目录： 1. 架构选型 2. 架构目录介绍 3. 架构说明 4. 招聘消息 目前如果要说比较流行的前端架构哪家强，屈指可数：reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过：avalonjs、angularjs、vuejs。因为工作以及前端团队能力
&n
转载
2024-06-09 11:01:14
68阅读
一、Vue框架的开发流程介绍当我们从github上下载一个前端模板框架到本地后，框架中经常会自带有一些跳转显示类的功能，我们可以通过查看这些功能是如何实现的，进而一步步改造为我们需要的样子。在这一开发过程中，主要有4个重要的前端培训具体操作，下面依次介绍这4个具体的步骤：步骤1：添加路由规则在页面的左边菜单栏，我们点击不同的选项卡，在浏览器的输入框就会自带跳转出不同的url，这一过程就称作"路由"
转载
2023-09-25 18:54:46
234阅读
1、概要介绍 Vue是时下最流行的一种前端开发框架，在当前的Vue开发框架中，主要采用MVVM的分层开发思想，主要把每个页面分成M、V、和VM，其中VM是整个MVVM思想的核心，是M和V之间的调度者。下图是一个项目的前后端处理过程示意图（来自b站）2、下载使用 从官网https://cn.vuejs.org/v2/guide/installation.html下载到本地，放到指定目录下，打开vsc
转载
2023-12-09 12:15:12
497阅读
文章大纲引言一、UML 的核心图概述二、用例图1、用例图概述2、用例图的核心元素2.1、参与者2.2、用例2.3、容器2.4、用例图内的关系三、组件图四、部署图五、对象图 引言UML（Unified Modeling Language）是一种统一建模语言，为面向对象开发系统的产品进行说明、可视化、和编制文档的一种标准语言。随着你职业生涯的进步，你会越来越发现原来曾经被你轻视的UML建模原来那么重
转载
2024-01-04 05:59:02
117阅读
环顾四周的大型互联网公司，基本上都有自己的前端框架，比如阿里的Kissy和Arale，腾讯的JX，百度的Tangram，360的QWrap等，为什么？因为要整合别的框架，并且在此基础上发展适合自己的组件库，代价非常大，初期没办法的时候只能凑合，长期来说，所有代码都可控的意义非常重要。常见的前端产品形态包括：内容型Web站点：侧重渲染方面的优化，前端逻辑比重小操作型B/S系统：以数据和逻辑为中心，界
转载
2024-09-01 18:51:19
161阅读
vue的基本组成vue(读View ，不要读成view e ，面试时，经常发现面试者这种叫法，很费解，作为一个这么火热的前端框架专业人士连名字都叫错)是渐进式框架，主要包含三部分：1.Vue 主要UI组件；2.Vue Router,主要用来绑定UI和浏览器url之间的关系，很重要的一个就是路由守卫和重定向；3 Vuex，主要用于vue单页面应用（单页面应用 和多页面应用 和前端）存储全局变量，在任
转载
2023-07-10 16:45:12
352阅读
相关项目交付的前端框架改造，为方便大家尽快完成从JSP到VUE的技能提升过渡，现将VUE框架相关知识点整理成文，方便大家快速的学习上手。本文主要内容：前段框架是什么；什么是VUE；VUE实例；VUE安装与使用；VUE知识结构(思维导图)0 1前端框架是什么
早期前端比较简单，页面以浏览型为主，简单的表单操作，每个界面上只有很少的JavaScript逻辑，基本不需要框架。随着AJAX的出现
转载
2023-10-11 11:15:33
427阅读
JSP结构 网络服务器需要一个JSP引擎，也就是一个容器来处理JSP页面。容器负责截获对JSP页面的请求。我们使用内嵌JSP容器的Apache来支持JSP开发。 JSP容器与Web服务器协同合作，为JSP的正常运行提供必要的运行环境和其他服务，并且能够正确识别专属于JSP网页的特殊元素。 下图显示了JSP容器和JSP文件在Web应用中所处的位置。 JSP处理 以下步骤表明了Web服务器是如何使用
转载
2024-07-11 20:06:37
44阅读
目录Vue框架一、前端发展历史二、Vue的介绍的基本使用1、Vue简介2、Vue特点3、M-V-VM思想4、组件化开发、单页面开发5、版本选择6、引入方式7、补充8、简单使用Vue框架一、前端发展历史1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲
转载
2024-07-06 21:46:09
67阅读
设计模式之二：UML类图一. UML类图1.1 UML基本介绍1.2 UML图1.3 UML类图1.3.1 类图-依赖关系（Dependence）1.3.2 类图-泛化关系（generalization）1.3.3 类图-实现关系（Implementation）1.3.4 类图-关联关系（Association）1.3.5 类图-聚合关系(Aggregation)1.3.6 类图-组合关系（Co
转载
2023-09-22 10:11:24
129阅读
前段时间作者写了《当中台遇到 DDD，我们该如何设计微服务？》这篇文章，文章中详细描述了基于 DDD 设计思想的中台微服务设计方法以及分布式架构实施过程中的关注点等内容。中台建设完成后，通过微服务实现了后端应用的解耦，提高了中台应用的弹性伸缩能力。但由于微服务拆分，也会导致项目团队和服务的碎片化，给前端项目集成带来一定的复杂度。如何降低前端集成的复杂度？做到后端解耦，
转载
2023-09-19 06:24:16
742阅读
Diagrams 是一个基于Python绘制云系统架构的模块，它能够通过非常简单的描述就能可视化架构，并支持以下6个云产品的图标：AWS、Azure、GCP、K8s、阿里云 和 Oracle 云基于Diagrams提供的节点，你只需要指定一个云产品(实际上选哪个都一样，我们只需要那个产品相应的图标，你可以选一个自己觉得好看的产品)，使用其内部自带的云产品的图标，就能简单绘制基于某云产品图标的架构图
转载
2023-11-22 22:39:28
88阅读
一、简介前端采用Vue.js+element-ui+webpack的架构。Vue.js 是一套响应式的JavaScript 渐进式框架。Vue.js 自问世以来所受关注度不断提高，在现在的市场上，Vue.js 成为非常流行的 JavaScript 技术开发框架之一。 Vue 只关注视图层， 采用自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。elemen
转载
2023-09-28 21:56:16
247阅读
前端接下来我们进入前端知识的学习，前端的学习目的就是为我们开发的应用程序提供一个与用户进行交互的界面，前端分为HTML5、CSS3、JavaScript三大部分，我们学习内容共分为HTML5、CSS3、JavaScript、jQuery前端框架及Bootstrap前端框架五个课程内容来介绍。 一、HTML5HTML5是什么HTML5就是html语言，数字5是该语言的版本号；html语言开
转载
2024-10-24 20:19:35
64阅读
