爱生活爱编程

摘要： 用ionic开发的页面，如下图 这是正常时候的样式，但当点击用户名或密码（文本框）时，手机上的软键盘就会打开，导致视口的高度变小，我chrome上的开发ft者工具，模拟了一下这个场景如下： 如图可见，下方的页脚版本信息的文字跑到上面，我给这个页脚信息的CSS用的是绝对定位 、margin-botto 阅读全文

摘要： https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 组件拥有自己的 wxml 模板和 wxss 样式 组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的 阅读全文

摘要： Chrome上（或安卓机上的ionic App）当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框。我用这个CSS，没有用。 textarea:focus { border:none; } 后来一查才发现，得这么写： textarea:focus { ou 阅读全文

摘要： 页面中某元素加了手势事件，如： <div (pan)="onPan()">...</div> 这时，如果如果想滑动页面，用鼠标拖动页面上下滚动失败，滑动不了，电脑上用鼠标滚轮不会影响，但是真机上只能用手势上下滚动页面，并没有鼠标啊。 还好找到了这个贴子： https://blog.csdn.net/ 阅读全文

摘要： ionic4 中 ion-content组件支持滚动事件，官方文档上写的是出于性能原因ionScroll 这个事件默认是禁止的，事实上 ionScroll 、ionScrollStart、ionScrollEnd这三个事件都是禁用的，要想启用需要给ion-content组件加上 scrollEven 阅读全文

摘要： https://blog.csdn.net/baidu_39048029/article/details/94413753 用到了clip属性 阅读全文

摘要： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElemen 阅读全文

摘要： https://blog.csdn.net/qq_41823263/article/details/105084611 阅读全文

摘要： 因为疫情，今年4月4号全国进行集体悼念逝去的英雄烈士，各大网站都将页面改了为黑白以示哀悼。上次这样的全国性事件还是08年地震，向那些牺牲的烈士敬礼。 做为前端，如何将网站改成黑白呢？其实很简单： <style type="text/css"> html { /* IE 浏览器 */ filter: 阅读全文

摘要： 这是ionic4官方文档，https://ionicframework.com/docs/native/sqlite 其中有一句： db.executeSql('create table danceMoves(name VARCHAR(32))', []) 我在VSCODE中开发时看到提示上写的是第 阅读全文