自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(81)
  • 资源 (1)
  • 收藏
  • 关注

原创 elementUi的el-select同时获取value和label的三种方法

【代码】elementUi的el-select同时获取value和label的三种方法。

2022-12-26 21:09:17 3014 2

原创 vscode 插件 projectManager 使用

插件 projectManager 便于在VScode中管理多个项目,不用每次都保存为工作区。

2022-12-13 21:55:55 3091

原创 css 线性渐变

线性渐变 - 从左到右(to right)/从右到左(to left)线性渐变 - 从上到下(默认情况下)对角 - 左上角到右上角。

2022-11-23 21:13:57 271

原创 原生jquery实现移动端滑动分页

原生jquery实现移动端滑动分页计算公式:a-d+b-c = 152-50+800-852=50 < 55。如果我们设定this.offset=55。所以此时可以触发加载新内容.此时滚动条向下滚动了50。

2022-11-20 10:23:33 662

原创 关于element UI 下拉选项select 绑定值无法翻译后回显

在做 select 组件下拉回显时,后台返回的选项 id 值有的是 字符串类型:id : ‘1’,而elementUI 做了严格判断类型必须是number类型。

2022-11-18 22:33:27 570

原创 在电脑上微信无法语音聊天,微信听不到语音声音

1、右击开始菜单,(就是Windows开机键键,有四个小方格,像窗口的地方)→选择 【设备管理器】2、在 【声音、视频和游戏控制器】 中,右击 【Realtek audio】,选择 更新驱动程序。3、更新驱动,不是选择 【自动搜索驱动程序(S)】,需要按下边方法操作。选择High Definition Audio设置后,点右下角下一步,点击:→让我从计算机上可用驱动程序列表中选取(L)点击:→浏览我的电脑以查找驱动程序(R)。在弹出的窗口点击是,重启电脑。

2022-11-11 10:32:50 10636 1

原创 vue 按钮权限

创建 premission.js 文件import Vue from 'vue' import store from '../store/index.js' //自定义指令,用来控制按钮权限 Vue . directive('permission' , {

2022-11-10 22:34:51 673

原创 关于给元素设置背景图用到的属性

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat top 100px left 100px;效果图:

2022-11-01 15:08:22 94

原创 vant 结合 tabs 实现上拉加载 下拉刷新

【代码】vant 结合 tabs 实现上拉加载 下拉刷新。

2022-10-26 22:59:33 420

原创 js对象操作方法大全

1.create: 创建一个对象2、defineProperty:Object.defineProperty(object, prop, descriptor)定义对象属性4、keys: 遍历可枚举的属性,5、values: 遍历可枚举的属性值7、getPrototypeOf: 获取指定对象的原型(内部[[Prototype]]属性的值)8、setPrototypeOf 设置一个指定的对象的原型9、getOwnPropertyNames 与keys相似,但包含遍历包含不可枚举属性。

2022-10-22 18:41:35 1803

原创 循环出来的图片转 base64 压缩

【代码】循环出来的图片转 base64 压缩。

2022-10-21 09:19:07 145

原创 2021-06-02

async await 处理异步请求要结合 try catch 来捕获异常async getDetail() {if (this.id) {this.loading = truetry {const res = await this.KaTeX parse error: Expected 'EOF', got '}' at position 153: … false }̲ catch (error) …message.error(‘获取事件报警详情失败,请稍后重试’)}}},

2022-10-16 21:29:53 58

原创 js去掉两个数组相同的元素、js删除数组中某一个对象、js快速查找数组中重复项下标

通过 some() 在对方数组里面查找相同元素,再利用filter() 过滤掉当前数组里与对方数组相同的元素。

2022-10-08 21:32:55 5979

原创 transformRequest和transformResponse的作用

记一次文件上传:axios 重置请求头和序列化参数–便于文件流上传。

2022-09-20 21:08:14 4500

原创 使用nrm切换源,使用nvm切换node版本

使用nrm切换源,使用nvm切换node版本。

2022-09-14 15:12:28 484 2

原创 axios传递数组参数,后台接收不到

关于前后端联调,参数接收不到问题,如果遇到一个彩笔后端 ,参数格式也说不清楚接口文档又没有,是一件很头疼的事情。axios 传参分两组:get(delete)、post(put)。get和delete 传参方式基本相同,post和put基本相同。

2022-09-09 17:48:52 3575

原创 JS获取页面上的所有标签(递归函数)

那要从页面上获取标签,不用说我们肯定会想到DOM操作,那获取到了之后呢,我们又不确定某个元素有没有子元素,那怎么办呢,这个时候我们肯定会想到递归。arguments.callee 是一个指向正在执行的函数的指针,arguments.callee 返回正在被执行的对象。叶子结点 就是度为0的结点 就是没有孩子结点的结点,简单的说就是一个二叉树 任意一个分支上的终端节点。注意一点,递归需要一个 边界条件来打断递归。以下代码可导致出错:由于fact已经不是函数了,所以出错。我们如何获取节点的所有叶子节点个数呢?

2022-09-07 18:26:45 822

原创 监听浏览器返回

监听浏览器返回。

2022-09-03 19:43:23 78

原创 JS 事件循环机制(event loop) 宏任务和微任务

首先要知道javascript是单线程的语言,js任务需要排队按照顺序执行,如果一个任务消耗时间太长,后面的任务只能等着。消耗时间的任务称为异步任务,立即执行的任务称为同Queue)读取对应的函数,进入主线程执行。2)除了主线程之外,还存在一个任务列队,只要异步任务有了运行结果,就在任务列队中植入一个时间标记。3)主线程完成所有任务(执行栈清空),就会读取任务列队,先执行微任务队列在执行宏任务队列。执行顺序:主线程 >> 主线程上创建的微任务 >> 主线程上创建的宏任务。1.主线程上宏任务、微任务执行顺序。

2022-08-31 21:38:34 389

原创 程序员培养解决问题能力的关键

培养快速解决问题能力的关键是如何提高效率。并不需要你突出的专业技能,编程是个手艺或则说是技能,就好比木匠,熟能生巧。我们都是普通人也不是什么文曲星下凡,就想混口饭吃。

2022-08-26 09:23:44 253

原创 nextTick 使用场景

$nextTick的作用和使用场景

2022-08-22 23:05:01 3694 4

转载 js浅拷贝与深拷贝的区别和实现方式

深拷贝、浅拷贝

2022-08-09 17:36:00 118

原创 CSS 自适应布局(flex布局)

flex 布局、超出自动换行、自适应

2022-07-23 15:17:24 1695 2

原创 现有一个 POST 接口:https://xxx.com/students,每次请求只能返回 10 个学生的课程成绩

axios 取消请求,并行请求

2022-07-23 12:05:11 1307

原创 给定一个以数字组成的数组,实现输出id为数字,并且从小到大排序的name

给定一个以数字组成的数组,实现输出id为数字,并且从小到大排序的name(请使用es6语法)

2022-07-23 10:55:06 273

原创 js数组对象去重

js数组对象去重

2022-07-20 08:49:10 23521

原创 node/node-sass/sass-loader 坑人混乱的版本号

node 对应的 node-sass 版本:

2022-07-11 23:11:33 2584

原创 移动端 1px 像素兼容性问题,实现1px 边框

我是利用伪类+定位实现的。当然还有其他方法:参考:6种移动端 1px 解决方案

2022-06-28 17:23:10 99

原创 vscode 配置文件

{ "workbench.iconTheme": "vscode-icons", "editor.quickSuggestions": { "strings": true }, //添加 @description 的选项 "docthis.includeDescriptionTag": true, //sync插件所生成的gisId 用于同步本地插件到远程 "sync.gist": "2d34aaa3586126b9d0ef5a2d3

2022-04-29 15:12:37 623

原创 vue 路由跳转 页面数据不更新问题

由于 router-view 使用了 keep-alive组件,被缓存了。原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。解决方法:第一种:在watch中监听路由变化,对router进行监控,当router发生变化时,执行初始化界面方法//监听函数watch: { '$route' () { this.initData();//我的初始化方

2022-04-29 10:25:01 8186 1

原创 匹配不到路由从定向到首页,避免出现 404 页面, 一定要放在最后才生效

匹配不到路由从定向到首页,避免出现 404 页面, 一定要放在最后才生效 { path: '*', redirect: '/index' }

2022-04-28 11:27:28 384

原创 elementUI table表格,新增和编辑共用一个弹窗

template:<template> <div> <el-button type="primary" @click="addEquipment">新增</el-button> <!-- 表格 --> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width=

2022-04-06 21:01:37 1392

原创 vscode 保存自动格式化

settings.json :{ "settings": { "liveServer.settings.AdvanceCustomBrowserCmdLine": "", "liveServer.settings.CustomBrowser": "chrome", "editor.fontsize": 14, "editor.formatOnSave": true }, "editor.tabSize": 2,

2022-04-06 20:38:15 1088

原创 node 下载以往的版本

官网:https://nodejs.org/en/download/releases/阿里镜像:https://npm.taobao.org/mirrors/node/记得要下载 msi的后缀。

2022-03-30 11:08:24 5334

原创 elementUI 禁用当前日期之前的日期

//script部分data() { return { value: '', pickerOptions: {} }created () { this.pickerOptions = function (date) { return disabledDate(time) { return time.getTime() < new Date(date).getTime();

2022-02-18 14:13:11 336

原创 vue点击复制文本

以elementUI table表格为例,点击地址复制当前行<el-table-column label="地址" show-overflow-tooltip> <template slot-scope="scope"> <div ref="textDom" @click="copyText(scope.row.url)" style="cursor: pointer" title="点击可复制" >

2021-12-10 14:50:50 1387

原创 js快速将字符串数组转化为数字数组(互换)

1、数字数组转化为字符串数组var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];arr.map(String); //结果: ['1', '2', '3', '4', '5', '6', '7', '8', '9']2、字符串数组转化为数字数组var a = ['1', '2', '3', '4', '5', '6', '7', '8', '9']a.map(Number); //结果:[1, 2, 3, 4, 5, 6, 7, 8, 9]...

2021-12-08 09:27:18 3142

原创 el-select获取选中的label值

看了网上很多方法,都是循环选项去获取,我觉得应该没必要。给el-select加上ref = ‘myselect’,然后写个方法debugger一下看看,在 this.$refs.myselect里面有一个selected属性,就是选中项,这个里面有value和label两个属性,就是我们需要的。所以最终写法就是 this.refs.myselect.selected.label,选中值就是this.refs.myselect.selected.label,选中值就是 this.refs.myselect

2021-12-02 08:02:06 2444 1

原创 flex如何设置子元素间距?

如果只是自定义的间距距离, 设置margin就好了.如果是想让两个div每个div占百分之n的宽度. 比如想让第一个div占宽度的百分之30. 第二个占百分之70.可以设置第一个div:flex:3; 第二个div:flex:7;如果你已经设置这两个div的宽高了, 想让他们均分排列,或者考两边排列. 可以了解下justify-content:space-around; 这个属性.属性值有多个.具体怎么排列的.多去了解一下. <div style="display:flex;">.

2021-12-02 07:58:42 15355

原创 原生 js 颜色值转换,rgb与16进制互相转换

16进制转rgb:function HhtmlColorToRGB(color) {var str="0x" + color.substring(1,color.length);var r=str&0x0000FF; var g=(str&0x00FF00)>>8; var b=(str&0xFF0000)>>16; return b + "," + g + "," + r;}rgb转16进制:function colorRGBtoHex(

2021-11-30 22:01:40 785

vue3.docx

Vue3.0笔记

2020-08-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除