04 2020 档案

摘要:用ionic开发的页面,如下图 这是正常时候的样式,但当点击用户名或密码(文本框)时,手机上的软键盘就会打开,导致视口的高度变小,我chrome上的开发ft者工具,模拟了一下这个场景如下: 如图可见,下方的页脚版本信息的文字跑到上面,我给这个页脚信息的CSS用的是绝对定位 、margin-botto 阅读全文
posted @ 2020-04-30 18:52 johnjackson 阅读(467) 评论(0) 推荐(0)
摘要:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 组件拥有自己的 wxml 模板和 wxss 样式 组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的 阅读全文
posted @ 2020-04-23 14:11 johnjackson 阅读(1081) 评论(0) 推荐(0)
摘要:Chrome上(或安卓机上的ionic App)当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框。我用这个CSS,没有用。 textarea:focus { border:none; } 后来一查才发现,得这么写: textarea:focus { ou 阅读全文
posted @ 2020-04-16 19:13 johnjackson 阅读(499) 评论(0) 推荐(0)
摘要:页面中某元素加了手势事件,如: <div (pan)="onPan()">...</div> 这时,如果如果想滑动页面,用鼠标拖动页面上下滚动失败,滑动不了,电脑上用鼠标滚轮不会影响,但是真机上只能用手势上下滚动页面,并没有鼠标啊。 还好找到了这个贴子: https://blog.csdn.net/ 阅读全文
posted @ 2020-04-14 17:21 johnjackson 阅读(462) 评论(0) 推荐(0)
摘要:ionic4 中 ion-content组件支持滚动事件,官方文档上写的是出于性能原因ionScroll 这个事件默认是禁止的,事实上 ionScroll 、ionScrollStart、ionScrollEnd这三个事件都是禁用的,要想启用需要给ion-content组件加上 scrollEven 阅读全文
posted @ 2020-04-14 16:29 johnjackson 阅读(1576) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/baidu_39048029/article/details/94413753 用到了clip属性 阅读全文
posted @ 2020-04-14 11:02 johnjackson 阅读(371) 评论(0) 推荐(0)
摘要:document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElemen 阅读全文
posted @ 2020-04-12 11:18 johnjackson 阅读(1022) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/qq_41823263/article/details/105084611 阅读全文
posted @ 2020-04-07 18:46 johnjackson 阅读(527) 评论(0) 推荐(0)
摘要:因为疫情,今年4月4号全国进行集体悼念逝去的英雄烈士,各大网站都将页面改了为黑白以示哀悼。上次这样的全国性事件还是08年地震,向那些牺牲的烈士敬礼。 做为前端,如何将网站改成黑白呢?其实很简单: <style type="text/css"> html { /* IE 浏览器 */ filter: 阅读全文
posted @ 2020-04-07 13:44 johnjackson 阅读(203) 评论(0) 推荐(0)
摘要:这是ionic4官方文档,https://ionicframework.com/docs/native/sqlite 其中有一句: db.executeSql('create table danceMoves(name VARCHAR(32))', []) 我在VSCODE中开发时看到提示上写的是第 阅读全文
posted @ 2020-04-01 14:14 johnjackson 阅读(494) 评论(0) 推荐(0)
摘要:解决方法: 1. 在package.json中加上: "resolutions": { "@babel/preset-env": "^7.8.7" }, 2. 执行 npx npm-force-resolutions 3.执行 npm install 我亲自试了,确实解决了,但是之后又安了一个vco 阅读全文
posted @ 2020-04-01 13:36 johnjackson 阅读(1538) 评论(0) 推荐(0)