欲变世界，先变其身

在微信小程序中，给一个view设置margin-bottom属性，在模拟器上生效，但是IOS真机上无效。

在微信小程序开发过程中，有些页面的按钮是需要固定在页面底部（如电商详情页中的加入购物车按钮等），如果将底部栏样式直接设置为bottom：0;，那么在iPhone X、iPhone XR、iPhone 12等机型中，就会出现下图所示问题：按钮区域距离底部太近，可点击区域缩小，用户体验感差。利用IOS新增的 env() 和 constant() 特性即可解决，开发者不需要自己动态计算高度，只需将如下CSS代码添加至样式中：示例代码：

在微信小程序中使用DropdownMenu下拉菜单组件时，会发现内容部分滚动到底时，继续划动会导致底层页面的滚动，这就是滚动穿透。

当写React、Vue等大项目、或者使用框架搭建小程序时，为了便于多人协作开发，常常会引入ESlint和Preitter来规范代码书写，使得不同的开发者写出风格统一的代码。对于原生小程序项目，或许不需要使用webpack等模块打包工具，但同样可以配置合适的ESlint规范和Preitter规范，来处理统一代码风格。

uni-app设置背景图自适应手机屏幕尺寸

今天开发遇到的一个问题：小程序已存在机型，页面元素都显示正常，但是某机型预览就出现了bug。那么接下来教大家如何根据不同机型来调试或复现手机尺寸不同带来的问题...

wx:if之中的模板也可能包含数据绑定，所以当wx:if的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时wx:if也是惰性的，如果在初始渲染条件为false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。一般来说，wx:if有更高的切换消耗而hidden有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用hidden更好，如果在运行时条件不大可能改变则wx:if较好。

如果自定义组件事件需跨越组件边界，进入其他任何组件内部时，需开启。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。时，事件将只能在引用组件的节点树上触发，不进入其他任何组件内部。冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。composed：事件是否可以穿越组件边界，为。bubbles：事件是否冒泡。

ios不支持时间为2020-05-29这种格式的日期，必须转换为2020/05/29这种格式才能使用。new Date()转换时间时，IOS机型时间格式显示NaN。函数，将全部的“-”替换为”/“

全局背景颜色设置方式：在App.vue的style样式表中设置<style lang="scss"> page { background-color: #F0AD4E;}</style>单页面背景色设置方式：对应页面中的style样式表中设置，且不能有scoped属性，如果需要使用带scoped属性的样式表，则重新创建一个样式表单独写背景色样式<style lang="scss" scoped>@import './home.scss';</