烟雨任平生╰的博客

平常写一个html移动端页面，除了在浏览器调试工具看效果外 想在真机上看一下真实适配效果。那么告诉你一个方法：1、使用vscode 安装 热更新插件：Live Server2、配置Live Server打开vscode 命令面板window：ctrl+shift+p（如果快捷键冲突的话直接点上面工具条：查看 => 命令面板）这个时候默认浏览器 就会打开你的项目首页 开启了热更新功能，修改代码 页面会随之更新；如果想在移动端看效果，那么还需要配置一下vscode同样 打开vsc

问题描述：目前在做的一个APP嵌套用的H5页面，内部表单的input输入框，在Android手机上获取焦点之后 显示正常，但ios手机上光标高度会跟父元素一样高，键盘输入数据后 光标会往上跑偏问题代码：问题原因：主要原因就是给父盒子添加了height和line-height，当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值，当有内容时，光标从input的顶端到文字的底部）解决方

问题描述：原生app嵌套H5页面，H5页面数据通过js模板字符串进行拼接渲染，问题代码：let n = `<div class='imgContainer'><img src="./img/red2.png" /></div>`本地调试图片展示正常，但上到测试线，在app上图片会出现破碎的情况，这个问题查了一下是图片路径引用机制的问题，需要用require进行引用解决：let n = `<div class='imgContainer'><i

先看问题：下边这段代码是 通过接口返回时间 ‘‘2020-10-05 10:29:33’ 转换成时间戳 然后跟当前时间的时间戳进行比较来控制按钮的显示 startTimeStr = data[0].startTime endTimeStr = data[0].endTime startTime = new Date(startTimeStr).getTime(); endTime = new Date(endTimeStr).getTime(); if (nowDate &l

开发过程中 突然发现一个问题：页面在360极速模式显示正常，但切换到兼容模式就是一片空白解决：打开360浏览器后默认让其先选中极速模式代码：<meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge">...

调出软键盘时，页面底部被顶起导致页面混乱；解决：<script type="text/javascript"> window.onload = function () { var oHeight = $(document).height(); $(window).resize(function () { //ios软键盘弹出不会触发resiz...

1.手动添加mate标签例一：let meta = document.createElement('meta');meta.content='content';meta.name='name';document.getElementsByTagName('head')[0].appendChild(meta);例二：var meta="<meta name='name' c...