⭐ v-for 遍历避免同时使用 v-if⭐ v-for 中的key绑定唯一的值⭐ v-show与v-if对性能的影响⭐ 妙用计算属性⭐ 使用防抖与节流控制发送频率⭐ 路由守卫处理请求避免重复发送请求⭐ 使用第三方UI库的引入方式【前言】该系列是博主在使用vue2开发项目中常用上的一些小Tips，学的开心！⭐ v-for 遍历避免同时使用 v-if在 Vue2 中当v-for与v-if同时用的时，
原创
2023-06-27 10:31:19
488阅读
复习记录一、源码优化代码模块化:提高组件的复用性
css也可以通过less和sass的自定义css变量来减少重复代码for循环设置key值:
v-for进行数据遍历渲染的时候，为每一项都设置唯一的key值
为了让Vue内部核心代码能更快地找到该条数据
当旧值和新值去对比的时候，可以更快的定位到diff。Vue路由设置成懒加载:
加快首屏渲染速度（异步组件技术）路由懒加载详情使用keep-alive
性能优化方法有：1、使用“v-slot:slotName”；2、避免“v-for”和“v-if”同时使用；3、始终为“v-for”添加key，并且不要将index作为的key；4、使用延迟渲染等等。组件懒加载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常地大，造成进入首页时需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面
转载
2024-04-07 14:42:02
143阅读
以下是封装的组件
<template>
<div class="app-container">
<el-dialog :visible.sync="dialogVisible" :before-close="closeDialog" :fullscreen="true" append-to-body
:destroy-on-c
1、代码层面的优化使用 v-if 与 v-show 减少初始化渲染和切换渲染的性能开销；（v-if其实是重复的销毁与创建，v-show只是基于简单的CSS进行切换）v-for 加上 key提高 Diff 算法的速度；图片的大小优化以及懒加载（vue-lazyload）；
不同格式的图片对比
转载
2023-06-27 21:14:38
70阅读
满怀欣喜的开发vue项目，快要完成的时候，测试人员发现在app中首次加载慢的跟便秘一样，无奈要优化，于是开始各种找办法！
原创
2021-07-29 13:51:45
428阅读
gRPC 1.0于2016年8月发布，现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。到目前为止，基本上只有移动应用程序和后端开发者获得这些好处，而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而，随着gRPC-Web的发布，gRPC有望成为
vue（vue.js的简称）是目前最火的一个前端框架。是一套构建用户界面的框架，不仅容易上手，还便于与第三方库或既有项目整合。前端只要负责MVC中的V这一层，主要工作是和界面打交道，来制作前端页面效果。MVC是后端的分层开发概念，MVVM是前端视图层的概念，主要关注于视图层的分离，主要包括三部分， M(Model)：页面中要渲染的数据 V(View)：页面中用来展示数据的DOM元素 VM(VM V
# JDate 日期组件 使用文档
###### 说明: antd-vue日期组件需要用moment中转一下，用起来不是很方便，特二次封装，使用时只需要传字符串即可
## 参数配置
| 参数 | 类型 | 必填 |说明|
|--------------|---------|----|---------|
| placeholder |string |
1、起因1、系统庞大，涉及多个角色，角色互串，导致功能与功能之间的关系不清晰2、角色对应的页面划分不清晰，系统和系统之间混杂在一起3、前端项目过大，前端性能低下4、组员多，项目管理难 2、拆解后的预期1、优势1、角色清晰、角色所属功能清晰2、项目解耦，便于维护管理3、项目上线，完全不会影响现有功能4、性能进一步提升5、拆解颗粒度足够细时，将不在限制于技术框架，对优秀人才的需求可以多元化&
一、路由
路由的本质就是一种对应关系，根据不同的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 + webpack 前端性能优化背景对于程序开发者而言，开发一个项目不仅仅注重效率和功能
原创
2022-03-29 09:51:59
872阅读
Vue+Element-ui快速搞定前端登录页面
原创
精选
2023-07-13 14:20:54
1521阅读
一、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阅读
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍，对于ssm和vue单独项目的搭建不作为本文的重点，而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成，web依赖于service，其中web主要是control层内容，service则对应service层
转载
2023-12-23 19:30:06
91阅读
