- 博客(22)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 react学习之路：InputNumber的parser在ts里面报类型错误
Type '(value: string | undefined) => string' is not assignable to type '(displayValue: string | undefined) => 0 | 2 | 20'. Type 'string' is not assignable to type '0 | 2 | 20'.
2023-08-31 14:51:12
295
原创 react学习之路：TS报错-Its return type ‘Element[]‘ is not a valid JSX element
React项目中TS报错Its return type 'Element[]' is not a valid JSX element.
2023-08-30 17:44:33
1559
原创 webStorm智能代码提示框里的候选代码在mac上无法选择
如果选项里没有macOS System Shortcuts，可以去下面的Plugins里面下载对应的插件，然后选择macOS System Shortcuts -> apply -> ok就可以了。在菜单栏点击webStorm -> preferences…，弹出下面弹框，选择keymap，在快捷键选项中选择macOS System Shortcuts。**问题描述：**2023.1版本的webStorm的智能代码提示框在mac上无法通过上下键选择，也不能用回车选中，而且会同时出现多个提示框。
2023-07-11 16:57:01
282
1
原创 webstorm全局搜索功能失效
webstorm的全局搜索功能是一个常用的功能，但是在使用过程中有时会失效，搜索不出内容，或者只能搜索出部分内容，尤其在切换项目时，更容易出现。另外，搜狗输入法的快捷键容易和webstorm的全局搜索冲突，先排除快捷键冲突的问题。然后点击Invalidate and Restart清除缓存并重启后就可以了。点击 File -> Invalidate Caches…首先排除和搜狗输入法的快捷键冲突的问题。
2022-10-19 11:14:09
1640
1
原创 js实现一个既可以当做对象调用也可以当做函数调用的方法
定义一个方法，让他既可以当做函数直接调用，也可以当做对象调用。// 创建一个函数function MainFn(params){ this.MainFnObj = { name: 'mainFnName' } return this;}// 执行函数MainFn.prototype.execute = function (data){ console.log(data) return}// 给实例添加属性MainFn.prototyp
2021-06-09 16:11:41
1039
原创 前端js获取最近一个月周一和周日的日期
前端通过js获取最近一个月周一和周日的日期：getWeekStr(){ let date = new Date(); let dateTime = date.getTime() ; let day = date.getDay() || 7; let oneDayTime = 24*60*60*1000 ; let weekoneTime = '',weekoneDay = ''; let weeksunTime = '',weeksunDay
2020-11-18 18:33:39
959
原创 uniApp动态修改节点样式
在uniApp项目中没有windouw对象，所以通过document不能直接获取dom节点，vue的refs只对自定义组件有效，对uniapp中的标签不生效。查看uniapp官网有一个uni.createSelectorQuery() API；可以通过这个属性获取标签的样式，在通过动态绑定样式来修改；下面是一个tab标签// HTML<div class="tab" :class="{'activeTab':activeTab=='1'}" @click.stop="changeTab(0)
2020-10-28 11:36:16
6055
2
原创 在uniApp中动态绑定class类名
通过函数的方式添加：// html<span class="circularRing" :class="[borderColor({id:'01'})]"></span>// jsborderColor(item) { let className = ''; switch (item.id) { case '01': className = 'bdcBlue'; break;
2020-10-23 10:52:20
7695
1
原创 正则校验只能输入数字或者字母和数字，字母和汉字和特殊字符校验
vue 加 elementui的el-input设置只能输入特定字符，比如只能输入数字，字母加数字，汉字加字母：html代码<el-input v-model="num"></el-input>在watch里监听输入的值：只能输入数字watch: { num: function(val) { if(val) { this.num = val.replace(/\D/g,'') } }}只能输入字母和数字：watch: { num: functi
2020-06-11 10:28:53
9573
原创 js判断两个对象是否相等
原生JavaScript判断两个对象是否相等function compareObject(obj1,obj2) { for(let attr in obj1) { if(!typeof(obj2[attr])) { return false; // 如果obj2不包含当前键名，返回false； } if(obj1[attr] != obj2[attr]) { return false; // value不相等返回false； } } // 在将obj2遍历一遍 for(
2020-06-05 14:26:10
126
原创 在Vue项目中利用el-table的render-header属性给el-table重新渲染表头
在一些项目中，可能会要求表格的标题要求可以点击，切换表格的内容，这时可以用el-table的render-header属性来实现，如图：上代码：<template> <div id="renderHeader"> <el-table :data="tableData" style="width: 100%"> <el-table-col...
2020-04-18 17:48:51
9491
2
原创 利用js，HTML，css实现一个简单的指针时钟
利用js，HTML，css实现一个简单的指针时钟，如图：HTML代码：<div id="box"> <ul id="list"></ul> <div id="hour"></div> <div id="min"></div> <div id="sec"></div> <...
2020-04-18 16:04:00
997
原创 js数组去重的几种方法
js数组去重和排序在面试中可能会经常遇到，总结了几种数组去重的方法：第一种：嵌套两个循环，将数组中的每个值都和其他的值对比，然后将将相同的值删除； function removeRepeat(arr){ for(var i = 0; i < arr.length - 1; i++){ for(var j = i+1;j < arr.length; j++){ /...
2020-04-11 14:29:24
119
原创 vue加elementUI写一个可以手动添加一列的表格
主要功能如图：点击添加一列后：HTML代码如下：<el-table :data="tableDatas" style="width: 100%"> <el-table-column v-for="(col,i) in cols" :prop="col.prop" :key="i"> </el-table-column></el-t...
2020-04-10 17:06:23
3919
原创 vue项目中设置网站图标
怎么在vue项目中设置网站图标：1，先下载个icon图标，favicon.ico，大小为32*32的，放到static文件夹下；static文件是vue项目中用来存放静态资源的文件夹，放到这里的文件不会被压缩，路径也不会改变；2，在webpack.prod.conf.js和webpack.dev.conf.js里面配置icon图标路径：webpack.prod.conf.js文件：new...
2020-04-02 14:38:18
1870
原创 利用js实现将任意一个整数分解成几个整数的和
利用JavaScript实现将一个整数分解成几个数的和，例如4可以分解为（1+1+1+1）（1+1+2）（1+3）（2+2）；var num = 4;var arr = [];function summation ( n, m, s ) { if ( n > 0 ) { for ( var i = m; i <= n; i++ ) { arr[s] = i; s...
2020-03-27 16:42:47
2848
原创 el-table之show-overflow-tooltip 属性不生效
在使用el-table表格时有时会用到show-overflow-tooltip属性，既当单元格内容不能完全显示时显示tooltip文字提示，并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号，但是鼠标滑上确不显示tooltip，这是因为单元格的padding-right影响到的，在css样式中添加以下代码即可：.el-table .cell, .el-tab...
2020-03-06 10:41:59
4823
原创 elementUI的dialog在IE浏览器中关闭时会闪一下的问题
dialog弹框在ie浏览器中关闭时会有一个问题，那就是偶尔会闪现一下，不是每次都会有，但是出现的频率也挺高了，解决办法：.el-dialog_wrapper{ &.dialog-fade-leave-active{ animation-fill-mode:forwards; }}我的项目中使用了less，如果没有使用预加载器的话： .el-dialog_wrapper ...
2020-03-04 15:46:48
1821
原创 elementUI时间日期组件设置的默认时间在ie中无法重置
在使用elementUI的时间日期组件时往往会设置一个默认时间，此时如果同时设置了placeholder属性，在第一次进入页面时直接重置，调用elementUI的重置表单方法resetField，在IE浏览器中会不生效，但是在f12中查看代码value已经清空了，只是页面上依然显示内容，经过测试是因为placeholder的影响。解决办法是取消placeholder属性或者使用js方法将value...
2020-03-04 15:13:15
1391
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人