很多小伙伴在5.28号开始webview调试的时候会一直卡在加载中这个界面无法正常进行调试。
经过排查，非HBuilderX的问题。
最后结论，chrome在28号凌晨进行了更新，将版本更新至了83.0.4103.61.这个版本和HBuilderX的webView调试产生了冲突。
只需要将chrome浏览器降低版本至78.0.3904.70或者更低即可。这里提供78.0.3904.70的资源包。

链接:资源包地址 提取码:o9yl

下载文件后，在进程中关闭所有chrome相关的进程。并在chrome的文件夹位置，
如图所示将原先的这两个画方框的文件删掉或者改个名字做备份（我这里加上666做备份）。
把链接中压缩包解压，把这两个文件粘贴至文件夹中即可。

再次打开浏览器，查看版本是否更改成功。
打开HBuilderX进行调试（第一次会失败）
关闭，再次进行调试（2秒左右延迟）
好了，你现在又可以进行正常的webView调试了！

用一张正方形图片搞定安卓启动页
使用.9.png格式图片，我们可以将启动页设置为上中下左右任意区域图片保真不变形的效果。

示例Dome下载：

安卓启动图问题
HBuilderX上android端提供的三个尺寸的启动图片完全不能满足全面屏盛行的时代，各种比例的屏幕上出现启动图片变形问题，让人很难受。
DCloud官方的解决方案是使用.9.png图片详见。

个人解决方法
以前我都是建议不要是有复杂图案来作为启动图片，直接简单的写几个字就行，这样字体的变形是不容易被人察觉的。
我前期还调研了几家大厂的应用启动页，图案都非常简单。
个人很推荐这种方式，比较简单易懂。

效果参考下图：

但是种方式的局限性也很大，一般要求放个应用logo上去时，就得考虑下面的方案了。

.9.png图片
安卓官方深知开发者们适配屏幕的痛苦，提供了.9.png格式。
但是一般开发时，这种格式图片都是用来做什么按键背景、聊天框背景的。
拿来做启动页也行，但是注意，它的适配逻辑是对指定的取消进行复制；那么启动图要求必须有纯色的横向区域和竖向区域，或纹理。

正方形启动图示例
一般的，有上中下左右几个区域会放置内容，布局结构如下图（一张正方形的图片）。

未做.9.png时，直接设置为启动页的效果如下：
明显几个圆形都发生了变形（废话了，肯定会变形的）。

再来看看使用.9.png后的效果：
满足适配大多数屏幕不变形的需求。

标注示例图：
按照此标注方法，可以满足绝大多数启动图的制作需求。

• 底部和右边的黑边拉满即可，不用过多操作。
• 主要调整顶部和左侧的拉升区域，区域大小会影响拉升时的比例。

关于.9.png的制作
1、可以直接使用ps进行制作，注意不能压缩。
2、Android stoud 可以直接打开.9.png图片编辑。
3、eclipse 可以安装相关插件进行.9.png图片编辑。

> 有朋友在使用Android Studio 自带工具调试时，出现四边都是满的黑边，切无法调整的情况。
这种情况:

• 1、使用android studio时只需选中需要生成的png文件，然后右键，点击create 9-patch file 选项。
• 2、也可以使用PS手动给图片四周增加1px透明边框，然后在使用Android Studio 自带工具调整。

注意事项
1、9.png图片制作完成后，文件不能进行压缩
2、使用单张9png作为启动页时，在屏幕尺寸跨度太大时会有显示差异，见下图：

注意：
如果你的应用需要兼容上古版本的android，请注意上古版本可能不兼容.9.png，制作.9.png时还是别用正方形，尽量使用官方内定的三个尺寸来制作。
（我手里目前没有不支持的android版本，朋友们要是遇到了麻烦反馈一下）。

优化四个边的间距

插件市场下载源码

侧滑菜单有很大的坑，根据网友的描述，在苹果上正常，安卓上不能用。并且社区里很多人提了问题都没得回复。
目前最有效的方法只能修改源码，增加window.h5pullDown的判断。
在引入mui前添加一个全局变量
<script>var h5pullDown = true;</script>
方案一
我是直接改的mui.min.js，源码这里使用了变量替换，全文总共三个a.os.plus&&a.os.android。第一个是muiback的判断处理，跳过。第二个就是上面2770那个地方（前后核对关键词container或者plusready、webview），直接添加并且，增加&&window.h5pullDown。第三个是4920的那个地方，这里相当于在方法头部，并且不是使用非判断，我差点以为找错了，所以这里直接接着使用并且，增加&&window.h5pullDown。保存。测试一切都好了。
方案二
而mui.js里，需要找到2770行，其大致内容是
var container=pullRefreshOptions.container;
if(container){
var $container=$(container);
if($container.length==1){
if($.os.plus&&$.os.android &&window.h5pullDown){//就是这里需要新增window.h5pullDown的判断，增加并且符号
$.plusReady(function(){
var webview=plus.webview.currentWebview();
......
})
}
}
然后是第二处地方4920行，大致内容是
$(function($,document){
if(!($.os.plus&&$.os.android)||window.h5pullDown){//就是这里需要新增window.h5pullDown的判断，如果是有！，需要添加或者符号
return;
}
//这里如果没有return，就直接在判断时使用并且，要求是安卓的5+环境
})
方案二是手打代码，整体复制请仔细确认。

在项目维护时客户反映iphone手机上传图片时，图片自动旋转了，但是自己的手机不会，
我的是iOS 12.4的系统客户的是13.4.1
iOS 13.4之前浏览器不会对带 EXIF 信息的图片进行回正，但是自从 iOS 更新到 13.4.1 后，浏览器支持自动回正了。

新闻/资讯应用模板的swiper组件是怎么自适应高度的？我用HBuilder X 2.7.9 用内置uni-ui的项目模板生成 的项目，使用swiper组件高度无法自适应？？？？？？？？？？？？？

内置uni-ui的项目模板的swiper

新闻/资讯应用模板的swiper

最近想在uni-app上使用地图功能，不想用自带的地图组件，所以研究了下leaflet做移动端的地图，发现编译到手机上时出现“window.requestAnimationFrame”报错，地图无法呈现，查询了半天无结果，想想应该是uni-app限制了dom操作，便去看uni-app文档，发现需要引入renderjs才能使用，方便记录贴上代码，分享经验

诚聘 uniapp开发工程师，
工作地点：深圳福田
工作内容：开发uniapp项目，商城类

有兴趣的可以联系Q：87240

正规公司，签订劳动合同，五险一金。

例如微信QQ，在输入消息或收到消息后自动滚动到最后一条消息，下拉加载更多的历史消息，且保持当前的浏览位置，页面不闪动，目前uni-app提供的组件以及插件暂未发现符合IM聊天的专用列表（与普通列表相反的操作，普通列表为上拉加载，IM应用是下拉加载）

最近把app转成h5后，发现图片不能自动压缩。现在手机像素高，拍照都是5m左右的，这样的图片上传速度极慢。在社区里找了好久，发现可用的不多，我专门研究了下，分享代码，当前测试点不多，不排除有bug。

test: function(){  
                uni.chooseImage({  
                    count: 1,  
                    sizeType: ['compressed'],   
                    sourceType: ['camera'],  
                    success: async function (res) {  
                        const tempFilePaths = res.tempFilePaths;  

                        let img = '';  
                        /* #ifdef H5 */  
                        img = await this.comprossImage(tempFilePaths[0])  
                        /* #endif */  

                        uni.uploadFile({  
                            url: server + '/....',   
                            filePath: img || tempFilePaths[0],  
                            name: 'file',  
                            success: (uploadFileRes) => {  
                                let json = JSON.parse(uploadFileRes.data);  
                                if(1 ==json.state){  
                                    // 上传成功  
                                }else{  
                                    // 上传失败  
                                }  
                            },  
                            fail: function(err) {  
                                //其它错误  
                            }  
                        });  
                    }  
                });  
            },  
            comprossImage: async function(imgSrc,maxWidth) {  
                if(!imgSrc) return 0;  
                return new Promise((resolve, reject) => {  
                    maxWidth = maxWidth || 1024;/*默认压缩成1024宽*/  
                    uni.getImageInfo({    
                        src: imgSrc,    
                        success(res) {  
                            if(res.width <= maxWidth){/*太小的图片就不压缩了*/  
                                resolve(imgSrc);  
                                return;  
                            }  
                    let img = new Image();    
                    img.src = res.path;    

                     let canvas = document.createElement('canvas');    
                    let scale = res.width / res.height;  

                    let ctx = canvas.getContext('2d');  
                    canvas.width = maxWidth;  
                    canvas.height = maxWidth / scale;  
                    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);  

                    /* 默认图片质量为0.7 */  
                    var quality = 0.7;  
                    /* 回调函数返回base64的值 */  
                    var base64 = canvas.toDataURL('image/jpeg', quality);  

                            resolve(base64);    
                        }    
                    });    
                })    
            },

HBuilderX2.7.10+ 版本UniPush支持FCM

概述

在海外网络环境下，部分网络在连接UniPush技术支持供应商个推的推送服务时，可能出现不稳定的情况。此时，开发者可以接入 FCM 辅助通道，当在个推服务断线的情况下，通过谷歌的 FCM 推送通道下发消息，提升推送到达率。

使用FCM时手机端需安装Google移动服务（GMS），并且可以正常连接Google服务（国内网络需要翻墙）

使用FCM必须先开通使用UniPush：

• 开通UniPush服务参考：https://ask.dcloud.net.cn/article/35716
• App端使用UniPush参考：https://ask.dcloud.net.cn/article/35622

从谷歌后台申请key信息

进入 Firebase官网创建项目，获取google-services.json文件及Server key。

登录google账号，如果没有账号请先注册

登录后点击右上角的“Go to console”

打开项目列表页面，点击“Add project”创建项目

输入项目名称（根据自己应用取名），点击“Continue”

确认是否需要使用Google Analytics服务（根据自己需要开启或关闭），点击“Continue”

确认后创建项目，点击“Continue”

进入项目详情页面，点击“Android”图标添加Android应用

输入Android应用信息（包名、昵称、证书SHA-1），点击“Register App”

注册Android应用后下载配置文件“google-services.json”，保存google-services.json文件后面需要使用
点击“Next”继续

此步骤中的操作云端打包机已经处理，忽略提示信息，继续点击“Next”，进入下一步
完成注册Android应用，点击“Continue to console”回到项目详情页面

点击“Project settings”，进入项目设置页面

切换到“Cloud Messaging”项，获取“Server key”，保存Server key后面需要使用

由于新版Firebase Cloud Messaging API (V1)不提供Server key, 所以需要手动开启旧版 Cloud Messaging API 。

跳转到Api管理页面启动Cloud Messaging API

启动Cloud Messaging API后即可得到Server key

UniPush后台配置FCM参数

配置FCM需先开通UniPush，如应用未开通UniPush请先开通。
在HBuilderX的mainfest.json页面，在“App SDK配置”项下的“uniPush”栏点击“配置”

打开DCloud的开发者中心后台进入应用列表，点击应用名称进入详情，点击上方“uniPush”选项卡，点击“厂商推送设置”按钮进入配置UniPush的FCM参数

保存成功后在HBuilderX中重新提交云端打包，并在“App-云打包”界面选择google play 渠道包：

如果你已经完成了uniPush的代码开发，只需完成上述配置和打包即可，不用修改代码。

如果你还没有开发过推送代码，参考App端使用UniPush参考：https://ask.dcloud.net.cn/article/35622

本地离线打包

Android平台离线sdk集成UniPush支持FCM可参考：Push(消息推送)

注意事项

FCM 离线消息仅支持GOOGLE 推送，暂不支持国内设备商的海外发行版本

        created(){  
            const domModule = weex.requireModule('dom')  
            domModule.addRule('fontFace', {  
                'fontFamily': "iconfont",  
                'src': "url('../../static/font/font.ttf')"  
            });  
        }

在css中加入如下样式

.iconfont {  
    font-family: iconfont;  
}

使用方法

<text class="iconfont">&#xe62c;</text>

安卓真机运行第一次正常，之后真机不能运行

可能是文件相关的问题，就去找manifest.json相关配置，找到一个文件系统相关的权限

关掉之后一切正常
很迷
也不知道为啥
求解答