js多图上传

js多图上传
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>上传图片</title> </head> <body> <div>纯input与type</div> <input type="file"> <div>...

ios-橡皮筋-javascript IOS上微信在 输入框 弹出键盘后空白

ios-橡皮筋-javascript IOS上微信在 输入框 弹出键盘后空白
javascript IOS上微信在 输入框 弹出键盘后,页面不恢复,下方有留白,有弹窗弹出时页面内容感应区域错位,这个问题是在ios12.0版本中出现的。 猜测:在微信webview打开我们h5页面的时候,就固定了页面的高度,如果这个input在页面的底部,当呼出软键盘时,由于高度问题,整个webview会被键盘顶上去,而取消时没有恢复原状。 解决办法: 绑定一个blur事件,当其触发时,使scrollTo为0 付代码如下: <inp...

js获取视频video标签的宽(width)高(height)

js获取视频video标签的宽(width)高(height)
js获取视频video标签的宽(width)高(height) getVideoHeight (url) { return new Promise((resolve, reject) => { var video = document.createElement('video') video.autoplay = true video.oncanplay = function () { resolve({width: this.offsetWidth, height: this.offsetHeight}) this.src = 'about:blank' document.body.remo...

npm link的使用

npm link的使用
npm link的使用 打开组件allinmd-wap-vue-ui本身项目地址,执行 'npm link' 打开项目,执行 'npm link allinmd-wap-vue-ui' 注意删除项目中,node_module中已安装的allinmd-wap-vue-ui 功能 在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试 使用方法 创建链接 在这里,我们有两个项目,一个是npm-link-module,是我们要开发的npm模...

BraftEditor

BraftEditor
github地址 1. media.accepts 指定媒体库允许选择的本地文件的MIME类型,默认值如下: { image: 'image/png,image/jpeg,image/gif,image/webp,image/apng,image/svg', video: 'video/mp4', audio: 'audio/mp3' }

tyepscript

tyepscript
typescript 遇到的问题 declare是什么意思 declare function create(o: object | null): void; create({ prop: 0 }); // OK create(null); // OK create(42); // Error create("string"); // Error create(false); // Error create(undefined); // Error 英语 Tuple /tuh pl/ 元组 declare /diˈkle(ə)r/ 声明 implements / ['ɪmplɪm(ə)nts]/ 执行/施行 constructor 类型断言 当你在TypeScript里使...

GGEditor

GGEditor
GGEditor思维导图 import React, { Component } from 'react'; import { duplicate } from '@/utils/utils'; import G2 from '@antv/g2'; import DataSet from '@antv/data-set'; import { Icon } from 'antd'; import GGEditor, { Mind } from 'gg-editor'; import { getSchema } from '../service'; import styles from './style.less'; export interface KnowledgeSchemaState { imgData:[{ link...

typescript相关

typescript相关
dispatch/history 接口怎么添加 import { History } from 'history'; import { Dispatch, AnyAction, } from 'redux'; interface AIDetailProps { dispatch: Dispatch<AnyAction>; history:History } e的类型 onHandleFinalDiagnose = (e:React.ChangeEvent<HTMLInputElement>, item: object) => { How to define type for a function callback (as any function type, not universa...

umi-request封装使用

umi-request封装使用
/** * request 网络请求工具 * 更详细的 api 文档: https://github.com/umijs/umi-request */ import { extend } from 'umi-request'; import { notification } from 'antd'; import {prefix} from './baseConfig' const codeMessage = { 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队(异步任务)。', 204: '删除数据成功。', 400: '发...
Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录