ant design 3.x中upload组件 上传图片压缩 不想描述多余的，直接看代码简单直接const [defaultFileList, setDefaultFileList] = useState([]); <Upload accept="image/*" customRequest={uploadImage} onChange={handleOnChange} listType="picture-card"
next 引入路径修改为@ 当前项目结构预览正常效果想要达成的效果新建 jsconfig.json 写入如下代码{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "./*" ], } } }再新建 next.config.js 写入如下代码const path = require("path");module.exp.
Node 自动发送邮件 Node 发送邮件简介版本发送者的邮箱厂商，支持列表：https://nodemailer.com/smtp/well-known/以QQ 为例子，打开邮箱，找到顶部的设置模块，然后找到下面的账户找到账户下的 POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务然后你就发一个短信，然后点击我已发送，就会进入这个页面一定要记得这个东西然后上代码const nodemailer = require('nodemailer'); //发送邮件.
base64图片压缩并转换二进制流 base64 压缩function dealImage(base64, w, callback) { var newImage = new Image(); var quality = 0.6; newImage.src = base64.url; newImage.setAttribute('crossOrigin', 'Anonymous'); var imgWidth, imgHeight; newImage.onload = function() { imgWi.
获取当前base64的大小 const getImgSize = str => { var strLength = str.url.length; var fileLength = parseInt(strLength - (strLength / 8) * 2); var size = ''; size = (fileLength / 1024).toFixed(2); return parseInt(size);};
只出现一次的数字（异或版本） 本来是准备用map 写的，但是一看，我c，竟然有这种操作，太骚了，记录一下，异或操作，对于一个数字，找到唯一不重复的值，简直就是神器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> 给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元.
【前端】Nodejs给没有引号的json数据添加引号 我们经常会遇到一些json数据需要放到json文件中，然后动态加载的场景。但是也经常遇到，我们拿到手的json数据的key没有引号，如果自己一个一个加，简直要累死。好在node处理json数据非常方便，我就写了一个var fs = require('fs');fs.readFile('1.json', function(err, data) { if (err) { console.log('文件读取失败'); } else { console.log
移动端H5页面中1px边框的解决办法 在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的 移动端1px像素问题。简书中描述很好的文章，细节可以点击进去看，如果直接想看代码实现，请看下面<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="ini.
React生命周期讲解 React生命周期图解先上图其实总结就是 进入当前页面，，然后渲染页面，加载数据，渲染demo，数据更新，组件卸载constructor/** constructor 其实是Es6 里面带的一个属性，代表初始化，但是组件未挂载* constructor的固定写法如下* 比如你react 需要定义一些 * State 的值就可以定义在 constructor里面，这...
删除URL中指定参数 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> /** * 删除当前url中指定参数 * @param names 数组或字符串 * @returns {string}
力扣刷题-02-简-整数翻转 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>力扣刷题-02-简-整数翻转</title> </head> <body> <p> 给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转 </p> <p> 输入: 123 输出: 321 &
2020-09-16 数组排序 function BubbleSort(element){ for(var i = 0;i<element.length;i++) { for(var j = 0;j<element.length-1;j++){ if(element[j]>element[j+1]){ //把大的数字放到后面 var swap = element[j]; element[j] = element[j+1]; ele
力扣刷题---两数之和 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>力扣刷题---两数之和</title> </head> <body> </body> <script> let nums = [2, 8, 11, 1] let target = 9 /* * 两数之和:第一种解法 * 双重for
关注
