- 博客(51)
- 资源 (5)
- 收藏
- 关注
原创 【Ant Design of Vue】Modal.confirm无法关闭的bug
在使用 Ant Design Vue 的 Modal.confirm 确认框时,出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题。
2024-01-18 17:36:43
6328
8
原创 【Ant Design of Vue】自定义SVG图标的使用
在Ant Design vue中使用自定义 SVG 图标;方法一:vue-svg-loader;方法二:vue-svg-icon-loader,vue-svg-component-runtime;方法三:svg-sprite-loader
2023-06-27 11:42:11
2917
原创 【Ant Design of Vue】v-ant-ref的使用,另一种获取组件实例的方法
v-ant-ref:需要在ant-design中使用,表示将当前组件实例映射进data里面的某个值中,方便后期调用ref放在普通的元素上,用 this.$refs获取到的是DOM元素ref放在子组件上,用 this.$refs 获取到的是组件实例
2023-05-26 14:49:37
846
2
原创 【Webpack】前端工程自动化 - require.context实现模块自动化导入
require.context介绍与使用;Webpack前端工程自动化;vue2批量导入并注册全局组件;将某目录下的vue文件全部批量导入并注册为全局组件;vue2路由模块自动加载;使用 require.context() 函数遍历 routes 文件夹的所有文件,一次性导入到 index.js 中,生成路由表;
2023-05-22 17:25:55
716
1
原创 【UmiJS项目】react-monaco-editor代码编辑器的安装与使用
UmiJS+React+TS,react-monaco-editor代码编辑器的安装与基本使用,UmiJS代码高亮配置(monaco-editor-webpack-plugin),自定义高亮语言实现
2023-05-14 20:20:25
3543
1
原创 【Ant Design of Vue】Tree 树形控件双击树节点禁止取消选中(两种方法)
根据左侧选中树节点,去请求接口获取右侧表格数据;第一次点击树节点则选中,再一次点击该树节点不会取消选中(不会取消高亮);连续两次点击相同树节点不会发起二次请求
2023-04-12 15:00:50
2489
2
原创 【Ant Design of Vue】重置密码 - RSA加解密与确认密码校验
前端实现重置密码功能;接口传参时需要对密码进行RSA加密;需要对确认密码输入框进行密码是否一致校验
2023-04-06 11:16:52
908
原创 【Ant Design of Vue】可手动关闭Message 全局提示
1、Ant Design of Vue官网的Message有一个durationAPI用于设置自动关闭的延时,默认3秒后自动关闭2、领导的要求是:客户在使用时可能仅仅只需要快速浏览一下操作反馈就可以了,3S关闭延时太长,可能会对客户后续操作有影响,希望提供一个手动关闭功能,让客户在快速浏览反馈信息后可以立马关闭。
2023-04-04 16:09:08
1742
3
原创 JS计算对象数组中某个指定字段的总计金额,并使用千位分隔符展示
JS计算对象数组中某个指定字段的总计金额;计算合计;将金额的整数部分逢三一断(千分位分隔符), 并保留两位小数
2023-04-04 10:48:43
859
原创 JS对象数组去重,将两个对象数组中某个字段不同的对象组成一个新数组返回
JS删除两个对象数组中某个字段相同的对象,返回一个字段不同的新数组;有以下两个对象数组,需要将 arr1 中和 arr2 不相同id的对象筛选出来,组成一个新数组返回
2023-04-04 09:53:29
357
1
原创 Vue2根据数据动态显示按钮并绑定方法
根据后端返回的按钮数据动态渲染页面,并根据数据为每个按钮动态的绑定点击事件;实现在methods的一个方法中调用methods中的另外一个方法
2022-10-31 15:12:13
3073
2
原创 vue中yarn install报错:info There appears to be trouble with your network connection. Retrying…
使用 yarn install的时候报以下错误 info There appears to be trouble with your network connection. Retrying…的解决方案
2022-10-20 17:14:29
2774
2
原创 常见CSS的bug和解决方法(Hack)
在任何标签中插入图片时,图片会将元素下方撑大三像素( 有可能是 >3像素 )Hack给 <img> 添加声明:display: block;给 <img> 添加声明 vertical-align: top/middle;注意:vertical-align 只对行内块有效给 <img> 添加浮动,若父元素没有设置高度时要注意塌陷问题给父元素添加 font-size: 0;给父元素设置和图片一样的高度当图片 ( 所有的行内元素和行..
2022-01-09 16:52:39
422
原创 解决高度塌陷、清除浮动7大方法
高度塌陷产生原因所有的子元素浮动,父元素没有设置高度,最近的父元素会高度塌陷给父元素设置高度原理父级 div 手动定义 height,就解决了父级 div 无法自动获取高度的问题缺点此时 div 的高度就不自适应了,如果想要用自适应布局,那么此方法不合适,它只适合高度固定的布局在浮动元素下方添加空标签,并给该元素添加声明 clear:both;原理添加一个空 div,利用CSS的 clear:both; 清除浮动,让父级 div 能自动获取到高度优点.
2022-01-09 16:46:44
443
原创 BFC的概念与触发条件
BFC的概念BFC即:Block Formatting Contexts ( 块级格式化上下文 )通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部BFC所分析的是块级元素底层原理 ,只针对块级元素,但不是所有的块都是BFC,需要满足一定的条件IFC:行内元素的底层原理BFC的触发条件根元素html默认就是一个BFCfloat 的值不为 none单纯的 <div> 不是BFC,如果添加了浮动就是BFCove
2022-01-09 16:38:53
356
原创 BFC的特性与应用
Box垂直方向的距离由 margin 决定,属于同一个BFC的两个相邻box的 margin 会发生重叠应用:防止 marin 重叠<style> .box1 { width: 200px;height: 200px; background-color: red; margin-bottom: 100px; } .box2 { width: 200px; height: 100px; background-color: orange; margin-..
2022-01-09 16:33:23
164
原创 jQuery(下)
jQuery发送 ajax 请求发送 get 请求// 直接使用 $.get 方法来发送一个请求/* 参数一: 请求地址 参数二: 请求时携带的参数 参数三: 请求成功的回调 参数四: 返回的数据类型*/$.get('./ajax.php', { id: 10 }, function (res) { console.log(res) }, 'json')发送 post 请求// 直接使用 $.post 方法来发送一个请求/* 参数一: 请求地址 参数二: 请求时携带的
2021-12-21 10:50:17
78
原创 jQuery(中)
jQuery上篇文章讲了 jQuery 的基本选择器筛选器和属性操作这篇文章来说一些 jQuery 别的东西元素操作创建一个元素var div = $('<div></div>')内部插入元素// 向 div 元素中插入一个 p 元素,放在最后$('div').append($('<p></p>'))// 把 p 元素插入到 div 中去,放在最后$('<p>hello</p>').appendTo(
2021-12-21 10:49:50
71
原创 jQuery(上)
Map 和 SetMap 和 Set 是 ES6 新增的两个数据类型都是属于内置构造函数使用 new 的方式来实例化使用Set使用方式就是和 new 连用const s = new Set()console.log(s)/* Set(0) {} size: (...) __proto__: Set [[Entries]]: Array(0) length: 0*/就是一个数据集合我们可以在 new 的
2021-12-21 10:48:50
91
原创 JavaScript_正则表达式知识点整理总结
文章目录正则创建一个正则表达式字面量创建构造函数创建正则表达式里面的符号元字符限定符边界符特殊符号标识符正则表达式的方法testexec字符串的方法searchmatchreplace正则表达式中的变量解析正则正则表达式,又名 “规则表达式”由我们自己来书写 “规则”,专门用来检测 字符串 是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”,然后用我们定义好的 “规则公式” 去检测字符串是不是合格创建一个正则表达式想制定 “规则”,必须要按照人家要求
2021-12-15 20:01:31
158
原创 JavaScript_ES5和ES6
文章目录ES5和ES6JSON 方法JSON的两个方法JSON.parseJSON.stringifythis 关键字强行改变 this 指向的方法callapplybindES6新增的内容let 和 const 关键字箭头函数箭头函数的特殊性函数传递参数的时候的默认值解构赋值解构对象解构数组注意模版字符串展开运算符ES5和ES6我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已ECMAScript 就是 js 的语法以前的版本没有某些功能在 ES5 这个版本的时
2021-12-15 17:06:28
1445
原创 JavaScript_事件的基础知识整理总结
文章目录EVENT什么是事件事件的绑定方式事件监听事件删除默认行为阻止默认行为事件对象点击事件的光标坐标点获取点击按键信息(了解)常见的事件浏览器事件鼠标事件键盘事件确定按键常见的键盘码(了解)组合按键表单事件触摸事件特殊事件事件委托target委托EVENT什么是事件一个事件由什么东西组成谁来触发事件:事件源触发什么事件:事件类型触发以后做什么:事件处理函数var oDiv = document.querySelector('div')oDiv.onclick = functio
2021-12-10 21:52:57
359
原创 JavaScript_DOM基础知识整理总结
文章目录DOM(上)DOM获取一个元素querySelectorquerySelectorAllgetElementByIdgetElementsByClassNamegetElementsByTagNamegetElementsByName操作属性innerHTMLinnerTextgetAttributesetAttributeremoveAttributestylevalueclassName标签支持的属性操作点击事件特殊标签的获取方式class属性值的操作css样式属性值的获取DOM(下)DOM节点
2021-12-10 21:49:12
729
原创 JavaScript_BOM基础知识整理总结
文章目录BOM获取浏览器窗口的宽高浏览器的三大弹窗浏览器的地址信息window.location.hrefwindow.location.reload ()window.location.replace ()window.open()window.close()window.location.searchwindow.decodeURIComponent()浏览器的历史记录window.history.backwindow.history.forwordwindow.history.lengthwindow
2021-12-10 21:46:20
705
1
原创 JavaScript_实现增删改操作(新增、删除、修改)
通过动态生成页面,以及事件委托、点击事件、循环遍历、数组等 js 基础知识实现新增、删除和修改的操作!
2021-12-09 20:49:26
15821
18
原创 JS_三种方法实现百钱白鸡问题
需求说明有一百钱,要买一百只鸡,其中:公鸡 5 钱一只,母鸡 3 钱一只,仔鸡 1 钱三只。要求:1、必须花完100钱,并且买到100只鸡2、三种鸡必须都有方法一穷举法通过 3 层for 循环实现所有的可能性,判断其中符合条件的情况。 for (var a = 1; a <= 100; a++) { for (var b = 1; b <= 100; b++) { for (var c = 1; c <= 100; c++) { if ((a * 5 + b
2021-12-08 19:50:47
1659
原创 JS实现---输出100 - 999的水仙花数
水仙花数(Narcissistic number)也称为超完全数字不变数,如果一个 3 位数,它每位上的数字的 3次幂之和等于它本身,那么这个数就是水仙花数。例如:1^3 + 5^3+ 3^3 = 153,153就是一个水仙花数。一、需求说明求100 - 999的水仙花数二、步骤1、循环生成 100 - 999 的数值2、获取每个数值中的每一位上的数字3、判断每一位上数字的立方加起来的和 与 这个数值本身是不是相同,是就输出。三、完整代码<!DOCTYPE html>&l
2021-12-08 19:34:24
4434
原创 JS_Math和Date知识总结整理
本文主要介绍Math和Date,包括:随机数---random;浮点数取整---round、ceil、floor、toFixed;数学函数abs、pow、sqrt、max、min、PI、SQRT2;数字转换进制;new Date();将日期字符串格式化成指定内容;获取时间差;计算时间差;设定时间数据等等
2021-12-07 20:07:26
549
1
原创 JavaScript 判断是不是回文字符串
JavaScript 回文字符串判断通过页面弹出的输入框输入要进行判断的字符串,点击确定后,如果该字符串是回文字符串,则弹窗提示:该字符串是回文字符串;如果该字符串不是回文字符串,则弹窗提示:该字符串不是回文字符串。
2021-12-07 19:42:03
3986
【React+TS+UmiJS】react-monaco-editor代码编辑器使用
2023-05-14
JS checkbox实现全选与取消功能完整代码
2021-12-02
html + css仿电脑端静态页面
2021-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人