作者的挖坑之旅作者本人在工作之余喜欢自己写一些东西玩玩， 虽然不是资深程序员， 不过也还是能够完成前端页面+后端接口+服务端部署的整个流程了。如果不愿意看分析过程，可以直接拉到最后看结果。开始入坑首先前端页面使用了Vue作为前端开发框架，我相信点这个标题进来看文章的都用过这个框架的吧。。。首先肯定是要引入element这个ui组件库，但是作者是个很讲究的人，虽然自己瞎倒腾的页面没多少东西，但是有些
首先从这说起 vue项目中的elementUI的默认样式怎么改由于elementUI的样式太单调，比如这个slider滑块elementUI中的API是没办法改变这个slider的颜色的，可是老板喜欢很黄，非要用yellow色。?没办法。拿人钱财替人消灾。我试着在写的组件中直接去更改这个slider的颜色，发现根本不能直接改?。有意思?。我们分析一下：当我们想要更改某个元素的css样式时，只要找到
v-loading="searchLoading"element-loading-spinner="el-icon-loading"element-loading-backgro
原创
2023-02-24 12:03:50
251阅读
openFullScreen() {
this.loading = this.$loading({
lock: true,
text: "Loading",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)"
});
},
closeFullScreen(loadi
原创
2023-05-19 15:19:18
120阅读
● 本文是对JSP程序设计实训（三）——HTML基本知识（一）的补充 ● 下面知识符合 HTML5 标准HTML 基本知识（补充）一、排版标签1. div 和 span 标签div span 是没有语义的，是我们网页布局主要的2个盒子。div 就是 division 的缩写，是分割、分区的意思；span 是跨度、范围的意思。且都是双标签结构。div 标签：用来布局的，但是现在一行只能有一个 div
背景 前两天在开发一个管理后台项目时， 遇到了一个问题，后端接口返回特别慢，由于该接口调用的是第三方API，无法通过后端去处理。此时想到用loading动画，但随之而来也产生了不少问题， 在此记录一下以方便大家能够遇到此类问题可以借鉴。 处理方案 在表格内添加loading <el-table v- ...
转载
2021-07-28 18:09:00
1013阅读
2评论
1、vue脚手架 用来创建vue项目的工具包 创建项目:npm install -g vue-cli(第一次安装vue-cli)
*vue init webpack 项目名开发环境运行cd 项目名
npm install->npm run dev生产环境打包发布npm run build(即生成打包好的文件dist)安装测试服务器测试npm install -g serve
serve
转载
2024-10-22 13:17:49
62阅读
用自己通俗易懂的语言理解设计模式。通过对每种设计模式的学习，更加加深了我对它的理解，也能在工作中考虑应用场合。成文思路：分析每种设计模式思想、抽离出应用场景、对这些模式进行对比此篇文章包含：修饰者模式（装饰器）、单例模式、工厂模式、订阅者模式、观察者模式、代理模式将不变的部分和变化的部分隔开是每个设计模式的主题。单例模式也叫单体模式，核心思想是确保一个类只对应一个实例。特点：只允许一个例存在，提供
这些好看的loading效果，你还只会用第三方库吗？CSS3教你实现前言loading效果在实际开发中是很常见的，尤其是在Ajax请求的时候，可以给用户一个很好的交互体验。今天这篇文章我们一起来看看如何通过CSS3实现各种不同的loading效果吧，文章中的代码可以从公众号前端群自取。CSS3实现效果首先我们来看看需要实现的效果。效果图然后我们一个个来看都是怎么实现的吧。loadingAloadi
请求拦截.响应拦截// 导入 axios
import axios from 'axios'
// 导入组件库
import { Loading } from 'element-ui'
import router from '../router/index'
// 全局挂载axios
axios.defaults.baseURL = 'http://www.liulongbin.top:300
安装npm i element-plus全部引入，在入口文件main.js 启动：npm start 按需引入需要插件快速开始 | Element Plus (gitee.io)npm install -D unplugin-vue-components unplugin-auto-import //ESLint先引入
const ESLintPlugin
 
转载
2024-04-28 11:57:30
429阅读
记录使用Element-UI的v-loading指令。Element提供了两种调用Loading的方法：指令和服务。指令对于自定义指令 v-loading，只需要绑定 Boolean即可，默认情况下，loading遮罩会插入到绑定元素的子节点通过添加 body修饰符，可以使遮罩插入至DOM中的body上。自定义加载文案、图标和背景色在绑定了v-loading指令的元素上添加element-load
转载
2024-03-25 10:48:30
308阅读
文章目录一、Element UI Table组件简介1.1 安装与引入1.2 基本用法二、Table组件的功能特性2.1 排序2.2 筛选2.3 分页2.4 行操作三、Table组件的优化技巧3.1 虚拟滚动3.2 懒加载数据3.3 减少不必要的渲染四、封装Table和Pagination分页组件一、模版部分：1. 当窗口大小发生变化时，表格的高度也发生变化，让内容始终充满全屏，这个是我自己的喜
转载
2024-04-16 20:27:35
2089阅读
最近想写个小程序，是基于vsto的excel 扩展程序。打开vs2017，创建时，却提示 不能创建项目（创建项目失败，Project cannot be created）。原本以为很顺利的，不相处了这个bug。我是安装的vs2017社区版，office 是前几个月公司购买的 office 2016 标准版。百度了，有几下几个方面，但都不是我的原因（我也列下来，也许能解决你的问题）1，vs要用管理员
转载
2024-07-23 10:09:44
45阅读
在 Vue 生态里， Element UI 是排名前列的组件库。 在 Vue 发布到 3.0 时，Element 也发布了对应的组件库。也就是 Element Plus 。随之而来的用法也跟着变了。比如本文要讲的 el-icon 的用法。 在 Element Plus 里，Icon 图标 的用法和以前不一样了。虽然官方文档也有说明怎么用，但不是非常详细，可能会给新手带来一丢丢障碍。本文将花几分钟
转载
2024-08-18 16:48:08
324阅读
loading/index.jsimport directive from './src/directive';
import service from './src/index';
export default {
// 这里为什么有个 install 呢
// 当你使用单组件单注册的时候就会调用这里了
// 效果和下面一样，挂载指令，挂载服务
install (Vue) {
转载
2024-06-21 00:50:41
111阅读
一、三种动态创建元素的方法1. document.write()
2. element.innerHTML
3. document.createElement()二、三种动态创建元素方法的区别document.write() 直接将内容写入页面的文档流，但是当文档流执行完毕后，它会导致页面重绘。比如在 js 代码中写入事件函数（鼠标点击事件）再添加内容时，之前所
要在Vue3中处理全局异常，可以使用Vue实例提供的errorHandler函数。此函数将捕获在组件生命周期期间发生的任何未处理错误，并允许我们在集中位置处理它们。要实现此操作，可以将errorHandler函数添加到主Vue实例中，如下所示：const app = createApp(App)
app.config.errorHandler = (err, vm, info) => {
Vue单页应用首次加载太慢之性能优化 问题描述： 最近开发了一个单页应用，上线后发现页面初始加载要20s才能完成，这就很影响用户体验了，于是分析原因，发现页面加载时有个 vendor.js达到了3000多kb，于是在网上查找了一下原因，是因为我打包的时候把所有第三方依赖都打包放进去了；要怎么分离出去呢？ 看下面步骤： 一、解决打包后vendor.js 很大，
