- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue后台管理系统权限控制
基于Vue和element-ui组件库搭建后台管理系统，处理权限控制相关问题；包括：菜单控制、界面控制、按钮控制、请求和响应控制。
2021-05-17 14:25:43
271
原创 解决JavaScript中常见问题的实用方法
1.如何获取基础URL2.如何获取URL参数作为对象3.检查对象是否为空4.反转字符串5.文字复制到剪贴板。
2023-01-31 17:07:55
483
原创 React中：富文本编辑器(react-quill),自定义上传图片到阿里云
React中：富文本编辑器(react-quill),自定义上传图片到阿里云
2022-08-04 11:38:00
2359
1
原创 React中：富文本编辑器(react-quill),自定义上传图片到七牛云
React中：富文本编辑器(react-quill),自定义上传图片到七牛云
2022-07-27 11:15:35
1950
原创 像开发Element-Ui一样开发vue组件，当作npm包并上传到npm上
开发vue组件首先要做的事就是先创建一个vue项目，通过vue-cli命令创建vue项目。npm install -g @vue/clivue create vm-mint-ui新创建好的项目，目录如下：下面我们修改一下配置文件，根据个人习惯修改。package.json（初始配置）package.json（现修改为）将“private”:true修改为false，即由私有的改为公共的才能上传到npm上，否则的话会上传失败。项目启动，在这...
2022-01-29 12:26:57
1822
原创 Vue中watch(监听器)的用法详解（通俗易懂，简单明了）
官方解释：一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 watch，遍历 watch 对象的每一个 属性。示例：滴哟<template> <el-card class="box-card"><el-input v-model="name" style="width: 30%;"></el-input></el-card></template.
2022-01-19 12:08:21
40075
11
原创 webpack5快速入门，全新版本（1）
一. 摘要webpack5功能：1.打包：将不同类型的资源按模块处理进行打包2.静态：打包后最终产出静态资源3.模块：webpack支持不同规范的模块化开发二. 安装webpack终端：npm install webpack -g三. 快速上手3.1 快速模拟搭建一个项目目录utils.jsindex.js3.2 webpack打包终端：webpack当我们执行webpack命令时，会报如下提示：这是因...
2022-01-10 15:17:16
724
原创 vue项目:element-ui---el-upload上传视频
<!-- 上传 --> <el-upload v-if="ruleForm.jump === 1" class="upload-demo text-images" action="https://up.qbox.me" :limit="1" :data="formData" list-type="picture-card" :file-list="photo" :before-upload="beforeUpload"...
2021-08-22 18:06:49
1390
原创 JS: 格式化数字，格式化金额
格式化数字，格式化金额：function number_format(number, decimals, dec_point, thousands_sep) {/** 参数说明：* number：要格式化的数字* decimals：保留几位小数* dec_point：小数点符号* thousands_sep：千分位符号* */number = (number + '').replace(/[^0-9+-Ee.]/g, '');v...
2021-08-12 05:24:59
354
原创 vue项目: Table表格合计 ( Element )
<template> <el-card class="box-card"> <!-- 只合计不做其他处理 --> <h2>只合计不做其他处理</h2> <el-table :data="tableData6" border show-summary style="width: 100%"> <el-table-column prop="id" label="ID" width="180" align="ce..
2021-08-12 05:11:30
3059
原创 js保留两位小数方法总结
一、四舍五入相关1、toFixed()方法需注意，保留两位小数，将数值类型的数据改变成了字符串类型// 1.四舍五入var num =2.446242342; num = num.toFixed(2); console.log(num); //2.45console.log(typeof num); // string2、Math.floor()，不四舍五入 ，向下取整注意，不改变数据类型// 2.不四舍五入 向下取整num = Math.floor(num * 1.
2021-08-12 04:42:08
35682
2
原创 vue项目中，导出下载Excel表格
方法：// 导出详情数据 exportExcel() { const data = { time_type: '', type_id: this.activity_type, activity_id: this.activity_id, start_day: this.formDate.start_time, end_day: this.formD..
2021-08-11 15:58:22
432
原创 element-ui上传图片
<template> <el-card class="box-card"> <h2 style="margin-bottom: 20px;">element-ui上传图片</h2> <el-upload action="#" list-type="picture-card" :auto-upload="false"> <i slot="default" class="el-icon-plus"></i>..
2021-07-25 01:34:03
246
原创 element-ui导入Excel文件
<template> <el-card class="box-card"> <h2 style="margin-bottom: 20px;">element-ui导入Excel文件</h2> <el-upload multiple action="fileUrl" :limit="limitNum" accept=".xls,.xlsx,csv" :file-list="fileList" :before-upload="befor..
2021-07-25 01:30:14
3298
原创 vue中,图片下载到本地,图片保存到本地
<template> <el-card class="box-card"> <div> <h2 style="margin: 20px;">vue中,图片下载到本地,图片保存到本地</h2> <el-button type="primary" @click="downs()">下载图片</el-button> </div> </el-card></template&g.
2021-07-24 21:29:20
6314
6
原创 重学JavaScript（01）：JS代码为什么可以在浏览器中运行？
JS代码之所以能够在浏览器中运行，是因为浏览器中它嵌入了一种JavaScript引擎（在这里我们把JavaScript引擎称为JS引擎，又称为：JavaScript虚拟机），而JS引擎它可以把JS代码解析成浏览器能够识别的代码，因此JS代码可以在含有JS引擎的浏览器中运行。不同的JS引擎有不同的代号，例如：（1）Chrome 和 Opera 中的 JS引擎------V8引擎（2）Firefox中的JS引擎------SpiderMonkey引擎（3）Safari中的JS引擎-----.
2021-06-26 10:57:08
1819
原创 js中async和await的使用理解
一、在讲解async和await之前，我们先去创建三个普通的函数，如下：<template></template><script> export default { created() { function funOne() { return '111111' } function funTwo(){ return '222222' } function funThree(){ return '333
2021-06-12 21:45:49
1012
3
原创 面试题1：Vue的双向数据绑定原理是什么？
原理（Vue2.x）：Vue.js它是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter；在数据变动时发布消息给订阅者，触发相应的监听回调。我们知道，实现MVVM主要包括两个方面：1.视图变化更新数据；2.数据变化更新视图。视图变化更新数据对于视图变化更新数据，其实可以通过事件监听即可，比如input标签监听‘input’事件就可以实现。数据变化更新视图对于数据变化更新视图，其实我们上面就...
2021-06-09 19:42:08
1996
原创 JS中防抖和节流
假设一个场景：比如你快速点击一个按钮的时候，你会发现，无论你点击的有多快，只要点击了一次，日志就会打印一次；需求：在快速点击的过程中，如何只让最后一次点击能产生效果。
2021-06-09 02:21:30
198
原创 Vue项目中，如何使用ECharts：(1)安装ECharts
一、安转echarts这里只介绍npm install echarts --save
2021-06-02 00:09:15
2048
4
原创 Vue脚手架vue-cli：新老版本的安装及创建项目等方式的比较
vue-cli 3.0 正式版本于2018年8月发布，截止到2020年08月05日版本已经更新到4.4.6。Vue CLI 的包名称由 vue-cli 改成了 @vue/cli，目前网上很多的Vue项目搭建教程由于没有说明使用的vue-cli的版本，不同的操作方式往往给新人造成很大的困扰。3.0+与2.*版本在搭建项目时到底有何不同呢？下面做一下简单的介绍，希望可以帮到有需要的朋友。...
2021-05-27 19:28:12
1003
原创 Promise 对象
Promise究竟是个什么玩意呢？是一个类？对象？数组？函数？还是其他？别猜了，我们还是直接打印出来看看吧，Promise它究竟是个什么玩意？console.dir(Promise);从打印的结果来看，我们可以看出什么了吧，Promise是一个函数，而且还是一个构造函数。并且我们从打印的结果可以看出，Promise自身拥有all、finally、race、reject、resolve等几个比较眼熟的常用方法，而且原型（prototype）上也有catch、finally、then等同样
2021-05-07 12:39:54
119
原创 Vue面试题：Vue中我改变了data中的一个值，但现在视图上没有实时更新，请问我怎么拿到更新后的值？（考察Vue中$set作用）
在我们进行Vue项目开发的过程中，当Vue实例生成后，想要再次给数据赋值时，有时候并不会自动更新到视图上。比如：我们想给Vue实例data数据中的某个对象新增一个属性，但新增的属性有时候并不会自动更新到视图上，是因为Vue实例中的数据是响应式的，而我们新增的属性并不是响应式的，由于受现在JavaScript的限制，Vue无法检测到属性的新增或删除。所以有时无法实时的更新到视图上。<template> <div> <div>首页</div..
2021-04-25 19:57:57
1041
3
原创 js中数组去重常见的几种方法总结
一、创建新数组，把原数组中不重复的值存到新数组中1. 利用indexOf()方法：可返回某个指定的字符串值在字符串中首次出现的位置。下面看一个简单例子，熟悉一下indexOf() 方法的用法。let str = 'orange';str.indexOf('o');// 0str.indexOf('n');// 3str.indexOf('c');// -1//这里0和3分别是o和n在字符串中首次出现的位置，起始下标是0;而-1代表未匹配到//不要问为什么没有匹配到得到的值是-1而不.
2021-04-24 22:12:46
461
原创 面试题：Vue路由跳转的四种方式
1.第一种：router-link（声明式路由）当你点击<router-link>时，这个方法会在内部调用，所以说，点击<router-link :to="...">等同于调用router.push(...)。router-link中常用的几个属性：（1）to（string | Location）：表示目标路由的链接。当被点击后，内部会立刻把to的值传到router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。字符串型&l...
2021-04-24 03:09:58
1177
原创 面试题：html5新增特性总结
1.（语义化标签）内容元素：header、nav、section、aside、article、footer。2.input表单控件：email、tel、url、number、date、time、month、week、search、color、calendar（日历）、input表单属性。3.用于媒介回放的video视频和audio音频元素。4.本地离线存储。（1）localStorage长期存储数据，浏览器关闭后数据不丢失。（2）sessionStorage的数据在浏览器关闭后自动删除。
2021-04-22 05:22:22
340
原创 面试题：var、let、const三者之间的区别
区别：（1）var是ES5提出的，let和const是ES6提出的。（2）var声明的变量存在变量提升现象，let和const声明的变量不存在变量提升现象（遵循：“先声明，后使用”的原则，否则会报错）。 解析：var声明的变量存在变量提升现象：将变量提升到当前作用域的顶部，即变量可以在声明之前调用，值为undefined。 let和const声明的变量不存在变量提升现象：即它们所声明的变量一定要在声明后使用，否则会报错（ReferenceError错）...
2021-04-22 04:55:00
846
2
原创 Vue核心面试题：为什么Vue组件中的data是一个函数（而不是一个对象）
<script> export default { data() {//data是一个函数，data:function(){}的简写 return { //页面要初始化的数据 disabled: true, isArrowdown: false, submenuName: '', childName: '', sideName: '', indexData: [.
2021-04-22 02:19:12
1166
2
原创 vue双向绑定原理
双向绑定的原理也叫响应式原理，Vue它是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()属性的setter、getter，在数据变动时发布消息给订阅者，触发相应的监听回调，来完成双向绑定。Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。Object.defineProperty()方法接收3个参数：第一个参数：需要定义属性的当前对象；第二个：当前需要定义的属性名；第.
2021-04-18 18:58:46
410
原创 Vue实例常用的4个选项
我们都知道，定义一个Vue实例的参数选项除了有el（指定挂载的DOM元素）、data（实例的数据）之外，还可以定义其他的参数。今天我们讲Vue实例常用的4个参数选项：filters（过滤器）、computed（计算属性）、methods（方法）、watch（观察）1、filters（过滤器）第一个要讲的就是过滤器filters选项，那么为什么要有这个东西呢？首先，我们举个例子，假设我们有一组数字，并且都是小数，如下：<script>export default { .
2021-04-01 22:31:51
2436
原创 vue-cli2.x：vue项目运行npm run dev命令时，项目在浏览器自动打开页面的方法
1.方法一：找到配置文件 config => index.js , 修改配置 autoOpenBrowser: true ，默认是false，改成 true 即可；如下图：2.方法二：这种方法比较万能， 在 package.json 文件下 修改 scripts 中 dev 的命令 在里面加上 --open ； 如下图：...
2021-04-01 15:56:22
642
原创 axios在vue中的使用
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0, name:'小明', age:20, sex:'男' }, getters: { doneTodos(state) { return state.count; }, mapName(state){ .
2021-03-26 19:02:02
33521
10
Vue后台管理系统实现权限控制
2021-05-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人