vue(vue.js的简称)是目前最火的一个前端框架。是一套构建用户界面的框架,不仅容易上手,还便于与第三方库或既有项目整合。前端只要负责MVC中的V这一层,主要工作是和界面打交道,来制作前端页面效果。MVC是后端的分层开发概念,MVVM是前端视图层的概念,主要关注于视图层的分离,主要包括三部分, M(Model):页面中要渲染的数据 V(View):页面中用来展示数据的DOM元素 VM(VM V
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍,对于ssm和vue单独项目的搭建不作为本文的重点,而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成,web依赖于service,其中web主要是control层内容,service则对应service层
转载
2023-12-23 19:30:06
91阅读
以下是封装的组件
<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阅读
gRPC 1.0于2016年8月发布,现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。到目前为止,基本上只有移动应用程序和后端开发者获得这些好处,而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而,随着gRPC-Web的发布,gRPC有望成为
# JDate 日期组件 使用文档
###### 说明: antd-vue日期组件需要用moment中转一下,用起来不是很方便,特二次封装,使用时只需要传字符串即可
## 参数配置
| 参数 | 类型 | 必填 |说明|
|--------------|---------|----|---------|
| placeholder |string |
1、起因1、系统庞大,涉及多个角色,角色互串,导致功能与功能之间的关系不清晰2、角色对应的页面划分不清晰,系统和系统之间混杂在一起3、前端项目过大,前端性能低下4、组员多,项目管理难 2、拆解后的预期1、优势1、角色清晰、角色所属功能清晰2、项目解耦,便于维护管理3、项目上线,完全不会影响现有功能4、性能进一步提升5、拆解颗粒度足够细时,将不在限制于技术框架,对优秀人才的需求可以多元化&
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阅读
1基本功见过很多前端用Vue,React,就放弃JavaScript的修炼。作为基本功,无论工具如何变迁,了解JavaScript底层,理解JavaScript的各种特性,无论你用什么工具都是手到擒来。底子不扎实,日常出现一个bug都要花很多时间去定位问题。如果你去观察那些前端负责人,前端架构师,除了技术层面,他们在设计模式,思维以及对软件工程的理解都是很优秀的。而这些的前提还是基础先扎实,再去打
通过前面的学习,我们可以顺利的在Vue中将数据源渲染到HTML的DOM元素中,但很多时候我们希望能控制数据源。也就是数据绑定,并且与其通讯。简单的说,怎么在Vue中实现数据的双向绑定。这种场景一般都是在表单的操作情景中。在Vue中可以使用v-model的指令来实现。不过这篇文章我们只是来学习v-model指令的使用,但不探究Vue数据双向绑定的原理。如果你对原理方面感兴趣,可以阅读这篇文章。基础用
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评论
前端MVC Vue2学习总结(一)——MVC与vue2概要、模板、数据绑定与综合示例 目录 一、前端MVC概要 1.1、库与框架的区别 1.2、AMD与CMD 1.2、前端MVC概要 1.3、React 1.4、AngularJS简介 1.5、Vue.js 1.5.1、Vue2.JS简介 1.6、v
转载
2020-05-25 11:16:00
88阅读
为什么需要模块化?答:真实开发的时候,代码量大,js文件多,分工开发的时候大家都不知道别人的代码,容易引发全局变量灾难。 node应用由模块组成,采用的commonjs模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等,对其他的模块都不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即modu
转载
2024-10-20 17:39:00
320阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件
安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
(2)@babel/eslint-parser
简而言之就是一个解析器,允许您使用ES
转载
2024-05-29 12:57:59
283阅读
公司项目有个功能要实现树形结构的展示,类似于组织架构的那种。想了下几种方案, 表格内实现 div内通过绝对定位实现 canva实现想了一下,感觉第一种简单一些, 用表格的话可能不需要计算繁琐的定位,top,left什么的,不过用表格的坏处就是可扩展性差了些粗略一想,大概设计方案如下: 后台组织好json格式数据返回前端,属性结构肯定有id和pid字段 结构图前端js+css展示,内
转载
2023-08-20 22:46:44
271阅读