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) => {

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: '发...

antd相关

antd相关
andt ant-design table 分页(tableProps) 布局 record.restId} pagination={{ // 分页 simple: true, current: this.state.current, total: this.state.total2, onChange: this.changePage, }} /> 逻辑 changePage = (page) => { this.setState({ current: page, }, () => { let param = JSON.parse(JSON.stringify(this.state.param)) param = { ...param, pageNum: this.state.current,...
Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录