此文档将不再维护，请参考新文档：https://uniapp.dcloud.io/tutorial/app-splashscreen

HBuilderX 1.6.0 版本之后，新增是否等待首页渲染完毕后再关闭启动界面（splash）的配置，App引擎会自动检测首页渲染，若未渲染则不关闭splash，避免显示白屏，提升用户体验。

可在manifest.json文件中进行配置，支持以下三种关闭启动界面（splash）策略：

• 首页渲染完毕后自动关闭启动界面
• 首页加载完成后自动关闭启动界面
• 代码控制关闭启动界面

首页渲染完毕后自动关闭启动界面

打开项目的manifest.json文件，在“App启动界面配置”中的“启动界面选项”下勾选“等待首页渲染完毕后再关闭Splash图”：

源码视图
切换到源码视图界面，在 "app-plus"->"splashscreen" 节点设置 alwaysShowBeforeRender 属性值为 true

    "app-plus" : {  
        "splashscreen" : {  
            "alwaysShowBeforeRender" : true  
        }  
        //...  
    }

提示：

• App启动时，App引擎自动检测首页渲染情况，若首页未渲染（白屏），则不关闭splash；检测到首页渲染完成则关闭splash；
• 若启动时间超过10秒，则不管首页是否白屏，都会自动关闭splash

首页加载完成后自动关闭启动界面

打开项目的manifest.json文件，在“App启动界面配置”中的“启动界面选项”下去掉勾选“等待首页渲染完毕后再关闭Splash图”：

源码视图
切换到源码视图界面，在 "app-plus"->"splashscreen" 节点设置 alwaysShowBeforeRender 属性值为 false

    "app-plus" : {  
        "splashscreen" : {  
            "alwaysShowBeforeRender" : false  
        }  
        //...  
    }

提示：
首页加载完成后关闭启动界面，此时首页可能没有完成渲染，在部分设备可能会闪一下白屏（不推荐）

代码控制关闭启动界面

启动界面不会自动关闭，需要开发者在代码中调用plus.navigator.closeSplashscreen()关闭启动界面。
需在“源码视图”中同时设置 alwaysShowBeforeRender 和 autoClose 属性值为 false

源码视图
切换到源码视图界面，在 "app-plus"->"splashscreen" 节点设置如下：

    "app-plus" : {  
        "splashscreen" : {  
            "alwaysShowBeforeRender" : false,  
            "autoclose": false  
        }  
        //...  
    }

提示：
不会自动关闭启动界面，需开发者根据业务逻辑在合适的时机调用 plus.navigator.closeSplashscreen() 关闭启动界面

另，如果uni-app不是v3编译器，请升级为v3，可以大幅提升启动速度：https://ask.dcloud.net.cn/article/36599

方案一：使用原生占位（仅App端支持）

manifest.json 文件 app-plus 节点下配下 safearea

"safearea": {  
    "background": "#CCCCCC",  
    "bottom": {  
        "offset": "auto"  
    }  
}

方案二：不使用原生占位（非App端可以不配置manifest）

manifest.json 文件 app-plus 节点下配下 safearea

"safearea": {  
    "bottom": {  
        "offset": "none"  
    }  
}

然后在需要适配的页面内使用 css 常量 constant(safe-area-inset-bottom)、env(safe-area-inset-bottom) 来适配，参考：为iPhoneX设计网站。微信小程序模拟器不支持，以真机为准。

比如为列表底部添加内边距避开安全区，在 iPhoneX 上列表底部会有内边距，在其他设备上没有内边距：

<style>  
.list {  
  padding-bottom: 0;  
  padding-bottom: constant(safe-area-inset-bottom);  
  padding-bottom: env(safe-area-inset-bottom);  
}  
</style>

nvue 页面不支持 css 常量，可以使用 uni.getSystemInfo 获取 safeAreaInsets 动态设置到 style 属性。

注意：使用了pages.json里的原生tabbar，不管manifest里安全区设置如何，在tabbar下方都会留出空隙。

判断是否为刘海屏的方法

使用5+ API （plus.navigator.hasNotchInScreen）可查询当前设备是否为刘海屏。
详情参考：https://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.hasNotchInScreen

安卓底部虚拟按键背景色修改方式

使用Native.js修改：

var Color = plus.android.importClass("android.graphics.Color");    
    plus.android.importClass("android.view.Window");    
    var mainActivity = plus.android.runtimeMainActivity();    
    var window_android = mainActivity.getWindow();    
    window_android.setNavigationBarColor(Color.GREEN);  

> HBuilderX 1.6.0 开始，uni-app 支持开发头条小程序（字节跳动小程序）。

准备工作

首先，你需要下载相应的开发工具：

• HBuilderX
• 字节跳动开发者工具

下载安装完成后，打开 HBuilderX 配置菜单->工具->设置->运行配置->字节跳动开发者工具路径。
注意，需要配置到具体的执行文件，即 字节跳动开发者工具.exe 文件。

开发

• 选中 uni-app 项目，菜单->运行->运行到小程序模拟器->字节跳动开发者工具。
• 如果没有配置字节跳动开发者工具的路径，则会提示配置相关信息。
• 字节跳动开发者工具目前未支持直接唤醒并打开指定的项目，因此需要根据控制台提示的路径，再启动开发者工具后手动导入项目。
• appid 等信息，可以 manifest.json 的可视化界面中操作配置。

发布

开发模式下代码未压缩且含有 SourceMap 等资源，如果正式发布则需要使用发布功能。

• 填写 appid 等信息后，菜单->发行->小程序-字节跳动。
• 然后，请根据 HBuilderX 控制台的路径信息，在字节跳动开发者工具中导入最终的项目。
• 可能会存在重复的 appid 或项目名称，需要手动将之前开发模式的项目从字节跳动开发者工具中移除。
• 导入项目成功后，在字节跳动开发者工具中选择上传即可。

平台差异

• 头条小程序的主体颜色是红色，具体表现在 button 的 default 类型。
• 没有分包。但会自动处理流式加载。
• 今日头条、抖音、头条极速版，内置的小程序引擎功能略有差异，具体见https://developer.toutiao.com/dev/cn/mini-app/develop/multi-server-support/restrictions-for-apps

“以用户为核心”的概念在互联网时代深入人心，然而要真正了解用户懂得用户，就不得不提到“用户画像”。 随着大数据技术的深入研究与应用，借助用户画像，企业或APP可以深入挖掘用户需求，从而实现精细化运营以及为精准营销打下坚实基础。本文将重点介绍何为用户画像，用户画像的构建流程以及应用场景。

用户画像，本质是数据能力的体现

用户画像，即用户信息的标签化，而从本质上来说，用户画像是数据的标签化。常见的用户画像体系有三种：结构化体系、非结构化体系和半结构化体系。非结构化体系没有明显的层级，较为独立。半结构化层次有一定的层级概念，但是没有过于严格的依赖关系。结构化体系有较强的层级结构。以一个简单的三级结构化标签为例，一级标签有基本属性和兴趣偏好，并且由此可以延伸至二级标签和三级标签，具体到不同的属性和兴趣爱好。

在互联网、电商领域，用户画像常用来作为精准营销、推荐系统的基础性工作，其作用总体包括：

（1）精准营销：根据历史用户特征，运营人员可以分析产品的潜在用户和用户的潜在需求，继而通过相应的手段，针对特定群体进行营销。

（2）用户分析：根据用户的属性、行为特征对用户进行分类后，可以统计不同特征下的用户数量、分布，分析不同用户画像群体的分布特征。

（3）数据挖掘：以用户画像为基础，开发人员可以构建推荐系统、搜索引擎、广告投放系统，提升服务精准度。

（4）服务产品：描绘产品的用户画像，对产品进行受众分析，更透彻地理解用户使用产品的心理动机和行为习惯，完善产品运营，提升服务质量。

（5）行业报告&用户研究：通过用户画像分析可以使运营人员更加了解行业动态，比如人群消费习惯、消费偏好分析、不同地域品类消费差异分析等。

个推用户画像的实践

个推依托多年推送服务的积累和强大的大数据分析能力，推出了个推画像SDK（个像），为APP开发者提供丰富的用户画像数据以及实时的场景识别能力。

个推独有的冷、热、温数据标签，可以有效分析用户的线上线下行为，深入挖掘用户特征，助力APP运营者全面了解用户属性。其中，“冷数据”是指用户的基础属性，改变的概率较小，如性别、年龄层次等；“温数据”则可以回溯用户近期活跃的应用和场景，具有一定的时效性；“热数据”是指用户当下的场景及实时的用户行为，帮助APP运营者抓住稍纵即逝的营销机会。

个推不仅拥有丰富的通用标签体系，还可以根据客户特定的需求联合建模，输出定制化的标签，以满足APP在不同场景需求下的运营。

规范画像构建流程

用户画像的构建需要技术和业务人员的共同参与，以避免形式化的用户画像。个推也有一些做法可供开发者们进行参考。

（1）标签体系设计。开发者需要先了解自身的数据，确定需要设计的标签形式。

（2）基础数据收集、多数据源数据融合。个推在构建用户画像时，会整合个推以及该APP自身的数据。

（3）实现用户统一标识。多数情况下，APP的众多用户分布于不同的账号体系中，个推会将其统一标识。

（4）用户画像特征层构建。即将每一个数据进行特征化。

（5）画像标签规则+算法建模。两者缺一不可，在实际的应用中，算法难以解决的问题，利用简单的规则也可以达到很好的效果。

（6）利用算法对所有用户打标签。

（7）画像质量监控。在实际的应用中，用户画像会产生一定的波动，为了解决这个问题，个推搭建了相应的监控系统，对画像的质量进行监控。

个推用户画像构建的整体流程，可以分为三个部分，第一，基础数据处理。基础数据包括用户设备信息、用户的线上APP偏好以及线下场景数据等。

第二，画像中间数据处理。处理结果包括线上APP偏好特征和线下场景特征等。

第三，画像信息表。表中应有四种信息：设备基础属性；用户基础画像，包括用户的性别、年龄层次、相关消费水平等；用户兴趣画像，即用户更有兴趣的方向，如用户更偏好比价类APP还是海淘类APP；用户其它画像等。

在个推用户画像构建的过程中，机器学习占据了较为重要的位置。机器学习主要是海量数据持续更新、数据清洗、数据存储的过程。个推更多地利用机器学习平台进行相应的预测分析、模型输出等。

画像质量的关注有两个重点，第一，如何优化质量。个推会对用户画像的模型定期地进行修改和优化。第二，关注画像质量波动情况，对异常变化及时预警。

个推用户画像应用

个推画像SDK的集成，可以丰富APP的用户分析维度，其主要应用体现在两方面：第一，精准推荐，APP的运营者可以通过个像提供的性别、年龄层次、兴趣爱好、场景等丰富标签，为不同的用户推荐不同的内容，以达到更加精细化的运营，并提升用户活跃度和留存率。

第二，用户聚类，个推可以帮助APP处理用户数据，补全用户画像，建立用户的聚类模型。同时，通过用户特征分析，个推还能够将APP的老用户映射到某一聚类，以此产出APP的目标聚类，最终助力APP运营者针对不同用户群体制定更加精准的运营策略。

“千万人撩你，不如一人懂你”，当互联网逐渐步入大数据时代，APP只有真正地了解用户，才能得到用户并留住用户。基于个推完备的大数据计算架构，个推画像SDK的接入，不仅可以帮助开发人员提高开发决策的效率，也可以帮助APP运营人员开展精细化运营，从而提升企业的营销效率和市场竞争力。

　　如果投资者找郑州app制作或郑州app开发一个APP，在只是关注价格的前提下，那么被坑是早晚的事。为什么这么说，因为投资者需要长远考虑，需要关注影响价格的几个因素才行，下面来跟大家好好的分析一下。

　　一、 产品设计

　　不管你是开发什么样的软件产品，同样的产品，功能点的数量其实相差不大，比如同样的金融理财类APP，大家去看，其实功能点的数量差不多。但是都有哪些功能点，功能之间的业务逻辑，页面交互等是不同的。其实不同的根本来源于每个产品所对应的商业模式是不同的。

　　所以同样是500个功能点，但是500个功能点是不同的，如果外包团队不是根据你的战略、商业模式去设计产品，那么这500个功能点就不是市场所需要的，也不能在这个产品上帮你实现你想要的赚钱模式，那么必然要产品升级，然后就会涉及功能点增加、减少、修改，那么就算之前给报的价格不高，后面升级的价格也给补回来了。

　　二、 项目管理

　　软件产品的开发，包含了产品的需求调研、整理、分析、设计、开发、测试、部署、发布，每个过程只要出现偏差，都会影响整个产品的周期和成本，严重还会导致项目烂尾，烂尾就不是几万的事了，是后面还有更多的几万。所以如果你一开始就要把500个功能点全部开发出来，那么相应的整个项目管理难度也会增加。但是如果你采用敏捷式开发，敏捷式项目管理，就会大大减少这种现象的发生。将500个功能点进行几次迭代进行开发，伴随每个产品推出市场，根据市场反应调整剩余的功能点，这样既能满足业务需要，也能减少成本投入。

　　三、 产品升级

　　一般的外包公司，都会存在这个问题，就是只要升级，就要加钱，一提到修改就要加钱，导致甲方被吃的死死的，所以一般的外包公司很难和客户合作到第二个版本结束。当然这个问题，如果在上面的第一个问题解决后，就会减少发生。

　　四、 技术手段

　　不同的技术应用，也会影响价格，先进的技术手段、高效的开发方式，都会缩短开发周期，减少开发成本，包括也会减少后面升级的工作量。
本文由专业的郑州app开发公司燚轩科技整理发布。

wap2app 外包小活，熟悉hbuilder的来，时间较紧，有空搞的来！
加qq：47-27-3231

小程序支付和公众号支付是否可以共用嘛？

首先，需要调用微信支付，就必须保证你的小程序类型是企业类型，个人类型的小程序不具备微信支付权限。

之前做过公众号H5支付的同学，可能会问，小程序的支付与公众号的支付是一样的嘛？

先来了解一下公众号、小程序、商户平台、开放平台四者的关系。

1、一个公众号可以关联多个小程序，一个小程序也可以被多个公众号关联，公众号和小程序之间，是多对多的关系；

2、公众号和小程序的支付，都需要依赖于商户平台，一个商户平台可以被多个公众号和小程序使用；

3、一个开放平台可以申请多个商户平台，并且同主体的商户平台的权限是致的（只要同主体下的商户平台有退款权限，新申请的商户平台，也会有权限）。

所以，小程序和公众号是可以共用同一个商户平台的。

但是，支付调用的API，需要单独写，在小程序中可以直接调用支付的API，发起微信支付。

深圳小程序开发推荐深圳素与简科技有限公司(http://www.suyujane.com)多年软件开发经验，海量的开发案例可供参考，看得见的开发经验，让客户更加的省心省力。技术团队都是10年开发工程师，完善的售后服务体系，保障项目开发顺利进行。

1、 需求整理。由项目经理对接需求，为你制定出合理的需求文档以及解决方案，以便双方进行后续沟通。

2、 一对一服务。在小程序开发过程中其会全程进行一对一跟进，比如一个项目经理负责一个项目，一个技术团队负责一个项目，从而带来实施效率的保证。

3、 质量保证。主要是指小程序公司应拥有严谨的服务流程和管理流程，能够在合作过程中的每个阶段都为客户提供高质量服务。

4、 价格合理。不漫天报价或随意压低出价，软件开发公司应实现报价透明化，杜绝欺骗客户。

5、 技术实力。小程序定制开发公司应具备强大的技术实力，才能在开发过程中随机应变，灵活处理各种突发情况，保证实施质量。

以 input 组件为例，设置 placeholder-class 属性生效的办法。

在 H5 平台，组件的样式都是 scoped 模式，因此直接在页面中设置相关的 class，样式不会生效。

方案一

使用 scoped+透传

<template>  
    <view>  
        <input class="input" type="text" value="" placeholder="placeholder text" placeholder-class="custom-placeholder-class" />  
    </view>  
</template>  

<script>  
    export default {  

    }  
</script>  

<style scoped>  
    .input {  
        border: 1px solid #999999;  
    }  
    .input >>> .custom-placeholder-class {  
        color: #FF3333;  
    }  
</style>

方案二

将自定义的 class 声明在 App.vue 文件中，同样可以生效。

微信第三方登录分为两步
1、获取授权，这一步由微信的 SDK 完成，返回 code 等信息。
2、执行登录，向微信的服务发起请求，返回用户的信息。

uni-app 封装的方法是通过客户端的微信 SDK 直接进行登录操作，如果希望由自身的业务服务来完成第二步操作，则需要条件编译使用 5+API 来完成。但是，无论谁来完成这一步，都避不开与微信服务交互的这一步，同样也少不了网络请求。

附件中提供了一个 uni-app 中的使用示例，同样适用于 5+App。

　　对于郑州微信小程序开发公司制作的小程序多少钱,专业的郑州小程序开发做一个小程序需要多久等问题，都是投资者苦恼的，相信很多人对小程序还是处于半知的状态，还不了解小程序的开发价格，小程序的开发公司有哪些，没关系，我们一起来探讨下小程序的价格还有开发公司。

　　最终报价。对于投资者来说，小程序开发的方案都确定下来了，那么一个微信小程序的价格就出来了，这样的出来的价格是最精确的，也是最到位的，很多客户嫌这样太麻烦了，总希望能一咨询马上就有一个准确的价格出来，就是因为在这个的情形下，太多的微信小程序的公司采用了先“低价营销“的模式。

　　这个模式是什么意思呢，简单来说就是不管你是做什么制度，直接一口价给你一个低非常具有诱惑力的价格，这个价格一般是远远低于市场的价格的，然后根据等到客户交完定金后，就开始慢慢加价格了，说这个不行，做不了，那个功能复杂，要实现就必须加价格，基本上最后的价格下来后，都远远超出小程序开发公司给客户报的价格。

　　价格低：开发成本低，安全性差

　　价格一般般：跨平台技术平台，安全性一般，很多大型平台，银行系统都不会用这种技术，开发成本一般

　　价格中等：目前常用的技术平台，运行效率高，安全性高，开发成本中等，掌握技术的人才较多，维护成本低,这个很多公司主用。

　　比较贵：目前常用的技术平台，也是最主流的平台，运行效率高，安全性高，开发成本适中，维护成本较低。

　　这样的例子太多了，相信很多投资者都经历过。一般新开始的客户，建议开发小程序通过一些小程序开发平台，虽然说正规企业对于小程序开发的技术平台很重要，但是有些个体商家还是会选择平台来制作小程序的，但是对于企业投资者来说这个一定要一步到位，如果这个到后期在更换技术平台，那么所产生的费用和问题是很多客户无法接受的。
本文由专业的郑州小程序开发公司燚轩科技整理发布。

HbuilderX 在编辑上面，的确带来了很多惊喜。这些功能我就不累赘的重新说了。
我今天着重讲的是HbuilderX可以着重发展提升成为一款真正的懒人软件！作为一个菜B，说说自己的看法。

首先第一个（碎片这块的问题）：
软件现在支持的语言很多，很多JSON的触发代码模块也很多。我喜欢能更加个性化和便捷化一点。
1、在设置选项里面增加一项：某种语言下的时候，自定义加载那些代码助手的JSON数据，不用全部加载而触发很多其他不必要的代码助手，如果能自定义快捷键来实时自定义的组合类型切换那就更好了。比如：HTML编辑时候我设置了ctrl+1的快捷键。
这第一条是因为在当下各种的前端工具框架集太多了，有时候在使用的时候会用很多种，大体的CSS名称和HTML结构大同小异，自己把这块的助手写出来了，可能同一个英文单词会对应很多的助手列表，实在看得蛋疼。（当然我知道官方肯定想推广自己的框架结构，但是我觉得作为一个接触代码的任何一个人来说，强制的给予并没什么用，用的自然用，不用的还是不会用，何不放飞自我，解开捆绑的束缚，这样更好一点。）

2、希望官方能做一个JSON的自动转换集成插件在软件里面，可以让更多人参参与代码助手的编写。毕竟只有菜鸟才喜欢搞这些，大神才不整这些，手写撸出来就完事了。（这个就是让用户在编写自己的代码助手列表的时候不用考虑转义什么的，提高效率也方便入门啊。你看以前Hbuilder开了个gbit提交代码模块，根本没人参与，为什么？又麻烦，又没钱赚，干嘛要去弄？有时间整这个，还不如直接开工干事算求了。方便简单后，才会有人参与，有人参与了库才会多起来，争取发展成为第一编辑器达到一种任何软件公司都会官方制订一份开发文档代码助手库提交，为什么因为行业都在用这个编辑器了，你有方便的库给别人用，别人才喜欢用哇。。这个纯属个人YY~~。）

3、就是代码助手最好能分片，用文件夹的方式加载内所有JSON文件，这样能很好的分类管理，一个同类别的功能模块助手代码在一个JSON里面，避免代码过长，后缀中间的就是语言类型。例如
bootstrap
常规
栅栏
我自定义.js.json
我自定义.css.json
我自定义.php.json
颜色
事件
按钮
表单
4、增加选中单词的查阅手册功能，代码那么多，难免会忘记一些不常用的函数或者功能，选中单词后按住ALT或者其他键，这样可以弹出功能介绍的手册，这个功能更是初学者的福音。官方完全不用做这个手册的编写，开放在网站云平台上面，让用户自己添加，修改，过审后就可以编辑器显示，这样很快很多的语言文档库也就齐全了。初学者那肯定喜欢的不得了。手动滑稽~~这样加上下面的云功能和VIP付费功能，收入也来了也能更好的发展。。

5、就是云功能了。。就是实现和网站账号云储存和管理，不仅仅是软件配置还有代码助手配置等等，这些是付费功能，购买VIP后才有的功能，这样也可以创收啊。1年几百块，只要好用，我相信很多撸代码的都舍得用，毕竟还能无缝换设备，省去了很多不必要的麻烦。这里的云功能，同样可以管理自己的所创建的代码助手，和本地文件夹什么的一样的布局排列，编辑器上面增加上传、下载功能，一件换机轻松愉快。同时管理的这个网站页面后期可以进行代码助手的购买、出售，让平台化更丰富。

以上为本人的一点愚见，不过真的是在感觉撸代码的时候想偷懒，一切为了懒为目的，更方便快捷的做事情是大家都想的。

基于MUI开发的手机综合购物商城网站模板，也可以做商城APP页面模板，带积分上传、线下加盟店、充值购买、注册登录全套共44个页面模板

模板下载地址：https://www.sucaihuo.com/templates/4214.html