首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
水冗水孚
创建于2021-07-14
订阅专栏
记录一下Vue,好记性不如烂笔头
等 53 人订阅
共65篇文章
创建于2021-07-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
el-select自定义指令用于触底加载分页请求options数据(附上完整代码和接口可直接用)
问题描述 某些情况下,下拉框需要做触底加载,发请求,获取option的数据 为了方便复用,笔者封装了一个自定义指令 另外也提供了一个简单的接口,用于演示 我们先看看效果图 效果图 思路分析 注意事项一
vue项目中添加网页无障碍功能
需求描述 有一个项目中需要添加网页无障碍功能 具体什么是无障碍功能,请看百度百科:无障碍辅助工具 效果图 操作步骤 第一步 去gitee看代码仓库 仓库:https://gitee.com/tywAm
面试官桀桀一笑:你没做过大文件上传功能?那你回去等通知吧!
本文正在参加「金石计划」 大文件上传问题描述 问题背景 笔者的一个好友上个月被裁,最近在面试求职,在面试时,最后一个问题是问他有没有做过大文件上传功能,我朋友说没做过... 既然面试官会问,那咱们就一
想要在npm上快速发包?用vue-sfc-rollup工具即可&细致图解操作流程
问题描述 需求描述 本文记录了使用vue-sfc-rollup工具,去将我们封装的vue组件,发到npm上,以便于组件共享。 vue-sfc-rollup介绍 官话介绍: vue-sfc-rollup
回顾webpack在vue.config.js中写loader和plugin
前言 我们先思考一个问题:如果不使用webpack,前端能够开发项目吗? 先别着急说出答案,我们继续往下看... vue-cli & create-react-app和webpack的关系 我们知道,
性能优化之图片懒加载使用vue-lazyload或IntersectionObserver观察检测者
懒加载问题描述 网站上有大量图片,若一次性直接请求所有的图片资源,很显然时间等待过长,浪费资源。 所以我们就需要需要给图片做一个懒加载,即:等看到图片,或者快看到图片时,才去加载 就像移动端下拉加载一
性能优化之使用vue-worker插件(基于Web Worker)开启多线程运算提高效率
什么是Web Worker 15年前,也就是2008年,html第五版html5发布,这一版的发布,提供了不少新的好用的功能,如: Canvas绘图 拖拽drag websocket Geolocat
万字长文~vue+express+mysql带你彻底搞懂项目中的权限控制(附所有源码)
线上网站演示效果地址:http://ashuai.work:8891/home GitHub仓库地址:https://github.com/shuirongshuifu/authority 后端权限
Vue自定义指令实现加载中效果v-load(不使用Vue.extend)
加载中思路分析 实现加载中效果,一般有两种方式: 第一种是:搞一个load组件,然后使用Vue.extend()方法去继承一个加载组件去使用,比如笔者的这篇文章:https://juejin.cn/p
vue通俗易懂封装一个树组件😃(复制粘贴就是自己的了😄)
本文正在参加「金石计划 . 瓜分6万现金大奖」 树组件说明 关于树结构形式的效果,在工作中很常见,如,菜单树、权限树、关系组织树等一些展示层级关系的功能。本文使用组件递归的思想,实现一个树组件,我们先
别再使用el-scrollbar做滚动条啦!用simplebar-vue滚动条性能提升N倍!
问题描述 产品强者面色阴沉,手指屏幕,高声喝道:此浏览器自带的滚动条样式不美观,不可留也!须更换之!最好可自定义! 一时间,满座开发... 平常工作中,有时候需要对浏览器的滚动条样式做调整,此时解决方
vue中封装一个右键菜单组件(复制粘贴即可使用)
本文正在参加「金石计划 . 瓜分6万现金大奖」 组件介绍 关于web端的右键功能常用的地方有表格的右键,或者tab标签的右键等,本文记录一下封装一个右键菜单组件的思路步骤代码。 程序员除了会用轮子,
vue中使用xlsx插件前端读取解析excel文件(复制粘贴使用)
问题描述 工作中一般都是后端去解析excel数据,前端使用上传组件去将excel组件丢给后端,后端使用一些插件去解析excel(比如hutool工具类) 不过有些情况下,前端也需要去做一些excel的
elementui源码学习之仿写一个el-timeline
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情 >> 组件分析 组件构成部分 时间线组件构成部分可分为四部分: 时间线小圆点 时间线竖线条 时间戳 具体内
elementui源码学习之仿写一个el-card
个人愚见 关于卡片card组件,一般在使用中,主要还是card的交互效果,比如阴影效果。饿了么官方提供的card组件除了通过传参控制阴影出现的时机,额外还提供了一个卡片头部插槽。好是好,不过一般用不到
项目性能优化之给dist文件夹中chunk-vendors.js做splitChunks分包,从而减少首屏加载时间
问题描述 我们项目做完,验收通过以后,就需要打包发布上线啦。于是我们执行命令:npm run build打dist包,打包完以后截图如下: 直接打包的chunk-vendors.js太大了 chunk
项目性能优化之用url-loader把小图片转base64,大图片使用image-webpack-loader压缩
问题描述 项目中常常会引入一些图片资源,什么jpg|jpeg|png|gif|ico之类的,正常情况下,我们需要做一下性能优化,看看如何大而化小、小而化了,提升生产环境资源加载速度。所以,本文记录一下
项目性能优化之用compression-webpack-plugin插件开启gzip压缩,以vue为例
问题描述 本文以vue为例,记录一下,使用webpack插件compression-webpack-plugin开启gzip压缩的步骤流程,以及对比开启gzip压缩前后所需要的时间,得出结论:**这个
巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)
问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个
通俗易懂讲解并手写一个vue数据双向绑定案例
问题描述 面试中,面试官除了问基础知识以外,还喜欢问一些框架原理。比如:你对vue的数据双向绑定mvvm是如何理解的?网上的部分贴子可能写的有点抽象,不便于快速阅读理解。本篇文章就使用通俗易懂的简单方
下一页