![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
2020
易函123
我知道吹过的牛b,也会随青春一笑了之!!
展开
-
element如果Button被Disable了,如何显示Tooltip
需求按钮被disabled了需要显示tooltip错误案例直接用tooltip包着按钮<el-tooltip placement="top" :disabled="tooltipDisabled" content="按钮被disabled了需要显示tooltip"> <el-button style="margin-bottom:10px" :disabled="btnDisabled" type="primary" size="small" @click="handleE原创 2021-01-11 20:24:27 · 4535 阅读 · 0 评论 -
词法作用域和动态作用域
词法环境词法环境:是一种规范类型,用于根据ECMAScript代码的词法嵌套结构来定义标识符与特定变量和函数的关联。通俗来说,词法环境就是一套约定的规则。写代码时,应该按照这个规则来,js引擎对源码进行词法分析。因此,词法环境在我们写代码的时候就已经确定了。词法环境其实就是作用域,也称词法作用域,也是所说的静态作用域。静态作用域与动态作用域因为javascript采用的是词法作用域,函数的作用域在函数定义的时候就决定了(我们写代码的时候就已经存在了);而与词法作用域相对的是动态作用域,函原创 2021-01-07 20:10:44 · 213 阅读 · 0 评论 -
lodash防抖
一import _ from "lodash";const infoBoxDebounce = _.debounce(fc => fc(), 500, { leading: true });//方法clickMethod(){ infoBoxDebounce(()=>{ //代码块 })}二<script>import _ from 'lodash'export default { methods: { //方法 cl原创 2021-01-06 22:55:38 · 134 阅读 · 0 评论 -
element-ui的input设置小于15的正整数
需求输入必须为数字,正整数;小于15,大于0;解决首先element-ui的input组件<el-input type="text" :maxLength="2" autocomplete="off" v-model="maxNum" placeholder="请输入<=15的正整数"></el-input>利用onkeyup,对输入的进行更改最终代码<el-input onkeyup="value=value.replace(/[^0-9]/g原创 2020-12-31 19:50:17 · 589 阅读 · 0 评论 -
原型与原型链一知半解
前言看过不少深入了解原型原型链系列,大体是明白不少,还是不够透彻!以下仅为个人总结和理解。初见各名词首先得了解这几个词:函数,构造函数,函数原型(实例原型),实例,实例对象,对象原型,原型,prototype,proto,constructor先看下面这个例子:function Person() {}function Foo() {}const foo = new Foo();const person = new Person();函数,构造函数:在上面的例子中构造函数就是原创 2020-12-30 20:46:32 · 91 阅读 · 2 评论 -
js格式化json字符串和json对象
格式化json对象const list= {name: 'lisi',age: 14,id: 1}JSON.stringify(list, null, "\t")格式化json字符串let list= "{name: 'lisi',age: 14,id: 1}"list = JSON.parse(list)JSON.stringify(list, null, "\t")输出{ name: 'lisi', age: 14, id: 1}js格式化json字符串和json对原创 2020-12-15 23:46:56 · 175 阅读 · 0 评论 -
reduce 一知半解(一):根据id合并两个数组
日常日常遇到的,同id的两数组合并成一数组的问题语法arr.reduce(function(prev,cur,index,arr){...}, init);arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;init 表示初始值。注意:其实常用的参数只有两个:prev 和 cur根据id合并两个数组le原创 2020-12-10 22:48:06 · 817 阅读 · 0 评论 -
textarea去除右下角默认样式
textarea{resize:none}textarea去除右下角默认样式原创 2020-12-10 22:42:25 · 1285 阅读 · 0 评论 -
css禁止点击事件
将禁用的按钮灰掉的效果.disabled { pointer-events: none; cursor: default; opacity: 0.6;}选中的按钮.disabled.is-active { pointer-events: auto; cursor: pointer; opacity: 1;}css禁止点击事件原创 2020-11-26 21:44:08 · 507 阅读 · 0 评论 -
普通下载 && Vue文件图片下载处理
一般的下载,也就a标签加个链接地址,标签内加个download属性. 当地址是后端提供时:可通过创建a标签, 随即给a便签附下载链接,文件名和属性, 最后再创建点击效果,最后清楚生成的a标签. 再则是图片地址提供:可以通过Base64加canvas,对图片的下载可以进行处理. 下面就是相关方法处理函数 HTML与文件下载HTML与文件下载<a href="large.jpg" download>下载</a>文件下载配合后端表格导出export function dow原创 2020-11-18 22:41:40 · 105 阅读 · 0 评论 -
js判断文件名是否合法
文件类型可查询MIME参考手册.获取文件后缀名/** * @description 获取文件后缀名 * @param {String} fileName 文件全名,包含后缀名的那种 */export function getFileExt(fileName) { let splits = fileName.split('.'); return _.last(splits);}检查文件类型/** * @description 检查文件类型,是否是合法的,这里的validM原创 2020-11-18 22:39:41 · 842 阅读 · 0 评论 -
Js去除字符串中的中括号
let str = '这是一个字符串[html]语句;[html]字符串很常见';alert(str.replace(/\[|]/g,''));//移除字符串中的所有[]括号(不包括其内容)//输出:这是一个字符串html语句;html字符串很常见alert(str.replace(/\[.*?\]/g,''));//移除字符串中的所有[]括号(包括其内容)//输出:这是一个字符串语句;字符串很常见移除所有中括号,不包括其内容let str = "[1,2,3,4,5,6,7,8]";let原创 2020-11-18 22:36:50 · 2310 阅读 · 2 评论 -
日常页码样式问题
问题当页码到一千多的时候,页码的方框会非常不好看;又不能超出方框min-width&&padding解决<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title原创 2020-11-09 19:29:51 · 174 阅读 · 2 评论 -
echart 设置 Y轴标签在柱状图上垂直居中 失效
问题yAxis: { type: 'category', data: yAxis, axisLabel: { inside: true, *verticalAlign: 'middle'* // 文档中应该是这个属性来设置垂直居中,但是未生效 }, axisLine: { lineStyle: { color: '#fff', }, }原创 2020-10-29 21:11:19 · 1907 阅读 · 0 评论 -
git 出现 fatal: unable to access 问题
问题解决管理员没有赋你推送权限原创 2020-10-29 20:11:33 · 12469 阅读 · 0 评论 -
vue两data参数等于res.detail,更新一参数另一参数跟着改变
问题vue两data参数等于res.detail,更新一参数另一参数跟着改变import serviceSkill from "@service/skill"export default{ data(){ return{ datalist:{}, dataOldlist:{}, } }, created(){ this.changeSomething() }, methods(){ changeSomething(){原创 2020-10-29 20:01:18 · 471 阅读 · 0 评论 -
webpack 报错(Cannot find moudle ‘webpack-cli\bin\config-yargs‘)
问题webpack 报错(Cannot find moudle ‘webpack-cli/bin/config-yargs’)解决webpack和webpack-dev-server版本兼容webpack 3.5.5 webpack-dev-server 2.7.1可以用。npm uninstall webpack -Dnpm uninstall webpack-dev-server -D然后执行npm i webpack@3.5.5 -Dnpm i webpack-dev-serv原创 2020-10-29 19:58:33 · 116 阅读 · 0 评论 -
js图片压缩推荐
1. irz图片压缩图片压缩:不能定义压缩后大小2. image-conversion图片压缩:能定义压缩后大小js图片压缩推荐原创 2020-10-26 19:25:59 · 129 阅读 · 0 评论 -
Object.assign()更新对象
Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]],所以它会调用相关 getter 和 setter。因此,它分配属性,而不仅仅是复制或定义新的属性。如果合并源包含getter,这可能使其不适合将新属性合并到原型中。为了将属性定义(包括其可枚举性)复制到原型,应使用Obje原创 2020-10-24 14:21:08 · 626 阅读 · 0 评论 -
字符串string创建,方法
字符串的创建1.new String()let stringObj = new String("123")console.log(stringObj) // object这个是字符串对象,尽量不要这么做!!!2.创建基本的字符串值let stringStr = "123"console.log(stringStr) // string字符串的方法1.查找方法a)charAt(index)作用:返回指定位置的字符。注意:字符串中第一个字符的下标是 0。如果参数 index 不在 0原创 2020-10-20 19:31:29 · 1144 阅读 · 0 评论 -
Vue自定义组件Props中接收数组
问题报错props: { showcontent: { type: Array, default: [] },}报错信息[Vue warn]: Invalid default value for prop “showcontent”: Props with type Object/Array must use a factory function to return the default value.问题解决props: { showcont原创 2020-10-20 19:26:46 · 3329 阅读 · 0 评论 -
LeetCode 第 4 号问题:寻找两个正序数组的中位数
LeetCode 第 4 号问题:寻找两个正序数组的中位数题目地址https://leetcode-cn.com/problems/median-of-two-sorted-arrays/题目描述给定两个大小为 m 和 n 的正序(从小到大)数组 nums1 和 nums2。请你找出这两个正序数组的中位数,并且要求算法的时间复杂度为 O(log(m + n))。你可以假设 nums1 和 nums2 不会同时为空。示例 1:nums1 = [1, 3]nums2 = [2]则中位数原创 2020-10-14 20:12:38 · 94 阅读 · 0 评论 -
vue+element 列表的后台数据更新了,但前端视图未更新.
问题vue+element 列表后台数据更新了,console.log 打印出来是更新的但列表前端视图未改变解决this.$set(this.data,key,value)set函数接收三个参数分别为 target、key、val,其中target的值为数组或者对象,这正好和官网给出的调用Vue.set()方法时传入的参数参数对应上。Vue.set(target,propertyName/index,value)this.$set(target,propertyName/in原创 2020-10-13 23:18:15 · 754 阅读 · 0 评论 -
css隐藏滚动条
.list { -ms-overflow-style: none; overflow: -moz-scrollbars-none;}.list::-webkit-scrollbar { display: none; width: 0px!important }css隐藏滚动条原创 2020-10-13 22:58:37 · 162 阅读 · 0 评论 -
a++和++a的区别
a++ : 先使用,后加1先将a的值代入表达式,在表达式运算完毕后,再将a进行++处理++a : 先加1,后使用先将a进行++处理,再将a的值代入表达式let a=10,b=20,c=30;++a;a++;e=++a+(++b)+(c++)+a++;++a a先自己+1 然后将值赋给结果:13 a=13++b b先自己+1 然后将值赋给结果:21 b=21C++ 先将c值赋给结果:30 c自己+1 c=31a++ 先将a值13赋给原创 2020-09-24 19:17:49 · 219 阅读 · 0 评论 -
npm i -S -D -g的区别
1)npm -i == npm install2)写入dependcies,发布到开发环境npm install module_name --save == npm i module_name -S3)写入devDependcies,生产环境npm install module_name --save-dev == npm i module_name -D4)全局安装npm i module_name -g || npm i原创 2020-09-18 19:33:44 · 164 阅读 · 0 评论 -
css镂空三角形样式
前言对话框----镂空三角形样式原理1)利用伪元素 :before :after2):before ,border做出大三角形样式3):after,border做出小三角形样式4)小三角形的白色样式遮住大三角形样式,形成镂空镂空三角形html<div id="talkTop"> 顶部镂空三角形</div><div id="talkBottom"> 底部镂空三角形</div><div id="talkLeft">原创 2020-09-17 20:29:42 · 949 阅读 · 0 评论 -
本地缓存之localstrage之用法
HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。1.储存数据,更改数据localStorage.setItem('Token', res.data.result.accessToken)localStorage.setItem('Token', res.d原创 2020-09-16 22:59:04 · 330 阅读 · 1 评论 -
vue项目Ctrl+s vscode代码自动格式化
前言多人开发vue项目,代码风格形式不一vscode保存代码,自动按照eslint规范格式化代码设置(vscode最新版配置)vscode插件首先vscode需要装一些vscode插件ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged配置settings.json打开settings.json,贴上配置,注意自己原有的vscode主题和字体等不要替换掉打开方式方式一:1)文件 ------.>【首选项】--原创 2020-09-16 22:57:00 · 2364 阅读 · 5 评论 -
Vue EventBus传值踩坑之Vuex完美解决
问题多个组件通信问题EventBus传值,频繁会导致接口重复调用我以为eventBus是专门处理兄弟组件之间通信的,但是实际上,eventBus是专门处理同一个路由下的复杂组件之间通信的。如果涉及夸路由的组件通信。可以考虑利用$route对象传参或者Vuexvuex完美解决由于涉及v-model,需要特殊处理:bugcomputed property “XXX” was assigned to but it has no setter处理componentcomputed: {原创 2020-09-15 20:26:00 · 1476 阅读 · 0 评论 -
bug:Vuex - Computed property “name” was assigned to but it has no setter
问题多个组件通信问题EventBus传值,频繁会导致接口重复调用我以为eventBus是专门处理兄弟组件之间通信的,但是实际上,eventBus是专门处理同一个路由下的复杂组件之间通信的。如果涉及夸路由的组件通信。可以考虑利用$route对象传参或者Vuexvuex完美解决由于涉及v-model,需要特殊处理:bugcomputed property “XXX” was assigned to but it has no setter处理componentcomputed: {原创 2020-09-15 19:33:00 · 398 阅读 · 0 评论 -
Vue EventBus传值的bug(EventBus踩坑)
前言三个兄弟组件通信EventBus未取消绑定,重复触发的bug基本使用/新建一个 js 文件,写下如下代码就创建好了一个 eventbus,没错,就是这么简单import Vue from 'vue'export default new Vue;全局调用在 main.js 中导入 eventbus ,然后将它挂载到 vue 的原型上,这样就可以全局调用了import bus from './utils/eventBus'Vue.prototype.bus = bus;其他文原创 2020-09-15 19:29:48 · 2296 阅读 · 0 评论 -
Css3无缝滚动防抖
问题图片加文字的无缝滚动,在手机端的效果总体还行,但是图片在手机某些浏览器会抖得腻害!错误写法不能用left,margin-left,像这种写法:.donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s infinite alternate;}@keyframes scoll { from { left: 0;原创 2020-09-12 20:14:07 · 1334 阅读 · 0 评论 -
出网速率问题
问题出网速率变高有哪些原因?服务器CPU性能,内存,SQL日志,都没问题,有其他什么原因会这样?方法1.Windows 无法应用 Scripts 设置。Scripts 设置可能具有自身的日志文件。请单击“详细信息”链接。2.接收到以下严重警告: 42。3.生成以下严重警告: 40。内部错误状态为 1205。4.从远程客户端应用程序收到一个 TLS 1.0 连接请求,但没有任何受客户端应用程序支持的密码套件是受服务器支持的。SSL 连接请求失败。5.没有为网络地址是 0x02004C4F4原创 2020-09-12 20:07:19 · 2353 阅读 · 0 评论 -
IOS调用微信扫一扫scanQRCode报错the permission value is offline verifying
问题ios调用微信扫一扫scanQRCode报错the permission value is offline verifyingdocument.getElementById("scanQRCode").onclick = function() { wx.scanQRCode({ needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果 success: function(res) { alert("234"); let d原创 2020-09-10 19:47:26 · 15764 阅读 · 2 评论 -
IOS微信分享问题(h5页面),签名报错invalid signature
前言网上方法差不多都看了,有个解决方法:window.location.href;确实有效,但是必须进入页面后再次刷新页面才能签名成功;用时间戳也不能解决刷新问题方法在mian.js里面全局路由守卫后置钩子afterEach,主动修改url添加链接描述window.router=router;router.afterEach(to => { const u = navigator.userAgent.toLowerCase(); if ( u.indexOf("like ma原创 2020-09-10 19:44:29 · 1047 阅读 · 3 评论 -
echarts 折线图(移动端)X轴显示不全
主要原因X轴文字太多,需要文字倾斜角度,换行以及省略X轴文字倾斜角度,换行interval坐标轴刻度标签的显示间隔(在类目轴中有效哦),默认会采用标签不重叠的方式显示标签(也就是默认会将部分文字显示不全)可以设置为0强制显示所有标签,如果设置为1,表示隔一个标签显示一个标签,如果为3,表示隔3个标签显示一个标签,以此类推rotate标签倾斜的角度,在类目轴的类目标签显示不全时可以通过旋转防止标签重叠(官方这样说的)旋转的角度是-90到90度xAxis:{ axisLabel:{原创 2020-09-09 19:43:42 · 3553 阅读 · 0 评论 -
文字超出省略号类型
一.css文本超出就隐藏并且显示省略号(一行)overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行二.css文本超出就隐藏并且显示省略号(两行)overflow: hidden;text-overflow: ellipsis;display:-webkit-box; //作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //设置伸缩盒子原创 2020-09-09 19:40:23 · 429 阅读 · 0 评论 -
逻辑运算为true
console.log(true === !false) //trueconsole.log(true === !0) //trueconsole.log(true === !"") //trueconsole.log(true === !NaN) //trueconsole.log(true === !null) //trueconsole.log(true === !undefined) //trueconsole.log(0 === (-0)) //true原创 2020-09-08 20:02:15 · 435 阅读 · 0 评论 -
js多个基本类型计算
let str=true+11+null+9+undefined+“javascript”+false+null+9+[]+[" "]计算strconsole.log(true+11) //12console.log(12+null) //12console.log(12+9) //21console.log(21+undefined) //NaNconsole.log(NaN+"javascript") //"NaNjavascript"console.log("NaNjavascr原创 2020-09-08 19:44:37 · 107 阅读 · 0 评论