vue（vue.js的简称）是目前最火的一个前端框架。是一套构建用户界面的框架，不仅容易上手，还便于与第三方库或既有项目整合。前端只要负责MVC中的V这一层，主要工作是和界面打交道，来制作前端页面效果。MVC是后端的分层开发概念，MVVM是前端视图层的概念，主要关注于视图层的分离，主要包括三部分， M(Model)：页面中要渲染的数据 V(View)：页面中用来展示数据的DOM元素 VM(VM V
1、起因1、系统庞大，涉及多个角色，角色互串，导致功能与功能之间的关系不清晰2、角色对应的页面划分不清晰，系统和系统之间混杂在一起3、前端项目过大，前端性能低下4、组员多，项目管理难 2、拆解后的预期1、优势1、角色清晰、角色所属功能清晰2、项目解耦，便于维护管理3、项目上线，完全不会影响现有功能4、性能进一步提升5、拆解颗粒度足够细时，将不在限制于技术框架，对优秀人才的需求可以多元化&
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍，对于ssm和vue单独项目的搭建不作为本文的重点，而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成，web依赖于service，其中web主要是control层内容，service则对应service层
转载
2023-12-23 19:30:06
91阅读
为什么需要模块化?答：真实开发的时候，代码量大，js文件多，分工开发的时候大家都不知道别人的代码，容易引发全局变量灾难。 node应用由模块组成，采用的commonjs模块规范。每一个文件就是一个模块，拥有自己独立的作用域，变量，以及方法等，对其他的模块都不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即modu
转载
2024-10-20 17:39:00
320阅读
以下是封装的组件
<template>
<div class="app-container">
<el-dialog :visible.sync="dialogVisible" :before-close="closeDialog" :fullscreen="true" append-to-body
:destroy-on-c
## 前端技术架构图 vue2
在前端开发中，Vue.js是一种流行的JavaScript框架，它可以帮助我们构建交互式的Web应用程序。Vue.js基于MVVM模式，提供了响应式数据绑定和组件化的能力，让我们可以更轻松地管理复杂的前端代码。
### Vue2 技术架构图
下面是一个简单的Vue2技术架构图，展示了Vue2前端应用的主要组件和技术栈：
```mermaid
graph LR
原创
2024-02-25 07:26:40
147阅读
最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。1、项目需求我司h5主要做移动端，运行在app和小程序里，也就是hybrid app混合开发模式。刚来公司时，公司h5才刚开始起步，同事只开发了三个h5需求，这三个需求在业务功能上都是相互独立的，所以也分开放在了三个spa项目里。。。
转载
2023-12-15 21:13:11
143阅读
上篇文章中，我们已经成功使用yarn创建了一个vue项目，但是项目模板是单页面应用，与多页面应用还有些差别，所以现在需要在此基础上做一些调整：关于多页面应用调整的思路分为以下两个部分一、项目目录结构调整左一为项目目录原结构图，右一为修改过后的项目目录结构1、在开发路径src下增加modules和pages文件夹，分别存放模块和页面。2、有关页面的所有文件都放到同一文件夹下就近管理：index.ht
gRPC 1.0于2016年8月发布，现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。到目前为止，基本上只有移动应用程序和后端开发者获得这些好处，而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而，随着gRPC-Web的发布，gRPC有望成为
# JDate 日期组件 使用文档
###### 说明: antd-vue日期组件需要用moment中转一下，用起来不是很方便，特二次封装，使用时只需要传字符串即可
## 参数配置
| 参数 | 类型 | 必填 |说明|
|--------------|---------|----|---------|
| placeholder |string |
全局安装 vue脚手架cnpm install -g @vue/cli vue create 创建 vue3的项目 cnpm install -g @vue/cli-init vue init webpack 创建 vue2的项目 vue init webpack vuecli2test
原创
2021-07-28 15:43:21
401阅读
vue2.0(vue-cli)项目详解创建vue项目电脑系统为windows11，这里我使用WebStorm来创建项目，需要电脑安装node环境，node的版本为14.17.5，如下图所示这里我的项目还是vue.2.x版本创建步骤点击New Project创建项目选择Vue,js项目点击创建后，IDE会自动下载相关依赖，执行相关操作依赖下载完成后，如下图所示，会自动构建索引，方便方法的智能提示项目
转载
2024-09-28 21:05:56
137阅读
一、路由
路由的本质就是一种对应关系，根据不同的URL请求，返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为：后端路由和前端路由。
1.1 路由分为两大类：
前端路由：Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系：SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换，要
原创
2024-01-21 02:18:43
438阅读
近日，有开发者在知乎上提出了一个问题：“TypeScript 不适合在 vue 业务开发中使用吗？”，Vue的作者尤雨溪针对这一问题发表了自己的看法，也解释了Vue 3.0选用TypeScript的原因，全文如下。注：本文已获得尤雨溪本人授权转载。必须要承认的是，2.x 的 TS 支持显然跟 React 和 Angular 是有差距的，这也是为什么 3.0 要加强这一块。关于目前 2.x 跟 TS
转载
2024-01-30 22:31:28
110阅读
上文介绍了 自定义拖拽组件位置 的简单实现，本文将继续给大家分享如何自定义拖拽组件位置的简单实现，文中通过示例代码介绍，感兴趣的小伙伴们可以了解一下本文主要介绍了 Vue 自定义拖拽组件的样式，具体如下： 支持通过右侧的属性配置去处理画布中不同元件的不同样式效果图实现过程需要在每个元件上初始化一个 style 的集合，用来保存元件的基础样式，后续更改的样式也保存到对应的属性中在 data 中定义一
转载
2024-03-03 14:55:18
621阅读
通过前面的学习，我们可以顺利的在Vue中将数据源渲染到HTML的DOM元素中，但很多时候我们希望能控制数据源。也就是数据绑定，并且与其通讯。简单的说，怎么在Vue中实现数据的双向绑定。这种场景一般都是在表单的操作情景中。在Vue中可以使用v-model的指令来实现。不过这篇文章我们只是来学习v-model指令的使用，但不探究Vue数据双向绑定的原理。如果你对原理方面感兴趣，可以阅读这篇文章。基础用
1基本功见过很多前端用Vue，React，就放弃JavaScript的修炼。作为基本功，无论工具如何变迁，了解JavaScript底层，理解JavaScript的各种特性，无论你用什么工具都是手到擒来。底子不扎实，日常出现一个bug都要花很多时间去定位问题。如果你去观察那些前端负责人，前端架构师，除了技术层面，他们在设计模式，思维以及对软件工程的理解都是很优秀的。而这些的前提还是基础先扎实，再去打
Vue+Element-ui快速搞定前端登录页面
原创
精选
2023-07-13 14:20:54
1518阅读
一、vue简介是一种js框架简化DOM操作响应式数据驱动二、vue入门1.第一个vue程序<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initia
名词笔记 Node node.js 是一切的基础, 其他的名词都是基于这个运行的, 相当于一个JavaScript的容器或者虚机 NPM 安装node.js时赠送的包管理器, 类似于apt, yum, 以及java的maven, gradle, php的composer这类工具 YARN 用于解决实
转载
2020-04-17 18:44:00
166阅读
2评论
