这几篇文章是一个系列的。之前的文章在这里：1，第一节：搭建基础的webpack项目：2，第二节：在项目中引入eslint+prittier+husky:本文是第三节，配置化打包前端项目。项目代码每一节都在各自代码分支里。具体地址见文末。一，交互式打包1，为什么需要用户交互当我们打包前端项目的时候，有时需要用户做一些判断，配置打包的一些参数，于是就可以使用下面的方法，进行处理。例如分环境打包，我们之
转载
2023-12-05 14:13:07
50阅读
一、web前端之Angularjs框架如果您对最新的web开发技术有所了解，那么Angularjs对您来说是一个熟悉的名称。AngularJS是一个客户端的JavaScript MVC开源框架，特别为使用MVC架构模式的单页面web应用而设计，可用于开发动态Web应用程序。它不是一个完整的堆栈，而是一个处理web页面的前端框架。AngularJS完全基于HTML和JavaScript，因此无需学习
转载
2023-08-02 14:04:01
140阅读
什么是vue？vue全家桶有哪些？如何创建一个简单的vue项目？前言一、什么是vue？二、vue全家桶有哪些？1.vue-cli2.vue-router3.vuex4.axios5.UI框架三、如何创建一个简单的vue项目？安装node创建vue项目1.安装vue2.安装vue脚手架（vue-cli）3.开始新建项目总结 前言对于刚刚接触vue的我们来说一个简单的vue项目创建流程可以对vue有
1.使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下命令创建项目：$ cnpm install -g create-react-app
转载
2023-07-10 13:58:47
70阅读
前言作为售前、产品经理，少不了面对各种PPT、DOCX的写、改、编，有没有一种简洁的方式可以轻松构建框架。本文只讨论PPT的构建思路，不涉及PPT的美化设计。我们先来分析下PPT的类型。类型目前自工作接触以来，发现PPT通常分为两种：阅读型、宣讲型。阅读型PPT最常见的就是在网上看到的各种咨询公司出具的PPT版本的报告，外在表现就是字特别密、页数特别多，追求的是把问题描述的更加清晰、具体，没有争议
转载
2023-10-23 08:42:17
126阅读
在现代软件开发中，一个良好的代码项目架构是项目成功的关键环节。本博文追踪了一个实际项目的架构设计过程，详细记录了从业务场景分析到架构设计、性能优化的全过程，以及最终的复盘总结和未来的扩展应用。
## 背景定位
这一项目的主要业务场景涉及一个快速增长的在线购物平台。随之而来的高并发请求需求和数据处理量让我们必须重新思考系统架构。
> **用户原始需求**：用户希望在高峰期间能够快速响应订单处理
初识MVC架构：MVC架构是一种模型-视图-控制器的架构 耦合性低；重用性高；生命周期成本低；部署块；可维 护性高；有利软件工程化管理。
没有明确的定义；不适合小型，中等规模的应用程序；增 加系统结构和实现的复用性；视图与控制器间的过于紧密的连接 ；视图对模型数据的低效率访问；一般高级的界面工具或构造器 不支持模式。 MVC架构应用： Model
：模型层，负责处理数
转载
2023-07-31 10:27:30
38阅读
# 前端技术架构概述
随着互联网的发展，前端技术日新月异。为了开发高效的网页和应用，理解前端技术架构显得尤为重要。本文将通过一个简单的前端技术架构图，帮助你了解前端的各个组成部分，并提供一些代码示例，以便更好地理解这些技术是如何协同工作的。
## 前端技术架构图
前端技术架构可以分为几个主要部分：
- **HTML (超文本标记语言)**
- **CSS (层叠样式表)**
- **Jav
在当今快速发展的IT行业，项目架构的PPT展示效果成为了许多团队关注的焦点。良好的展示效果不仅可以帮助团队更好地传达信息，也能提高业务合作的效率。在这篇博文中，我将详细记录我在解决“项目架构PPT展示效果”问题的过程中所经历的背景定位、演进历程、架构设计、性能攻坚、故障复盘和扩展应用的各个方面。
### 背景定位
在某次项目评审中，我们团队面临着一项任务：向多方利益相关者展示我们的项目架构。我
本文将围绕：项目管理五大过程组、五大过程组之间的关系、项目管理的全流程、每个流程中的核心工作这几个方面展开。
很多人对项目管理的全流程都没有清晰的了解，甚至只知道有启动、规划、执行、监控、收尾这五大过程组。但是这五大过程组之间的关系是怎样的？项目管理的全流程又是什么样的？在每个流程中有什么核心工作是项目经理需要重点关注的？下面本文就围绕以上问题进行介绍：
一、Vue介绍：渐进式JavaScript框架
渐进式框架：vue是一个生态，在核心功能的基础上，其他功能任意选用。核心：
声明式渲染：基于HTML拓展了一套模版语法，可以声明式地描述处HTML和JavaScript状态之间的关系响应式：Vue 会自动跟踪 JavaScript 状态变化并在改变发生时响应式地更新 DOM。虚拟DOM：js用对象的方式模拟真实dom。每次更新先作用到虚
转载
2023-11-10 20:49:08
72阅读
库 vs 框架库只是一个工具，供我们使用框架是具有思维的，有它自己生态系统前端框架发展历史前端这个岗位是从后端慢慢分出来jq -> 2010前MVC思想 -> 软件架构将一个软件分为了三个部分，每一个部分负责一部分功能M -> Model -> 模型 -> 软件中的数据V -> View -> 视图 -> 软件中的界面C -> Controll
Web前端框架就是为了节约开发成本和时间，一般开发一个项目都会用到前端框架（除非自己有前端开发团队），根据我经验找的几款web前端框架做出了分析。都是个人意见，仁者见仁智者见智。QUICK UI是一套完整的企业级web前端开发解决方案，由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量，提高开发效率，快速构建功能强大、美观、兼容的web应用系统。QU
转载
2023-11-13 16:19:09
69阅读
# 用PPT描述软件项目架构的流程
描述软件项目架构对于团队成员、客户和其他相关方理解项目的设计至关重要。以下是关于如何在PPT中描述软件项目架构的基本流程，以及每个步骤的详细解释。
## 流程步骤
| 步骤 | 说明 |
|------|--------------------------|
| 1 | 确定架构图的目的 |
|
文章目录绘制项目架构图分析需求 绘制项目架构图分析需求主子应用功能:框架功能1.主应用注册子应用加载,渲染子应用路由匹配(activeWhen, rules-由框架判断)获取数据(公共依赖,通过数据做鉴权处理)通信(父子应用通信, 子父应用通信)2.子应用功能渲染页面监听通信(主应用传递过来的数据, 监听主应用传递来的数据进行更新)3.微前端框架子应用的注册开始内容(应用加载完成, )路由更新判
转载
2023-07-10 13:53:16
535阅读
1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块：用户登录，退出登录用户管理权限管理
角色列表权限列表商品管理
商品列表分类列表参数管理订单管理数据管理2.开发模式采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。前端技术栈主要有：vuevue-routerElement-UIAxiosEcharts后端技术栈主要有：N
一、介绍本文是基于 https://github.com/PanJiaChen/vue-admin-template 的模版进行搭建。在模板基础上的搭建过程中，提出以下可能遇到的问题：1、如何mock接口数据？大家都知道前后端开发速度不一定一致，有时候前端开发比较快，这个时候可以先进行mock数据进行测试。这个模板已经有mock例子了，因此下面会简单以mock菜单为例子做演示。
转载
2024-10-25 08:37:14
49阅读
在现代前端开发中，CSS架构已成为一个不容忽视的话题。随着业务规模的扩大和复杂性的增加，前端开发团队面临着如何高效管理和维护CSS的问题。我的目标是记录我在解决“前端项目CSS架构”这一问题过程中的经验。
### 背景定位
在项目初期，我们面临着指导原则的缺乏，导致样式代码随意堆砌。这一现象严重影响了开发效率，带来了极大的技术痛点。为了应对这些挑战，我们开始系统化地思考CSS的管理策略。
我
为什么使用PPT？ 梳理演示逻辑 --- 让演示更加直观 --- 演讲的核心是“人” ——> 做好一个交流PPT的设计：
转载
2023-08-15 21:41:26
335阅读
如下为个人学习制作过程。（初学者 勿喷）建立一个html文件，一个css文件。吉大网页分为八块，html中写一个总的div块，用一个id选择器<div id="container">，嵌套八个块，把八个块的宽度、高度、背景颜色给定，加上position=relative。第一部分：header写一个div嵌套在第一部分，使用ul排列，是链接形式，li嵌套a。记住先float再margi
转载
2023-07-20 10:15:07
83阅读
