最近写小程序时，遇到了 iPhoneX 底部小黑线与内容重叠的问题，实际上是iPhoneX安全区域的适配问题，了解清楚这个问题花了挺多时间的，也实操出了结果，忍不住来总结总结。 在苹果 iPhoneX 、iPhone XR等设备上，可以看到物理Home键被取消，改为底部小黑条替…

各种尺寸的全面屏，奇怪的刘海屏，简直要抓狂。 同样的，这些问题也是小灰经历过的。但是小灰相信，办法总比问题多，于是开始了自己的探究： 这。。。，好像并没有什么L用啊？？这仅仅是普通屏幕为参照的，ipx， 安卓全面屏完全没介绍。 是不是有点眉目了？是的，从截图可以看出，iOS是一…

没做过支付的前端可能感觉微信支付比较神秘，但是在前后端分离的团队里，前端做微信支付还是相当简单的。 在前端这块，我们只需要调用微信接口来发送支付请求就行了。 3. 这个时候，后端接收到了需要下单的商品id，就会去数据库查询价格（为什么要从数据库查呢，毕竟涉及到支付的东西来说，涉…

codesandbox：https://codesandbox.io/s/infinity-scroll-list-u3k4n?file=/src/styles.css 思路很简单，原没有想象的那么复

如果要在小程序中展示带有细节信息的图片（例如地铁线网图），就需要为其加上缩放功能。而用双指张合手势进行缩放，是大部分智能手机用户都已经习惯了的缩放方法。 今天，知晓程序就为大家带来有关手势缩放功能的实现方法，以及手势缩放实现在小程序中的局限和问题。

流程创建http.js文件，封装wx.request创建api.js文件，统一管理所有接口在index.js中调用接口创建http.js文件，封装wx.request在utils中创建http.js文

方案1:利用小程序onReachBottom和onPullDownRefresh(适用于整页的数据展示)步骤1:获取列表数据步骤2:布局上拉加载更多下拉刷新方案2:利用小程序scroll-view可以

4）在动画处理上，PC端由于要考虑到IE的兼容性，通常用JS做动画的通用性会好一些，但相比CSS3却牺牲了较大的性能，而在手机端，如果要做一些动画、特效等，第一选择肯定是CSS3，既简单，效率又高。 5）最好能掌握一套完整的前端开发架构，比如模块化、打包、压缩、缓存、发布，有条…

针对这些问题，首先在项目目录里新建了一个apis的目录，把所有与API请求的东西都放在这个目录里，如下图这样。 1. 新建一个request类，对wx.request进行简单封装 在rquest的结果返回处理函数success中，判定服务端返回的状态代码，对于200状态代码的按…