- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 复制到剪切板功能-js
封装了一个实现复制到剪切板的函数，如下 //value 需要复制到剪切板的数据 const copyValue = (value) => { var textBox = document.createElement('input'); textBox.value = value; document.body.appendChild(textBox); textBox.select(); // 选择对象 document.execCommand("Cop.
2022-01-14 15:17:13
349
原创 什么是变量提升？
在代码执行之前，代码编译阶段会初始化内部声明的变量，let const放在词法环境里，初始状态是unitialized，var放在变量环境里，初始值是undefined。所以在代码执行阶段的任何时刻，都可以调用它们，自然也能在声明语句之前调用了。区别就是undefined值可以读取，uninitialized状态的变量在读取时会抛出异常...
2021-12-31 18:07:54
260
原创 AntD中Form几种获取数据的方式
在Form.item不单独绑定value 值和onChange方法时使用1、Button在Form内部，加上 htmlType="submit"属性触发Form表单onFinishsh事件import React from "react";import { Form, Button } from "antd";export default function Page({ route, location }) { const [form] = Form.useForm(); const
2021-11-04 20:31:29
11270
6
原创 页面关闭时发起接口请求--Navigator.sendBeacon
使用Navigator.sendBeacon(url,data) 发送页面关闭时的接口请求在项目中遇见需要在页面关闭时发送请求以获得用户关闭时间计算出用户浏览时长首先是使用 window.$.ajax 方法正常发送请求，但是async:false的情况下接口报错 NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load xxxx(具体原因可百度)，将async设置为true则时而无法请求成功，这是因为如果请求是异
2021-10-29 19:54:29
1786
原创 对象深度属性
当我们获取接口数据时，总会遇到需要获取深度属性的情况，但是当数据出现问题时，可能会导致报错//假如a是接口数据，我们需要获取最后的属性dconst a = { b:{ c:{ d:'哈哈哈' } }}正常情况下会编写成（a && a.b && a.b.c && a.b.c.d）这样的话显得过于累赘，可以用以下几种方法来处理//while封装方法function getDeepValue(o,v){ le
2021-06-21 11:19:26
159
原创 一个容器内两个浮动盒子保持底部平行
有时候会遇到这种问题，父容器内有一个左浮动盒子一个右浮动盒子，因为内容来源接口数据所以两个盒子都不能定高，所以高度都不限制但是却需要底部对齐，如何实现呢？<div class="main"> <div class="left"></div> <div class="right"></div></div>显示结果如下如何实现底部对齐呢，只需在子盒子加上以下代码，父盒子需要加上【overflow：hidden】
2021-01-07 21:28:18
1037
原创 first-child与nth-child(1)失效
失效原因是在它之前还有兄弟元素这里使用.list{ &:first-child{} //不生效，因为有在它之前还有兄弟 tip 和 listHeader}解决办法 ：给第一个list加ID或者特殊class吧[狗头]
2020-11-21 12:59:30
505
原创 border宽度一致但在安卓与ios上显示粗细不一致问题
border宽度一致但在安卓与ios上显示粗细不一致问题使用H5开发app时常遇到各种兼容问题，特别是各种1px细线与边框问题本次主要是遇到的边框问题 在安卓上设置边框border时显示没有问题，但是当运行在phone-xr或者phone-xs上时会出现明明border都是1px，`但是左边框更粗，或者更细，反正就是同一个宽度却显示粗细不一致的问题（如下图）解决方法：设置border-radius:1px，边框就不会出现粗细不一致问题（不确定，但我解决了，具体原理不知）...
2020-10-30 20:34:10
1490
原创 transform属性影响fixed定位
偶然的机会发现fiexd定位会受到transform的影响，以下为自己弄的小案例当外部元素没有transform属性时-----css部分-----<style> *{ padding: 0; margin: 0; } .transform{ width: 100px; height: 100px; background: rgb(196, 196, 196); /* transform:tra
2020-09-30 22:04:37
1772
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人