踩坑集

简介

小程序个人开发中遇到的问题记录，其中包括了小程序对于ES6部分不支持，样式的不兼容，页面传值缺失等问题。
问题原因归纳为由于小程序开发环境， IOS运行环境，Android运行环境有区别导致的；
iOS JavaScriptCore WKWebView
安卓 X5 JSCore X5浏览器
小程序开发者工具 NWJS Chrome WebView

问题列表

• Object.values().sort() 部分机型不可用
• Object.entries() ios版本低于10.2.1 版本
• input 输入框 type= number时 Android会去掉空格
• 高度自适应 不同机型也会出现获取页面高度
• 页面默认值 会看到明显的赋值过程
• 页面传递参数 页面传递参数时特殊符号需要进行替换（?,=）
• text文本截取，补充... 需要white-space:nowrap;

Object.values().sort() IOS 10.2.1(14D27)

错误信息：

Unhadler promise rejection
Object{line : 1180 , column …}
column:7039,
line:1180
sourceURL:”[https://servicewechat](https://servicewechat).qq.com/app-service.js”

现象：远程调试正常运行，预览及测试版异常
问题：Object.values().sort()
Object.values( ) 目前只有 IOS 10.2.1(14D27) 版本机型在预览及体验版本不可用。

Object.entries（）IOS 10.2.1(14D27)

错误提示，Object.entries（）不可以

input 输入框 type= number时

iPhone 中可以输入 133 4567 8910 效果
Android 中输入不能有空格 13345678910
输入过程中 有卡顿现象出现，该现象只在测试远程调试，及预览情况下复现。所以请不要处理

高度自适应

小程序页面高度并不是完美的兼容了各个机型，需要在页面中进行计算。
windowWidth 可使用窗口宽度
windowHeight 可使用窗口高度

• 比例换算 宽度比例与750计算缩放比例即可
• 获取windowHeight时计算错误，有时带tabBar，有时不带。此时计算通过

    /**
     * 兼容获取ScreenHeight-statusBarHeight
     */
    getScreenH () {
        let systemInfo = wx.getSystemInfoSync();
        let screenHeight = 0;
        let coefficient = 375 / systemInfo.screenWidth;  //屏幕正常宽度取值 375 通过宽度异常计算高度偏差
        screenHeight = (systemInfo.screenHeight - systemInfo.statusBarHeight*systemInfo.pixelRatio) * 2 * coefficient;
        return screenHeight;
    },

页面默认值

小程序页面默认值，到onReady 获取SetData 时会有短暂的延迟，通过预览及远程调试时，可以看到明显的页面初始值，变化到onReady中赋值的过程。

页面传递参数

小程序页面跳转支持 get方式传递参数。但今天传递了cdn图片时候，突然就丢了好几个参数，各种实验，后来发现是对特殊符号的处理不足。如果传递参数携带有“?”时，将对后边的参数进行截断，此时需要在传递参数时对参数进行replace替换处理。

// 小程序参数传递需要替换?为指定自负
Object.entries(item).map((item) => {
    if (item[1]) {
        // 小程序参数传递需要替换?为指定自负
        url += `${item[0]}=${item[1].replace('?','_questionmark_')}&`;
    }
});

wx.navigateTo({
    url: url
});

text文本截取，补充...

如果不添加white-space:nowrap; 则不生效。
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;