最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。1、项目需求我司h5主要做移动端，运行在app和小程序里，也就是hybrid app混合开发模式。刚来公司时，公司h5才刚开始起步，同事只开发了三个h5需求，这三个需求在业务功能上都是相互独立的，所以也分开放在了三个spa项目里。。。
转载
2023-12-15 21:13:11
143阅读
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍，对于ssm和vue单独项目的搭建不作为本文的重点，而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成，web依赖于service，其中web主要是control层内容，service则对应service层
转载
2023-12-23 19:30:06
91阅读
## 前端技术架构图 vue2
在前端开发中，Vue.js是一种流行的JavaScript框架，它可以帮助我们构建交互式的Web应用程序。Vue.js基于MVVM模式，提供了响应式数据绑定和组件化的能力，让我们可以更轻松地管理复杂的前端代码。
### Vue2 技术架构图
下面是一个简单的Vue2技术架构图，展示了Vue2前端应用的主要组件和技术栈：
```mermaid
graph LR
原创
2024-02-25 07:26:40
147阅读
公司项目有个功能要实现树形结构的展示，类似于组织架构的那种。想了下几种方案， 表格内实现 div内通过绝对定位实现 canva实现想了一下，感觉第一种简单一些， 用表格的话可能不需要计算繁琐的定位，top，left什么的，不过用表格的坏处就是可扩展性差了些粗略一想，大概设计方案如下： 后台组织好json格式数据返回前端，属性结构肯定有id和pid字段 结构图前端js+css展示，内
转载
2023-08-20 22:46:44
273阅读
理解vuex的状态管理模式架构一： 什么是vuex？官方解释如下：vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证以一种可预测的方式发生变化。使用方式有如下2种：1. 如果直接在浏览器下引用包的话；如下： <script src="https://unpkg.com/vue@2.5.13/dist/vue.js">
Vue详细介绍及使用一、Vue定义及简介1、Vue定义 关于Vue简介，百度百科给
Vue项目结构图：简单介绍目录结构build目录是一些webpack的文件，配置参数什么的，一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹，基本上文件都应该放在这里。 —assets 资源文件夹，里面放一些静态资源 —components这里放的都是各个组件文件
转载
2024-05-30 17:34:39
52阅读
概述Vue目前是国内市场上最流行的前端应用开发框架之一。目前主流的是Vue2.x,现在Vue3.x也开始有很多公司使用。Vue2.x官方文档:https://v2.cn.vuejs.org | https://v2.cn.vuejs.org/v2/guide/Vue3.x官方文档:https://cn.vuejs.org | https://cn.vuejs.org/guide/introduct
转载
2024-07-08 17:16:50
19阅读
一、简介 1. 本文主要介绍vue cli2自动生成的项目结构的解析；二、项目结构 1. 上图是项目的整体目录结构。我们读这个项目结构的时侯要先从package.json开始读，首先是看package.json中的s
## vue全家桶介绍： vue全家桶是基于vue开发必备的也是必学的东西，概括起来就是： 最常见常用的vue全家桶简单的介绍一下，希望可以帮助你了解认识学会vue全家桶！### 1.vue-clivue-cli就是快速创建搭建一个vue项目的脚手架工具。 安装vue-cli，直接在cmd命令执行：npm in
转载
2024-10-20 17:12:48
57阅读
vue的基本组成vue(读View ，不要读成view e ，面试时，经常发现面试者这种叫法，很费解，作为一个这么火热的前端框架专业人士连名字都叫错)是渐进式框架，主要包含三部分：1.Vue 主要UI组件；2.Vue Router,主要用来绑定UI和浏览器url之间的关系，很重要的一个就是路由守卫和重定向；3 Vuex，主要用于vue单页面应用（单页面应用 和多页面应用 和前端）存储全局变量，在任
转载
2023-07-10 16:45:12
352阅读
目录前言一、全局组件1、定义2、全局组件调用二、局部组件1、定义2、局部组件调用前言 为什么vue就开始在前几年就流行并且实用起来了？这主要的是因为由于vue的一个最强大的功能就是vue的组件，vue的组件到底有什么强大的功能呢？原因有两个，一个是组件的复用性很高；另一个是可以减少重复性的开发。 组件是什么？组件是用基础的元素组成的复
一、组件分类由 vue-router 产生的每个页面，它本质上也是一个组件（.vue）。一般不会有prop选项和自定义事件，不会被复用也不会对外提供接口 。不包含业务，独立、具体功能的基础组件。这类组件作为项目的基础控件会被大量使用，组件的API进行过高强度的抽象，可以通过不同配置实现不同的功能。独立组件的开发难度要高于第一类组件，因为它的侧重点是API的设计、兼容性、性能、以及复杂的功能。业务组
项目背景因为最近公司需要做一个OKR，OKR 里面有个对齐视图，是一个数型结构，如下图所示：就拿我 小智 来说，如果有人对齐我的 KR 就放到我的右边，如果是我对齐了谁的 KR，就放到我的左边，类似一个上下级的关系，所以这里我用两棵树来表示左边与右边的关系。在GitHub上找了半天，这类组件不多，也没有符合业务需求的组件，所以决定自己造轮子！分析既然是树，那么每个节点都应该是相同的组件节点下面套节
转载
2024-05-06 19:51:21
2652阅读
1评论
目录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阅读
2020.7.15今日领导让填写敏捷版上的任务；组长将任务细分了一下，让每个人认领。第一次迭代计划用时10天，组长大概分成了3天开发，3天自测，3天联调的子任务。前后端是分离的，目前我们主要负责后台java开发，前端同事帮助我们开发前端页面；后续前端同事会去负责其它项目，前端页面的维护与开发也会交给我们后台。（可能是前端页面后期维护比较简单，不值得长期派前端同事负责吧。）于是，我们也需要搭建前端v
转载
2023-12-01 09:16:46
107阅读
# 前端 Vue 架构图与示例
在现代前端开发中，Vue.js 已成为一种日益流行的框架。其易用性、高效和灵活性使得构建复杂用户界面变得更为简单。本文将介绍 Vue 的基本架构以及如何使用其组件来构建应用。我们还将提供简单的代码示例以及流程图，帮助大家更好地理解其工作原理。
## Vue 基本结构
Vue.js 的架构主要由以下几个部分组成：
- **Vue 实例**：Vue 的根部分，负
原创
2024-10-23 05:48:56
218阅读
## 前端Vue架构图实现流程
为了让小白能够理解和实现前端Vue架构图，下面我将详细介绍整个流程，并提供每一步所需的代码和注释。
### 1. 第一步：创建Vue项目
首先，我们需要创建一个新的Vue项目。可以使用Vue CLI来快速搭建项目的基本结构。
```shell
# 在命令行中运行以下命令来创建一个新的Vue项目
vue create my-project
```
这个命令将
原创
2023-10-14 11:11:15
240阅读
Vue+Element-ui快速搞定前端登录页面
原创
精选
2023-07-13 14:20:54
1521阅读
vue（vue.js的简称）是目前最火的一个前端框架。是一套构建用户界面的框架，不仅容易上手，还便于与第三方库或既有项目整合。前端只要负责MVC中的V这一层，主要工作是和界面打交道，来制作前端页面效果。MVC是后端的分层开发概念，MVVM是前端视图层的概念，主要关注于视图层的分离，主要包括三部分， M(Model)：页面中要渲染的数据 V(View)：页面中用来展示数据的DOM元素 VM(VM V
