日常记录
放手吧,别卷了
这个作者很懒,什么都没留下…
展开
-
前端实现多张图片层叠拼接(海报)
【代码】前端实现多张图片层叠拼接(海报)原创 2023-05-25 15:38:22 · 482 阅读 · 0 评论 -
下载Base64图片到本地
【代码】下载Base64图片到本地。原创 2023-05-24 17:18:26 · 959 阅读 · 0 评论 -
图片地址链接转Base64
【代码】图片地址链接转Base64。原创 2023-05-24 17:16:25 · 177 阅读 · 0 评论 -
JS下载网络图片到本地
【代码】JS下载网络图片到本地。原创 2023-05-24 17:10:08 · 1280 阅读 · 0 评论 -
复制到剪切板功能-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 · 333 阅读 · 0 评论 -
什么是变量提升?
在代码执行之前,代码编译阶段会初始化内部声明的变量,let const放在词法环境里,初始状态是unitialized,var放在变量环境里,初始值是undefined。所以在代码执行阶段的任何时刻,都可以调用它们,自然也能在声明语句之前调用了。区别就是undefined值可以读取,uninitialized状态的变量在读取时会抛出异常...原创 2021-12-31 18:07:54 · 243 阅读 · 0 评论 -
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 · 10286 阅读 · 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 · 1717 阅读 · 0 评论 -
对象深度属性
当我们获取接口数据时,总会遇到需要获取深度属性的情况,但是当数据出现问题时,可能会导致报错//假如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 · 149 阅读 · 0 评论 -
一个容器内两个浮动盒子保持底部平行
有时候会遇到这种问题,父容器内有一个左浮动盒子一个右浮动盒子,因为内容来源接口数据所以两个盒子都不能定高,所以高度都不限制但是却需要底部对齐,如何实现呢?<div class="main"> <div class="left"></div> <div class="right"></div></div>显示结果如下如何实现底部对齐呢,只需在子盒子加上以下代码,父盒子需要加上【overflow:hidden】原创 2021-01-07 21:28:18 · 1004 阅读 · 0 评论 -
first-child与nth-child(1)失效
失效原因是在它之前还有兄弟元素这里使用.list{ &:first-child{} //不生效,因为有在它之前还有兄弟 tip 和 listHeader}解决办法 :给第一个list加ID或者特殊class吧[狗头]原创 2020-11-21 12:59:30 · 474 阅读 · 0 评论