android SDK安装以及环境变量配置(windows) 1.首先去官网下载对应sdkandroid找到对应的exe文件 下载。3.在安装过程中一定要记得自己的安装目录 后面用的到4.安装完成之后,就是环境变量的配置了。首先 新建一个环境变量环境变量完成之后,找到path变量,点击编辑,弹框再点击新建%ANDROID_HOME%\platform-tools %ANDROID_HOME%\tools把这两个粘贴进去,保存确定。5.验证自己是否配置成功打开cmd 输入命令行android -h...
web端上传图片添加水印 let imgFile = file.source.source let reader = new FileReader() reader.readAsDataURL(imgFile) // input.files[0]为第一个文件 let base64 = '' reader.onload = () => { const canvas = document.create..
全局添加水印 import React, { useEffect, useState } from 'react';function HooksDemo() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useState(0); useEffect(()=>{ watermark({ watermark_txt: "测试水印" }) }) const watermark=(settings)=> ...
企业微信扫码登录 企业微信扫码登录步骤:1.首先在要放置二维码的页面提供一个盒子用于防止生成的二维码2.在当前页面将企业微信提供的js进行引入3.调用提供的方法实例,4.要获得扫码成功之后的code和state值,调用服务,就能查到当前用户的token,进行用户的唯一登录综上几个步骤就能实现微信扫码登录得我效果,剩下的就需要自己慢慢去理解。...
发布自己的npm包 首先第一步 要到npm官网注册一个账户 npm登录2.新建一个文件夹test,在test文件夹目录下面,打开命令行,执行npm init 命令,初始化package.json文件在这里 你要保证你的包名是唯一的 验证包名是不是唯一 ,就是在命令行执行npm i 包名如果能够执行成功,不好意思 包名重复,更换包名。在执行完之后 package.json文件里面有一个main,表示你的入口文件 ,入口文件名字要和你的文件夹的名字相同。准备工作完成之后就是把自己的包发布一下了,切换..
常用工具函数 // 生成指定范围随机数export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;// 数字千位符分割export const format = (n) => { let num = n.toString(); let len = num.length; if (len <= 3) { return num; } else { .
react滑动删除组件 js部分/** * 滑动删除 */import React from "react"; import "./index.less"; class SlideDelete extends React.Component { constructor(props) { super(props); this.state = { width:0, isShow:false }; }
react中多tab组件 index.jsx 页面import React, { Component } from 'react';import classname from 'classnames';import './SliderTabs.less';import unSelected from '未选中图片路径'import Selected from '选中图片路径'class SliderTabs extends Component { constructor(props) { super(p.
react中预览pdf文件 jsximport React, { Component } from 'react';import { Document, Page } from 'react-pdf/dist/entry.webpack';import 'react-pdf/dist/Page/AnnotationLayer.css';import envconfig from "@/envconfig/envconfig"import './PDFView.less';import { getSearchQueryS
react中tab滑动栏 我们在会遇到这种tab特别多的情况,需要点击/滑动选择,这个时候就可以使用这个滑动栏。tabs代码块:import React, { Component } from "react"import './ModeTabs.less'/** * 模式TAB组件 * * props: * datas = {[{title: '',}, {title: '',}]} * activeTab = {0} * type={0} 默认不传,为默认样式,传1则为第二种样式,选中时字体为下划...
使用postcss报错 在使用postcss进行打包时出现这个错误:Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.查找资料找了好久因为是版本不兼容的问题,解决方法:在根目录下面新建一个 postcss.config.js文件文件配置如下module.exports={ plugins:[ re..
webpack 在使用dev-server是报错 我的版本信息 webpack: ^5.50.0;webpack-cli: ^4.7.2; webpack-dev-server: ^3.11.2报错信息:`Error: Cannot find module webpack-cli/bin/config-yargs`这里了webpack-cli 与webpack-dev-server 版本不兼容的问题,解决办法1.webpack-cli的版本降为3.3.12 解决办法2.`npx webpack serve..
h5拍照添加水印上传 /** * 可预览图片 ++水印 名字 部门 当前时间 */import React, { Component } from 'react';import { ImagePicker } from 'antd-mobile';import { Toast } from '@/pages/project/yjpt/components/PandaToast.jsx'import envconfig from "@/envconfig/envconfig";import Carousel.
解决引入fastClick 导致antd中upload ios 点击两次生效问题 // FastClick.attach(document.body);//绑定事件判断绑定事件// 解决引入fastClick 导致antd中upload ios 点击两次生效问题 shangshunli 2021/07/02 --上传附件try{ let versionNumber = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/)[1].replace(/_/g, ".") .
可预览图片组件 /** * 可预览图片 */import React, { Component } from 'react';import { ImagePicker } from 'antd-mobile';import { Toast } from '@/pages/project/yjpt/components/PandaToast.jsx'import envconfig from "@/envconfig/envconfig";import Carousel, { ModalGateway, Mo.