快捷搜索:

标签

0

记录基于vue在我的真实项目中的性能优化

最近一段时间一直在处理公司的一个内部项目哈,因为页面卡的问题被吐槽了一个月了。因为是接手别人的项目,虽然说不是自己直接造成的。但是解决这个问题已是迫在眉睫了。可能我们在做前端开发的时候,很少去关注内存的问题,这是因为JS有自己垃圾回收机制,如果代码不是滥用闭包,一般来说,不会出现性能问题。先来大概说下我的项目中性能瓶颈的现象:项目是一个基于electron+vue的一个类似微信桌面端的项目,因为是公司项目就不截图了,想象是微信就行了。当我们切换左侧联系人列表的时候,发现内存不断的上升,而且很难降下来,很典型的内存泄露了。时间一长,内存吃完了,程序直接崩了。。。好吧,解决问题吧,知道有内存泄露,...

阅读全文>>

0

Vuex状态管理插件

一、引言在Vue.js的组件基础中,我们在两个组件之间传值使用的是props(父组件向子组件传值),自定义事件this.$emit方法(子组件向父组件传值),对于简单的组件比较少的,而且依赖不复杂的我们可以使用,但是,如果组件很多,而且依赖很复杂,两个组件不一定是父子关系,而且关系比较远的时候,如果我们还是使用传统的传值方式,那将会是一场灾难(两个距离比较远的组件如果使用传统方式,需要通过可能比较多的中间组件进行传值),因此Vuex诞生了,Vuex可以看作是一个基于缓存的状态管理工具,我们在其store中存储相应的data属性传和方法,两个组件不论是何处,都通过中间的Vuex来传递数值和方法,...

阅读全文>>

0

快速入手vue3.0新增常用API,起步上车

1. 初始化项目2. setup方法 setup是vue3.x中新的操作组件属性的方法,它是组件内部暴露出所有的属性和方法的统一API。setup的执行时机在:beforeCreate 之后 created之前,可以接受props数据ctx上下文对象(这些属性在 vue 2.x 中需要通过 this 才能访问到,在 vue 3.x 中无法访问到 组件的this)。3. reactivereactive用来创建响应式的数据对象,对数组和对象可以深度响应。4. refref() 函数同样可以来创建响应式的数据对象,访问对象中的属性值时需要加上 .value 6. toRefsisRef() 用来判...

阅读全文>>

0

springboot2整合vue开发在线音乐网站系统设计

springboot+vue的前后端分离项目后台主要分为:用户管理、歌手管理、歌单管理用户在前端可以搜索歌曲名字、播放歌曲(如果上传了歌词,点击歌曲图片,可以显示歌词),可以评论歌曲,给歌曲评分等用户还可以设置自己的信息,上传头像。不过,歌曲取消收藏模块有点问题运行环境jdk7(8)+mysql+IntelliJ IDEA+maven项目技术(必填)springboot+vue+mybatispackage com.example.demo.controller; import com.alibaba.fastjson.JSONObject; import com.example.demo....

阅读全文>>

0

MyUI-新德汇出品的基于Element的中后台项目工程框架

基于 Vue + Element UI 构建的中后台工程框架,专业美观,内置组件丰富。关于 MyUIMyUI 是一款由新德汇出品的基于 Vue + Element UI 构建的工程框架,专注于中后台管理系统快速搭建。喜欢 Element UI 的小伙伴,现在终于有了一个颜值在线,综合素质优秀的 admin UI 框架了。MyUI 演示预览框架特点搭载的代码生成器可生成底层 api 调用、vuex 管理、模拟数据的开发代码,能极大地提高开发效率;包含超过150个常用的 UI 组件,自动注册及按需加载机制;集成图表库、地图应用类库以及大屏数据展示页面;支持子前端微服务子应用,可独立开发、运行、部署...

阅读全文>>

0

基于 Vue3 后台管理平台Vue3.x-Admin

今天给大家分享一个Vue3.0框架搭建的后台管理模板Vue3.xAdmin。vue3.x-admin 使用vue3开发的后台管理系统。主要包括CSS3特效、可拖拽的div、图表、益智小游戏、vuex4.x 存储用户信息等功能。技术栈Vue3.x + vue-router4.x + vuex4.x + Less + Echarts目录结构快速安装通过如下步骤快速本地构建项目。# 克隆项目 git clone https://github.com/Tyf2345/vue3.x-admin.git # 进入目录 cd vue-admin-ele # 安装依赖包 yarn install # 本...

阅读全文>>

0

基于 Vue+Spring 前后端分离管理系统ELAdmin

今天给大家分享一款超棒的Vue前后台分离管理模板ElAdmin-Web。eladmin 一个简单易上手的Vue+Spring boot后台管理框架,star高达2.6K+。支持主流电脑、平板、手机等设备。特性技术栈:使用 SpringBoot/Jpa/Security、Redis、Vue、ElementUI 等技术开发;模块化:后端采用按功能分模块开发方式,提升开发,测试效率;高效率:项目简单可配,内置代码生成器,配置好表信息就能一键生成前后端代码;分离式:前后端完全分离,前端基于 Vue,后端基于 Spring boot;响应式:支持电脑、平板、手机等所有主流设备访问;易用性:几乎可用于所有...

阅读全文>>

0

如何快速用Vue-element-admin撸了个管理后台

最近一个朋友找我开发一个用于库存管理的后台,虽然逻辑并不是很复杂而且系统也并不是很大,但是因为存在一些定制需求,所以就希望通过自行开发,而不是直接使用目前市场上的库存管理后台。我也正好最近在研究一些新的前端框架,这次开发周期并不是很紧,所以也就正好可以给我对于一些之前没有使用过的前端框架练练手。为什么选vue-element-admin因为有段时间没有直接开发PC端前端项目了,这次接到项目之后,从网上搜索了一下目前比较流行的前端开发框架,看看是否可以选择适合的框架,而且可以通过这个项目研究一下目前一些新框架的结构。看了不少关于前端框架的排名文章,包括GitHub等网站上最近几年关于前端框架的热...

阅读全文>>

0

跨端框架 RAX 初体验

锵锵锵~ 小伙伴们,新出的会议室预约系统用着还顺手吗?快告诉我,对比之前的古老预定方式是不是方便很多?系统响应快不快?界面是不是一目了然?交互方式友好吗?看着每天预约人数这么多,无疑答案都是肯定的。那你有没有预约个会议室来把玩一下?预约网红会议室像不像淘宝双十一的大抢购?悄悄告诉你,会议室预约系统采用的前端框架,就是淘宝双十一的 Rax。爱学习的你一定嗅到了知识的味道~那什么是 Rax,怎么用 Rax,什么时候用 Rax 呢?接下来,前端女同学就来聊聊会议室预约系统的前端技术使用。1. What什么是 Rax 呢?来看官方定义Rax 是用于构建通用应用程序的渐进式 React 框架,其内部提供...

阅读全文>>

0

基于vue和JsPlumb的流程设计器——easyflow

介绍easyflow是一个码云上开源的一款流程设计器项目,基于VUE+ElementUI+JsPlumb,通过 vuedraggable 插件来实现节点拖拽。仓库地址https://gitee.com/xiaoka2017/easy-flowhttps://github.com/BiaoChengLiu/easy-flow功能概述支持拖拽添加节点点击线进行设置条件支持给定数据加载流程图支持画布拖拽支持连线样式、锚点、类型自定义覆盖支持力导图如何集成到自己的项目下载源码在自己的vue工程中找到package.json,并引入如下依赖(不用额外引入jsplumb)"element-ui": "2....

阅读全文>>