页面底部输入框聚焦时吸底软键盘方案

0、参考布局 可能存在的问题 * 输入框未跟随软键盘弹起 * 输入框被顶起超过软键盘的高度 * 输入框被系统手势按钮遮挡 * 输入框没有被键盘挡住,但收起键盘后页面不会回落 * ios safari标签栏位于底部时 100vh并不是真实的高度,导致输入框被标签栏遮挡 * 输入框被顶起时,页面顶部被顶到了可视区域外 解决方案 1、Android 监听resize事件 在Android中,软键盘弹起会导致页面高度变化,压缩页面,因此可以通过监听window的resize事件,并实时修改容器高度来保证输入框位于软键盘之上 window.addEventListener('resize', this.convertStyle); convertStyle() { this.$refs.container.style.setProperty('window.innerHeight', `${height}px`); }, 2、IOS 通过VisualViewport监听resize事件 在IOS中,软键盘的弹起并不会导致页面高

lerna

Lerna 是一个管理多个 npm 模块的工具,是 Babel 自己用来维护自己的 Monorepo 并开源出的一个项目。优化维护多包的工作流,解决多个包互相依赖,且发布需要手动维护多个包的问题。 1、安装 推荐全局安装,因为会经常用到 lerna 命令 npm i -g lerna 2、初始化项目 2.1 创建 lerna init 2.2 修改配置 将node_modules提出至最顶层集中管理,避免共同依赖的重复安装 learn.json { "packages": [ "packages/*" ], "useWorkspaces": true, "npmClient": "yarn", // 默认使用yarn,有利于扁平化依赖管理 "version": "0.0.0" } package.

mac pip默认使用pip3

pip是常用的python包管理工具,类似于java的maven。用python的同学,都离不开pip。 * 在Python2.7的安装包中,easy_install.py是默认安装的,而pip需要手动安装。 sudo easy_install pip //即可安装 * 值得注意的是:这样将安装在系统自带的python2.7的路径下,而我们要的开发环境却是python3,这样安装的包,python3中找不到 解决办法:用下面的命令安装 curl https://bootstrap.pypa.io/get-pip.py | python3 * 查看版本 pip --version //pip 18.1 from /usr/local/lib/python3.7/site-packages/pip (python 3.7) 如上可以看到 查看版本时,