基于uniappnvue开发的一款淘宝客软件，一次过审IOS（其实拒绝了一次，但是拒绝原因是我自己的，因为IOS审核那天 刚好是我的HTTPS证书到期，然后他拒绝了 说我服务器没返回数据啥的，我改了后重新提交 就没问题了 直接过 .... ），前期工作一定要做好，比如有微信登录 那么就乖乖的加上apple登录，现在苹果推荐暗黑，那就乖乖在配置文件中配置上暗黑，只要应用质量没问题 很容易过。 体验地址，欢迎大家吐槽：https://m3w.cn/cst

其实这个问题很简单，网上我也找了很久但是废话，没有本质的解决，
首先这个问题的本质是input在点击是获取焦点，那么系统就会自动拉起键盘，然鹅，在我们点击发送按钮的时候，（我这个实在聊天发送消息场景中的），这个input的焦点就会失去，那么伴随着的键盘也会隐藏下去，那么这里有两种解决方案
1.让input一直保持获取焦点状态
2.点击按钮后从新使input获取焦点
3.直接在按钮的事件上这么写就完事了@touchend.prevent="submit" 百试百灵

技巧：本地历史记录

HBuilderX，文件修改、保存时在本地进行备份，防止意外丢失。可通过 “本地历史记录”查看备份文件
在编辑器打开的文件上，点击右键菜单，点击【本地历史记录】

技巧: 同步断点到内置浏览器

备注：同步断点到内置浏览器，仅支持可以运行到内置浏览器的项目

技巧：代码地图的开启与关闭

快捷键：alt + o

技巧：查找索引符号

HBuilderX支持对当前文件，按索引符号查找。菜单【查找】【查找索引符号】

技巧：按tab键插入代码助手选中项

技巧：多光标的使用

技巧：文件对比

项目管理器，选中两个要对比的文件，右键菜单，点击【对比选中文件】

技巧：使用内部资源管理器

传统开发工具，仅仅依靠左侧的项目树来管理资源文件，便利性和效率是远远不够的。
HBuilderX内置的资源管理器，给你一个更大的资源管理界面，大幅提高文件的管理效率。
更多见：https://ask.dcloud.net.cn/article/36828

技巧：使用外部命令

外部命令可以让您在HBuilderX中通过菜单、快捷键等方式调用外部程序或命令行。

比如压缩文件等。

更详细的教程见：HBuilderX技巧：利用外部命令，可以做哪些事？

技巧：HX内查看文件属性

项目管理器，选中文件，右键菜单，可以更快捷的查看文件属性。

技巧：快捷键切换

HBuilderX，支持市场上主流编辑器的快捷键方案，包含vscode、sublime Text、Eclipse、WebStorm

如需切换，请点击菜单【工具】【快捷键方案切换】

技巧：单项目窗体

HBuilderX， 项目管理器，默认可以显示多个项目列表。同时也支持单项目窗体（即项目管理器，只显示一个项目）。

在主窗体上，点击菜单【视图】【新建HBuilder窗体】，就可以新建一个单项目窗体。

在主窗体上，选中某个项目，右键菜单，点击【在新窗体中打开】，即可将项目在单项目窗体中打开。

招聘 uni app开发工程师
工作地点：北京 上地
学历：大专及以上
薪资范围：12K~20K 五险一金
职责描述：
1、负责基于H5、uni-App的手机APP 、小程序的设计与开发；
2、负责公司现有APP的开发、重构与优化；
3、参与公司级APP的发展方向的规划与设计；
4、参与APP研发技术的积累、学习、实践工作；
5、参与公司其他前端技术支持工作。
任职要求：
1、专科及以上学历，计算机、软件、设计等相关专业；
2、3年或以上手机端相关开发经验，一个以上项目跨平台APP开发经验；
3、精通符合W3C标准的Html5、JavaScript和CSS相关技术；
4、精通JSON、XML等通信格式以及基于AJAX请求实现与后台数据交互；
5、精通JQuery、Vue等常见JS开发框架；
6、熟悉使用HBuilder IDE编辑器进行开发，并完成打包发布安卓、ios版本app；
7、精通 Vue、uni-app 框架应用，并能运用uni-app框架完成移动端及小程序开发；
8、注重用户体验，具有快速迭代和敏捷开发思维，具备快速学习能力；
9、良好沟通能力、团队合作精神，积极主动、服从安排，能承受较大压力，责任心和学习能力强，能独立分析问题及解决问题；
10、对IOS，Android 原生有实际开发经验的加分；
11、对后台开发（PHP、Node.js)有了解的加分；

简历请投递：chenzhe@emsys.cn

uni-app返回页面不触发页面刷新问题 A页面到B页面B页面返回A页面刷新数问题

A页面加入

onHide(){  
            console.log('this.ifOnShow=true')  
            this.ifOnShow=true  
        },  

onShow(){  
            if(this.ifOnShow){  
              //这是要刷新的数据  
                this.getUserRoleId()  
                this.getWorkDetails(this.orderDetails)  
                console.log('工单详情',this.orderDetails)  
            }  
        },  

data() {  
            return {  
              ifOnShow:false,  

    }  

} 

最后解决

我们在用 uni-app 开发前端时，有时在返回上一页后要刷新上一页的数据，如登录后返回上一页刷新登录状态。我们可以通过 uni.navigateBack 的成功回调函数来实现。具体实现方式如下：

要打开登录页面的主页面中的主要代码如下

<template>  
    <view>  
        <button class="cu-btn" @tap="toView('login/login')">登录</button>  
    </view>  
</template>  

<script>  
    export default {  
        methods: {  
            toView(page) {  
                uni.navigateTo({  
                    url: `/pages/${page}`  
                })  
            }  
        },  
        onLoad(option) {  
            console.info('调用了 onLoad：' + option)  
        }  
    }  
</script>  
登录页面主要代码如下  

<template>  
    <view>  
        <button class="cu-btn" @tap="handleLogin">立即登录</button>  
    </view>  
</template>  

<script>  
    export default {  
        methods: {  
            handleLogin() {  
                const delta = 1 // 返回的页面数  
                uni.navigateBack({  
                    delta: delta,  
                    success: () => {  
                        const pages = getCurrentPages() // 获取当前页面栈数组，第一个元素为首页，最后一个元素为当前页面  
                        let page = pages[Math.max(pages.length - 1 - delta, 0)] // 要返回到的页面，超过页面栈，则为首页  
                        page.onLoad(page.options) // 通过调用页面的 onLoad 里面的处理逻辑实现刷新数据  
                    }  
                })  
            }  
        }  
    }  
</script>  

我们先来了解一下传统的后端服务搭建，我们需要用到ssl、就是我们https协议，我们现在无论是开发app还是小程序都需要用到它，为了网络内容都分发，我们又需要去配置cdn防止DDOS攻击，我们还需要配置高防cdn，然后呢为了负载均衡，我们去配这个oss还有云数据库等等，大量的这种后端网络配套，还有我们的云服务器环境是要自己搭建，升级和维护，那么这个成本就非常高。
国内呢有一家DCloud公司联合了阿里云、腾讯云基于severLess推出了uniCloud，那么我们先来了解一下severles。
severless是让我们只需要管理自己的业务，不在需要去关心这些热备、负载、增容、DDOS攻击等事情 ，也就是说我们前面提到的后端服务配套，它就自身集成且自动升级和维护。
然后severless基于node，js的性能比较高，它降低了前端工程师进入后端开发的门槛，也就是说我们开发uniapp的时候，前端我们用的是js，后端也是js，并且我们现在的团队协作是分模块，而不分前后端的方式，可以大大减少我们的沟通成本。
我们现在的云服务器 ，虽说是可以弹性配置；但是比如有秒杀功能的电商应用，在高峰期时云服务器压力比较大，平常又会闲置和浪费；而severless是真正的做到了自动的弹性扩容，按量收费，就像我们用手机的流量一样，用多少，付多少。
平时开发app时，会有一个流程，我们要先去购买配置域名，再去做域名解析和备案，这里会浪费大量时间。而我们使用severless可以免域名使用，服务器，省去了域名的购买备案解析的流程和成本。
都知道微信小程序有一个叫微信小程序云的微服务，跟我们刚刚提到的severless很像，没错，它就是severless服务。但是微信无论说是微信小程序云还是阿里那边推出的支付宝小程序云，他们都只能提供自身的应用场景。比如说我们的微信小程序云它只能用于开发微信小程序，阿里的就只能开发支付宝小程序。那么我们这里提到的uniCloud是联合我们阿里和腾讯共同开发的一款支持跨端的severless技术，它可以支持我们的微信小程序、支付宝小程序、头条小程序、还有百度小程序，以及qq小程序，以及支持h5应用，和app。另外呢uniCloud底层技术其实已经非常成熟，像阿里云severless已经经过了19年双11的考验，像腾讯公司自己的应用，比如腾讯的生活缴费，腾讯新闻等，都是用的severless技术，所以我们可以放心大胆的拿去商用，总结来说，uniCloud轻松搞定前后台整体业务，实现真正跨端。像接触uniCloud之前，我后端用php，前端用javaScript，需要频繁地去切换思维。又了uniCloud让我的开发变得更加地轻松。

更多unicloud教程查看视频：0基础学unicloud开发，跨端serverless技术

plus.io.resolveLocalFileSystemURL("_www/img/S1.jpg",function(entry){
alert("图片 name："+entry.name);
alert("图片 entry.toRemoteURL();："+entry.toRemoteURL());
document.getElementById("img2").src=entry.toRemoteURL();

}

最近HBuilder2.7的云打包怎么使得app的网络请求失败了。代码都是一模一样的？？？？？？？？ 这不是搞人心态吗？？？

用 uni-app 写的页面，准备打包进 Android 的 WebView 结果不能选择文件，以为是 uni-app 代码有问题，在试过原生的 input[type=file] 之后，还是没有响应。最终找到答案，是 Android 端需要设置一下：

参考这两篇：

解决在android webview中input标签type="file"不能使用的问题
android webview不支持input type=file 标签解决办法

UNI-APP中mapSearch 模块(module)具体使用案例如下：此方法为官方Demo，由于论坛收不到所以发帖。节约大家的时间。Demo地址 以及官方文档mapsearch-模块

<template>  
    <view class="content">  
        <map class="map" ref="dcmap" :markers="markers" @tap="selectPoint"></map>  
        <scroll-view class="scrollview" scroll-y="true">  
            <button class="button" @click="reverseGeocode">reverseGeocode</button>  
            <button class="button" @click="poiSearchNearBy">poiSearchNearBy</button>  
        </scroll-view>  
    </view>  
</template>  

<script>  
    // 116.397477,39.908692  
    let mapSearch = weex.requireModule('mapSearch')  
    module.exports = {  
        data() {  
            return {  
                markers: [{  
                    id: '1',  
                    latitude: 39.9086920000,  
                    longitude: 116.3974770000,  
                    title: '天安门',  
                    zIndex: '1',  
                    iconPath: '/static/gps.png',  
                    width: 20,  
                    height: 20,  
                    anchor: {  
                        x: 0.5,  
                        y: 1  
                    },  
                    callout: {  
                        content: '首都北京\n天安门',  
                        color: '#00BFFF',  
                        fontSize: 12,  
                        borderRadius: 2,  
                        borderWidth: 0,  
                        borderColor: '#333300',  
                        bgColor: '#CCFF11',  
                        padding: '1',  
                        display: 'ALWAYS'  
                    }  
                }]  
            }  
        },  
        methods: {  
            selectPoint(e) {  
                console.log(e);  
            },  
            reverseGeocode() {  
                var point = this.markers[0]  
                mapSearch.reverseGeocode({  
                    point: {  
                        latitude: point.latitude,  
                        longitude: point.longitude  
                    }  
                }, ret => {  
                    console.log(JSON.stringify(ret));  
                    uni.showModal({  
                        content: JSON.stringify(ret)  
                    })  
                })  
            },  
            poiSearchNearBy() {  
                var point = this.markers[0]  
                mapSearch.poiSearchNearBy({  
                    point: {  
                        latitude: point.latitude,  
                        longitude: point.longitude  
                    },  
                    key: '停车场',  
                    radius: 1000  
                }, ret => {  
                    console.log(ret);  
                    uni.showModal({  
                        content: JSON.stringify(ret)  
                    })  
                })  
            }  
        }  
    }  
</script>  

<style>  
    .content {  
        flex: 1;  
    }  
    .map {  
        width: 750rpx;  
        height: 500rpx;  
        background-color: black;  
    }  
    .scrollview {  
        flex: 1;  
    }  
    .button {  
        margin-top: 30rpx;  
        margin-bottom: 20rpx;  
    }  
</style>

> 本教程用于安装来自插件市场的HBuilderX插件后，需要卸载插件并且仅适用于HBuilderX版本在2.7.0-2.7.11之间的情况。2.7.12及以上版本开始支持在插件管理界面卸载来自插件市场的插件。

2.7.0-2.7.11之间的HBuilderX卸载来自插件市场的插件时需要手动在HBuilderX安装目录下删除相应的插件。具体操作步骤如下：

手动卸载步骤：

Windows：

1. 打开HBuilderX安装目录下的plugins目录  
2. 根据目录名称找到需要卸载的插件，然后手动删除  
3. 重启HBuilderX  

Macosx：

1. 打开HBuilderX.app目录下的Contents/HBuilderX/plugins目录  
2. 根据目录名称找到需要卸载的插件，然后手动删除  
3. 重启HBuilderX

提bug也不给提, 还要积分.....

好多地方操作细节都不怎么舒服. 建议 HBuilderX 的开发人员同时使用 HBuilderX 和 WebStorm, 对比一下差距, 好好改进