前端
关注
分享
扫一扫
LT_ya
这个作者很懒，什么都没留下…
展开
-
antd表格隐藏某一列
设置 hideInTable: true原创 2021-10-25 11:43:18 · 3280 阅读 · 2 评论 -
使用百度富文本全屏失效
外层modal如果使用绝对定位的话，会引起全屏不显示。原创 2021-10-12 10:34:52 · 344 阅读 · 0 评论 -
微信支付出现地址没权限问题解决方式
关于微信支付下单时出现url没权限报错解决方式微信支付得在商家公众号平台配置地址白名单，只有在白名单的地址才可以调用下单API。如果白名单已经配置好了，H5浏览器支付没问题但微信浏览器支付出现了问题，那就好办了：解决方法：跳转支付页面的方式使用window.location.href等window自带的方式跳转，不用路由跳转原因：微信浏览器url记录的是你第一次进浏览器的url，它监听不到router的跳转，十分傻逼。咱封装的方法...原创 2021-09-18 16:41:41 · 576 阅读 · 0 评论 -
关于移动端h5页面不能滑动问题的解决办法
页面不能滑动无非就是css和js两个方面的问题有的人说如果我写很多个p标签不写任何样式看能不能滑动，如果能滑动说明是样式的原因，要是也不能滑动那就应该是js的原因，是有一定的道理的，但是先别忘了看一下你的html或body是不是加了height：100%；overflow：hidden；1.下面分先说css的问题，主要排查overflow：hidden； // 阻止弹框滚动穿透 e.preventDefault(); e.stopPropagation()不起作用; useEffect(() =原创 2021-09-15 09:27:25 · 7679 阅读 · 0 评论 -
七牛云上传地区控制
1.引入 ‘qiniu-js’;import * as qiniu from 'qiniu-js';2.配置qiuui对象 // 七牛云文件上传 qiniuUploadFile = (uploadItem: any) => { let { uploadToken, dispatch, uploadRegion } = this.props; console.log(uploadRegion, 666); // 七牛云上传配置信息 var config =原创 2021-09-08 16:45:13 · 471 阅读 · 0 评论 -
js 解密插件 CryptoJS
安装：npm i crypto-js -sreact按需引入：创建解密函数： secret = (string: string, code: string, operation: boolean) => { code = CryptoJS.MD5(code).toString(); const iv = CryptoJS.enc.Utf8.parse(code.substring(0, 16)); const key = CryptoJS.enc.Utf8.parse原创 2021-08-11 17:30:06 · 342 阅读 · 0 评论 -
input屏蔽高亮
设置: outline:none原创 2021-03-12 20:52:58 · 344 阅读 · 0 评论 -
vue 中创建的dom样式失效
原因:less,sass,scss 设置了scoped关闭scoped即可解决原创 2021-02-28 17:16:40 · 557 阅读 · 0 评论 -
vue使用静态资源
1.导入：import yzgnImg1 from ‘@/assets/imges/home/yzgn-img1.png’2.定义：在 data 中定义：yzgnImg13.使用：<img:src=“aurl”alt=""@click=“loginto”>aurl: img原创 2021-02-25 18:28:00 · 314 阅读 · 0 评论 -
position ： fixed z-index 失效
如图： 登录组件fixed 显示在上层bug：父组件设置了fixed 而登录组件（子组件）z-index无论设置多大都没效果解决：父组件设置z-indexso，请注意下面两点：z-index只有在设置了position为relative,absolute,fixed时才会有效。z-index的“从父原则”。当你发现把z-index设的多大都没用时，看看其父元素是否设置了有效的z-index，当然别忘了先看看自身是否设置了position。...原创 2021-02-24 10:20:52 · 1058 阅读 · 0 评论 -
评论按日期排序
async getComment() { const res = await this.$http.getComment(this.id, { limit: 100 }) res.data.message.sort((a, b) => { return Date.parse(b.add_time) - Date.parse(a.add_time) }) this.comment = res.data.message cons.原创 2021-02-03 19:52:12 · 370 阅读 · 0 评论 -
js 一万种方法数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&原创 2020-12-15 16:32:10 · 125 阅读 · 0 评论 -
前端面试题:数组去重reduce方法(加分项)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-12-15 10:14:28 · 378 阅读 · 0 评论 -
for in遇到的bug
项目场景：由于ie不兼容getElmentsByClassName获取元素，所以我自己封装该方法：ie支持ID与TagName获取元素问题描述：提示：这里描述项目中遇到的问题：for in 遍历数组时split（）报错 // 原因:className获取元素不兼容ie // 兼容所有浏览器的方法只有id 与tagName function getclassName(cls) { let arr = []//用于存储类名的数组原创 2020-12-04 16:45:52 · 463 阅读 · 0 评论 -
数组API自己重写
1.pop() // 1.pop() 删除末尾的数 Array.prototype.mypop = function () { let num = this[this.length - 1] this.length--;//数组最后一个数删除(重要) return num }2.push() //2.push() 从末尾添加数 Array.prototype.mypush原创 2020-12-02 19:46:44 · 117 阅读 · 0 评论 -
min-width与max-width搭配使用写PC端
html,body{ width: 100%; max-width: 1920px; min-width: 1423px; margin: 0 auto;}原创 2020-11-28 17:53:52 · 559 阅读 · 0 评论 -
js的for in 循环与 for of循环的区别
文章目录**for...in 循环**for...of 循环for … of循环是ES6引入的新的语法，用for … of循环遍历集合总结for…in 循环for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。for…in 语句用于对数组或者对象的属性进行循环操作。for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。for…in语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。for (variable .原创 2020-11-28 10:43:28 · 656 阅读 · 1 评论 -
设置float后vertical-align失效
相关博文：关于Vertical-Align你需要知道的事情https://segmentfault.com/a/1190000002668492转载 2020-11-23 15:45:51 · 630 阅读 · 0 评论 -
什么是BFC，以及BFC的作用
什么是BFC1.BFC（块级格式化上下文）它是一种独立的渲染区域，只有Block-level-box参与，它规定了内部的Block-level-box如何布局，并且与这个区域外部毫不相干。BFC布局规则：内部的Box会在垂直方向，一个接一个的放置 Box的垂直方向的距离由margin决定，属于同一个BFC的两个相邻的Box会重叠BFC的区域不会与float box重叠（定位情况除外） 计算BFC的高度时，浮动元素也参与计算BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到原创 2020-11-13 08:48:26 · 277 阅读 · 0 评论 -
label与checkbox搭配建立菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>菜单框</title> <style> *{ padding:原创 2020-11-05 01:14:17 · 320 阅读 · 0 评论 -
js数组去重，以后慢慢补充
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-11-03 00:44:56 · 144 阅读 · 0 评论 -
nth-child（）选取中间的孩子
前言渲染列表时，需要设置前3个元素的margin-top值与其他的不同。使用:nth-child(-n+3){ margin-top: 12px; }扩展选择前几个元素/*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){} 从第几个开始选择/*【正方向范围】选择从第6个开始的 */:nth-child(n+6){} 两者结合使用，可以限制选择某一个范围/*【限制范围】选择第6个到第9个，取两者的交集【感谢小伙伴的纠正~】 */:nth-转载 2020-10-28 13:58:17 · 908 阅读 · 0 评论 -
什么是闭包？闭包的优缺点？
1、什么是闭包？闭包是指有权访问另外一个函数作用域中的变量的函数。可以理解为(能够读取另一个函数作用域的变量的函数)1 function outer() {2 var a = '变量1'3 var inner = function () {4 console.info(a)5 }return inner // inner 就是一个闭包函数，因为他能够访问到outer函数的作用域很多人会搞不懂匿名函数与闭包的关系，实际上，闭包是站在作用域的角度上来定义的。因为inner访问到outer作用域原创 2020-10-24 00:59:31 · 102 阅读 · 0 评论 -
距离属性总结
clientWidth：表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。（clientWidth = width + padding）offsetWidth：表示元素的内部宽度，以像素计。该属性包括内边距、垂直滚动条（如果有）、边框，但不包括外边距。（offsetWidth = width + padding + border + scroll）clientLeft：左边框的宽度offsetLeft：就是该元素的border到其定位父级的距离..转载 2020-10-22 19:53:51 · 349 阅读 · 0 评论 -
回文的判断
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-10-13 23:32:56 · 453 阅读 · 0 评论 -
js阶乘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-10-13 22:38:12 · 79 阅读 · 0 评论 -
js翻转字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-10-13 22:31:34 · 170 阅读 · 0 评论 -
轮播图scroll属性运用
1.先获取大盒子的可见属性client；2.通过scrollleft或top实现移动；3.当clientwidth=scrollwidth-scrollleft到达临界点（受边框等属性影响适当加减1）同理实现上下轮播：<!-- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=原创 2020-10-09 21:44:10 · 363 阅读 · 0 评论 -
button 与input【button】的区别
<button>和<input type=“button”> 的具体区别1、关闭标签设置。<input>禁用关闭标签</input>。闭合的写法：<input type=“submit” value=“OK” />。 <button>的起始标签和关闭标签都是必须的，如 <button>OK</button>。2、 <button> 的值并不是写在value属性里，而是在起始、关闭标签原创 2020-10-05 15:40:38 · 1126 阅读 · 0 评论 -
js数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-09-27 15:38:14 · 60 阅读 · 0 评论 -
前端oppo网页布局练习
html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>oppo商城</title> <link rel="stylesheet" href="in原创 2020-09-15 20:02:29 · 1347 阅读 · 0 评论 -
js实现魔方
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>魔方</title> <style> *{ paddi原创 2020-09-10 20:59:23 · 584 阅读 · 0 评论 -
js通过按钮控制图片旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>每点击一下，旋转90°</title> <style> #box{ width: 150px; height: 120px; background: red; transition: all 3s ease; } </style>&l原创 2020-09-06 22:17:52 · 1687 阅读 · 0 评论 -
js控制div旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>每点击一下，旋转90°</title> <style> #box{ width: 150px; height: 120px; background: red; transition: all 3s ease; } </style>&l原创 2020-09-06 21:49:41 · 4305 阅读 · 0 评论 -
js实现猜字游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var num=Math.floo原创 2020-09-04 22:09:17 · 752 阅读 · 0 评论 -
扑克牌翻转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ pad原创 2020-09-01 20:09:03 · 287 阅读 · 0 评论 -
js输出方法
1.document.write()将内容写到Html文档中2.innerHTML写入到HTML元素中3.alert（）弹出警告框4.console.log()写入到浏览器控制台中原创 2020-09-01 20:05:18 · 111 阅读 · 0 评论 -
js数据类型与转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数据类型与转换</title> </head><body> <h1>原创 2020-08-27 22:17:22 · 88 阅读 · 0 评论 -
2020-08-27
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>咖啡</title> <style> *{ padding:原创 2020-08-27 12:04:29 · 122 阅读 · 0 评论