- 博客(5)
- 收藏
- 关注
原创 一看就会的超实用小组件之LoadingButton
组件背景在平时的工作中,经常会遇到一个场景:点击按钮时请求一些接口数据,而为了避免用户重复的点击我们通常会为这些按钮添加loading。这个添加loading的功能本身时非常简单的,只要我们定义一个变量使用在Button组件中即可,但在做后台管理类项目时,这样的按钮可能会有非常非常多,可能一个组件中,很多变量都是xxx_loading,耗时耗力又不够优雅。接下来,我们对Button组件做一个简单的封装来解决这个耗时耗力又不够优雅的loading问题灵感来源我们在使用Antd的Modal对话框时
2022-05-19 10:57:15
1697
原创 vue实现多行文本展开收起组件
一、内容简介多行文本展开收起功能现在已经算是一个非常常见的效果了,之前写过一篇文章也是用vue实现了文本展开收起功能。一年过去了,是时候展示真正的技术了^ _ ^。这次实现一个效果更好的组件:效果预览:二、实现思路getClientRects:先来看下这个api可以得到什么<template> <div id="app"> <div class="over-ellipsis"> <span ref="overEllipsis
2020-12-12 22:14:00
5518
6
原创 从零开发Vscode上传图片插件
一、内容简介在工作中经常用有一些图片来美化我们的前端页面,这时需要我们先将图片下载到本地再通过tinypng这个网站将图片压缩后上传到七牛云,最后将图片链接放在我们的代码中,虽然工作也都在搬砖,但是这种砖不是我喜欢的那种砖。于是,就想到开发一个Vscode插件来帮我自动压缩上传图片。效果预览:二、需求分析1.可在Vscode的setting中配置上传所需的参数,可以根据个人的需求单独进行配置;2.在开发过程中可在编辑器中直接选择图片并上传到七牛并将图片链接填写到光标位置;3.鼠标悬浮在图片链
2020-12-05 13:06:02
1955
原创 vue中的依赖注入provide/inject遇到的一个坑
在写vue的时候经常会遇到一种情况:可能一个参数在许多组件中会用到,或者是组件中的一个子组件需要用到父组件的父组件的某些参数。那么这个时候为了避免组件重复传参,使用vue的依赖注入是个不错的方法,直接在最外层组件设置一个provide,内部不管多少嵌套都可以直接取到最外层的参数。但是假如我们需要的这个参数是需要请求后台接口返回或者说需要计算得来的呢,我就遇到了这么一个坑,先看代码:// 父...
2019-09-24 08:34:49
8361
5
原创 实现vue服务端渲染
1.为什么要使用服务端渲染1.首屏渲染更快,用户可以更快的看到页面2.对SEO(搜索引擎优化)更友好2.实现一个简单的服务端渲染首先,使用vue cli3创建一个vue工程 (vue create ssr)然后安装相关依赖 vue-server-renderer(渲染器) express(node服务器)npm i vue-server-render express -D...
2019-09-22 08:27:16
681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人