- 博客(8)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Vue中 实现静态文件下载（以下载表格为例）
应用场景：有时候我们需要下载的文件数量不多且内容是固定的不变的静态文件（如：模板之类），那么实现下载功能在前端就可以完成，不需要和服务端进行交互。如需下载内容较为复杂是动态文件，请移步 传送门：Vue中 实现文件流下载本文vue-cli 版本：3.x， 4.x1. 将待下载的文件放在 public 里public 文件夹下的文件并不会被 Webpack 处理，它们会直接被复制到最终的打包目录下。必须使用绝对路径引用这些文件，简单说 public 就是用来存放万年不变的文件。2. 组件中代码实现
2020-12-31 17:42:27
3500
1
原创 Vue中 实现函数的防抖、节流及应用场景
1. 简介1.1 函数防抖(debounce)定义： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；(类似于 王者荣耀回城效果~~）典型的案例 输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。实现原理： 函数防抖的基本思想是设置一个定时器，在指定时间间隔内运行代码时清楚上一次的定时器，并设置另一个定时器，知道函数请求停止并超过时间间隔才会执行。使用场景：搜索框搜索输入，最后一次输入完成后，再发送请求；手机号、邮箱的输入验证；window 触发
2020-12-31 11:10:31
3193
原创 解决 Element-ui中 选择器（Select）因options 数据量大导致渲染慢、页面卡顿的问题
业务场景：服务端返回两万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我们把这个优化一下el-select,直接上代码。相关知识传送门：Vue 2.x实现自定义指令<template> <div class="content"> <el-select v-model="chooseValue" filterable v-el-select-loadmore="loadMore(rangeNumber)">
2020-12-30 00:10:52
12105
14
原创 TortoiseGit 修改用户名和密码
在电脑下方输入框输入【控制面板】，然后打开控制面板。点击【用户账户】选项点击下【管理Windows凭据】选项在【普通凭据】里，找到我们的对应的git，点击下【编辑】按钮。修改下用户名和密码了，点击【保存】按钮即可总结1.首先，我们在电脑下方输入框输入【控制面板】，然后打开控制面板。2.接着，点击【用户账户】那个选项。3.然后，我们需要点击下【管理Windows凭据】选项。4.然后在【普通凭据】里，找到我们的对应的git，点击下。5.在弹出的选项里，点击下【编辑】按钮。6.最.
2020-12-15 17:37:51
2929
原创 Nodejs 入门基础
1. NodeJs 简介Nodejs介绍Node.js 是一个 Javascript 运行环境(runtime)。它让 JavaScript 可以开发后端程序，实现几乎其他后端语言实现的所有功能，可以与 PHP、JSP、Python、Ruby 等后端语言平起平坐。Nodejs 是基于 V8 引擎，V8 是 Google 发布的开源 JavaScript 引擎，本身就是用于 Chrome 浏览器的 JS 解释部分，但是 Ryan Dahl 这哥们，鬼才般的，把这个 V8 搬到了服务器上，用于做服务器的软
2020-12-14 21:46:22
723
2
原创 Element-ui 中表单（Form)验证数字值范围（大小）
方法一<template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-row> <el-col :span="6"> <el-form-item label="金额" prop="money">
2020-12-13 16:03:50
25957
3
原创 Vue中 实现复制内容到剪贴板（引入使用 vue-clipboard2）
vue-clipboard2 github地址vue-clipboard2 npm地址1. 安装并引入npm install vue-clipboard2 --save// 全局引入main.jsimport VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)2. 使用方法一<template> <div> <el-button v-clipboard:copy="cop
2020-12-13 00:35:16
994
1
原创 Vue中 使用定时器 （setInterval、setTimeout）
js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout。定时器需要在页面销毁的时候清除掉，不然会一直存在！1. 循环执行（ setInterval ）顾名思义，循环执行就是设置一个时间间隔，每过一段时间都会循环执行这个方法,直到这个定时器被销毁掉；语法：setInterval(code, milliseconds)；setInterval(function, milliseconds, param1, param2, ...)；code/funct
2020-12-06 23:21:41
25424
Element-ui中 选择器（select）多选下拉框实现全选功能.zip
2021-10-10
Vue + Echarts 实现中国地图多级钻取功能.zip
2021-08-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人