03 2021 档案

摘要:https://blog.csdn.net/Aria_Miazzy/article/details/100069259?utm_medium=distribute.pc_relevant_bbs_down.none-task-blog-baidujs-1.nonecase&depth_1-utm_s 阅读全文
posted @ 2021-03-30 14:18 王希有 阅读(385) 评论(0) 推荐(0)
摘要:一、原生js做上传下载 1、下载 (1)、封装 // 火狐浏览器等有兼容问题,点击没有反应 const fileDownloadClick = (obj) => { if( document.all ){ obj.click(); } else { let event = document.crea 阅读全文
posted @ 2021-03-29 14:30 王希有 阅读(303) 评论(0) 推荐(0)
摘要:前端通过canvas做图片压缩处理 // <input id="takepicture" type="file" accept="image/*" capture="camera" style="display: none"> // 调用选择照片 var takePictureOnclick = f 阅读全文
posted @ 2021-03-29 14:29 王希有 阅读(688) 评论(0) 推荐(0)
摘要:// 原生js 手机端 调用 拍照、录像、录音、相册(含图片或视频)、音频文件等 import React, {useEffect} from 'react' function Camera() { useEffect(() => { // 图片选取并回显 document.querySelecto 阅读全文
posted @ 2021-03-29 14:13 王希有 阅读(1908) 评论(0) 推荐(0)
摘要:参考 https://www.h5w3.com/14549.html 但是在连续调用 wx.downloadImage 时,发现问题,解决方法详见本博客,忘记在哪写的了,都挨着呢 阅读全文
posted @ 2021-03-26 17:14 王希有 阅读(728) 评论(0) 推荐(0)
摘要:参考 https://www.xiejiahe.com/blog/detail/5be97f71df53a14006035e2a 把需要注释的注释掉 同时后端做跨域设置 这个问题困扰比较久 然后,你会发现,在苹果可以显示,在安卓不能正常显示 解决 将下载的pdf 文件,直接放到服务器上 即文章中的方 阅读全文
posted @ 2021-03-26 17:13 王希有 阅读(3053) 评论(0) 推荐(0)
摘要:wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都 阅读全文
posted @ 2021-03-26 17:09 王希有 阅读(574) 评论(0) 推荐(0)
摘要:这篇主要讲到wx.getLocalImagData接口的使用时需要注意的点。 wx.getLocalImgData({localId: '', // 图片的localIDsuccess: function (res) {var localData = res.localData; // localD 阅读全文
posted @ 2021-03-26 17:07 王希有 阅读(2176) 评论(0) 推荐(0)
摘要:fn 为逻辑的函数wait 为出发间隔时间const debounce = (fn, wait = 1000) => { if (window.timeout) clearTimeout(window.timeout) window.timeout = setTimeout(() => { fn() 阅读全文
posted @ 2021-03-26 16:08 王希有 阅读(1770) 评论(1) 推荐(1)
摘要:先说下问题: 第一次使用 map 写法,结合 async await 时,发现在 苹果 和 安卓手机端都只显示最后一张图片,然后就感觉问题出在异步问题上,于是使用 Promise 无图 参考 https://www.h5w3.com/14549.html 第二次使用Promise.all的写法,发现 阅读全文
posted @ 2021-03-26 16:07 王希有 阅读(664) 评论(0) 推荐(0)
摘要:优化点 1、当顶部有其他元素或组件时,画板笔画起笔不在落笔位置,如添加backHome组件 2、更改清除画图时,起笔长度变长问题 BackHome.js import React, {useImperativeHandle} from 'react' import { useHistory } fr 阅读全文
posted @ 2021-03-22 16:17 王希有 阅读(286) 评论(0) 推荐(0)
摘要:import React, { Component } from 'react' import { Button, Divider, Row, Col } from 'antd' class Autograph extends Component { state = { base: '' // ba 阅读全文
posted @ 2021-03-19 15:36 王希有 阅读(516) 评论(0) 推荐(0)
摘要:文件目录 -home --api --page --route -blog --api --page --route -poetry --api --page --route -photos --api --page --route -index.js 其中,route/index 做类似如下配置, 阅读全文
posted @ 2021-03-16 16:58 王希有 阅读(364) 评论(0) 推荐(0)
摘要:常用总结 一、基本的 1、BrowserRouter 表示一个路由的跟容器,将来所有跟路由相关的东西,都要包裹在其中 2、HashRouter 表示一个路由的跟容器,将来所有跟路由相关的东西,都要包裹在其中 3、Route 具有两种身份: 1.它是一个路由匹配规则; 2.它是一个占位符,表示将来匹配 阅读全文
posted @ 2021-03-12 10:53 王希有 阅读(6900) 评论(0) 推荐(1)
摘要:基本的 嵌套路由组件,直接在代码中,引入即可, 1 // 嵌套路由 2 import React from 'react'; 3 import BackHome from '../component/BackHome'; // 返回首页组件 4 import { BrowserRouter as R 阅读全文
posted @ 2021-03-11 15:56 王希有 阅读(3101) 评论(0) 推荐(0)
摘要:1、安装 react-router-dom yarn add react-router-dom --save 2、新建router文件夹 -src --router(文件夹新建) index.js routes.js -App.js (脚手架自带) 3、src/router/index.js (未配 阅读全文
posted @ 2021-03-09 11:20 王希有 阅读(890) 评论(0) 推荐(0)
摘要:1、初始化 yarn init 2、添加依赖包 yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] 3、安装项目依赖包 yarn 或者 yarn install 4、npm 与 yarn命令比较 NPM Y 阅读全文
posted @ 2021-03-08 16:16 王希有 阅读(191) 评论(0) 推荐(0)
摘要:1、安装 create-react-app todoListNew npm install antd --save 目录结构 src -compoent --Home.js --List.js App.js 2、App.js import React from 'react'; import Hom 阅读全文
posted @ 2021-03-08 16:00 王希有 阅读(486) 评论(0) 推荐(0)
摘要:其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 引用知乎@周载南的回答 根据官方文档,这个package-lock.json 是在 `npm install`时候生成一份文件,用以记录当前状态下实际安装的各个n 阅读全文
posted @ 2021-03-01 17:06 王希有 阅读(2131) 评论(0) 推荐(0)
摘要:https://www.cnblogs.com/gaoxiaoxuner/p/11896047.html 阅读全文
posted @ 2021-03-01 15:25 王希有 阅读(478) 评论(0) 推荐(0)
摘要:// 生成HTML const HtmlWebpackPlugin = require("html-webpack-plugin"); // 清空文件夹// 一般这个插件是配合 webpack -p 这条命令来使用,就是说在为生产环境编译文件的时候,先把 build或dist (就是放生产环境用的文 阅读全文
posted @ 2021-03-01 14:25 王希有 阅读(1781) 评论(0) 推荐(0)