image-tools

图像转换工具，可用于如下环境：uni-app、微信小程序、5+APP、浏览器

插件地址：http://ext.dcloud.net.cn/plugin?id=123

使用方式

NPM

npm i image-tools --save

import { pathToBase64, base64ToPath } from 'image-tools'

直接下载

// 以下路径需根据项目实际情况填写  
import { pathToBase64, base64ToPath } from '../../js/image-tools/index.js'

API

pathToBase64

从图像路径转换为base64，uni-app、微信小程序和5+APP使用的路径不支持网络路径，如果是网络路径需要先使用下载API下载下来。

pathToBase64(path)  
  .then(base64 => {  
    console.log(base64)  
  })  
  .catch(error => {  
    console.error(error)  
  })

base64ToPath

将图像base64保存为文件，返回文件路径。

base64ToPath(base64)  
  .then(path => {  
    console.log(path)  
  })  
  .catch(error => {  
    console.error(error)  
  })

HBuilderX 已正式发布 1.5.0 版本，本次有以下几个重要更新：

• 新增 typescript 在vue里内联使用
• 为加快调试速度，运行到微信小程序时取消代码压缩。正式发布，需点击发行菜单操作
• 减小编译器体积，精简依赖文件
• 支持字体及背景图片使用本地资源（编译器自动将其编译为base64方式，要求大小在40k以内）
• less/scss/stylus/ts 等预编译语言支持条件编译 详情
• 支持通过 process.env.NODE_ENV 进行运行环境判断，并提供快捷代码块uEnvDev、uEnvProd，详情
• App平台 新增 TabBar 相关 API：setTabBarItem、setTabBarStyle、hideTabBar、showTabBar
• H5平台 新增 组件：cover-view、cover-image
• H5平台 优化 image 组件支持浏览器中的长按识别

详细更新日志请见：更新日志

问题清单

Q: uni-app打包成h5，怎么设置不同页面显示不同的标题啊？
A: 在 h5 平台，js 是不受限制的，可以直接使用 document.title = xxx。

Q: nvue真机上onNavigationBarButtonTap无效
A: .vue 和 .nvue 的 onNavigationBarButtonTap 处理有所不同，参照：nvue onNavigationBarButtonTap

Q: uni-app app端 map上显示点位详情
A: 这个问题在于不同平台规范的差异。cover-view

• 5+App中 cover-view、cover-image 中不支持嵌套其它组件。
• 5+App中暂不支持 cover-view、cover-image 组件之间的嵌套。
• 其他小程序平台下，可以使用条件编译，完全按照其规范开发。

Q: uniapp的tabBar可以自定义样式吗？
A: 受限于平台差异，目前仅可以修改 tababr 图标、文字、选中前后颜色、角标等。

Q: 在uni-app中是否不支持after之类的伪类？
A: uni-app 目前提供的选择器支持

Q: 请问 uniapp 可以设置状态栏吗
A: 在 App端 可以使用 5+Api 进行相关的修改。 状态栏修改

Q: input聚焦后，弹出软键盘，又自动关闭，什么原因？
A: 如果想在显示 input 后自动聚焦的话，我们可以使用 v-if 并动态给 focus 属性赋值为 true。

Q: 平时12px的应该怎么换算upx,字体在uni用什么单位比较好，用px会不会有什么影响?
A: uni-app 使用 upx 作为默认尺寸单位，upx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。查看upx文档

Q: uni-app有没有长按复制
A: 在 uni-app 中只有 text 组件支持长按选中的功能。查看text组件文档

Q: 登录后获取到用户数据，跳转到指定的页面没有刷新，要手工刷新页面。有什么办法可以跳转到页面并刷新吗？
A: uni-app 中是没有重新加载页面和刷新页面的概念的。如果想要实现以上功能，我们一般会使用 vuex，或者在onShow中去处理数据，重新渲染数据。

Q: 在uni-app中如何判断环境 ？
A: 查看uni-app环境判断文档

Q: uni-app H5端能集成微信支付/即时聊天/七牛云/阿里云吗 ？
A: 关于在 uni-app 内使用第三方 sdk 的问题。如果第三方 sdk 有提供小程序版，可以直接使用，一般多端都兼容。如果有 js 版本可以在 h5 端使用，如果有原生 sdk，可以离线打包自己集成。

Q: uni里可以引入jquery/zepto 吗？
A: 因为 uni-app 不能操作 dom 和 bom ，所以不支持引入。

Q: 标题栏的按钮不能自定义返回到指定tabBar吗？
A: App 端是可以的，如果是原生的导航栏配置了 buttons，可以监听 onNavigationBarButtonTap 函数，去进行跳转页面的操作。

Q: 打开弹窗蒙版之后，下面的页面还可以滚动，怎么不让下面的内容滚动啊？
A: 若需要禁止蒙版下的页面滚动，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。

Q: 我每次改完代码，cmd + s ，就会重启项目到根目录，有没有其他优化方案啊？
A: 在HBuilderX工具栏中选择 运行 --> 运行到手机或模拟器/运行到小程序模拟起 --> 选择运行到页面 ，配置相应的页面参数即可。

Q: 我使用了sass/less/stylus，怎么控制台报错啊？
A: 在HBuilderX工具栏中选择 工具 --> 插件安装 --> 安装需要使用的预编译插件。 成功后重新编译项目，就可以愉快的使用了。

Q: uni-app能获取某个view的高度么？怎么弄呢？给点建议呀？
A: 虽然 uni-app 不支持操作 Dom 和 Bom，但是uni-app提供了节点操作，可以获取元素的节点信息。查看文档

重要BUG修复

• App平台 uni-app的app-plus配置后下拉刷新失效
• h5平台 swiper导致页面不能正常拖动
• h5平台 点击触发动态改变input的字体颜色不生效
• h5平台 movable-view 组件无法移动bug
• App平台 修复 使用 request 在低版本手机系统中 ES6 语法不转换的问题
• App平台 修复 rich-text 组件无法解析部分富文本信息的问题
• App平台 修复 下拉刷新后页面点击事件第一次触发不正确的问题
• H5平台 修复 选择文件后导致页面滚动的问题
• H5平台 修复 选择节点时不包含当前页面节点的问题

优秀插件分享

• 新闻/资讯App模板。
• 底部tab带加号的模板。
• 原生可拖动顶部选项卡页面模板。

更多插件，请前往 插件市场 查看。

欢迎大家给 uni-app 开源项目（https://github.com/dcloudio/uni-app） 点 star。

结束

本期周报就到这里，感谢大家的阅读。新的一周，祝大家工作顺利。

前几天用Hbuilder开发了一个应用，考试信息类的。愣说我是简单网页打包，真是无语了。傻X一样的审核员。

下面是vivo市场干的好事 ，从别的地方看的帖子。不知真假

vivo应用商店上架无牌无证app，导致我损失25万元
1.本人为vivo手机用户，vivo手机上自带一个vivo应用商店，商店里有各类app可供下载。我本人在vivo商店里下载了一款名叫《免费小说宝典》的app，此app为多款网络赌博游戏打广告，在阅读小说时无意碰触到广告，自动下载完成了网络赌博游戏（之前以为普通棋牌游戏），诱导我损失25万元。
2.我向vivo官方反映后，告知我查询不到此app的任何后台信息，我要求再次调查。后，我向vivo客服咨询，告知我已经把它下架。因为之前反映的时候，我提过要求vivo官方先行赔付，所以，vivo官方前后没有对我任何通知就把此app匆忙下架。后来一个自称客服主管的工作人员告知我我提供的小说名称有误，这完全是装疯卖傻。因为，我之前与一个客服联系的时候我就告诉她，在vivo应用商店搜索时是一个名字，进入这个小说阅读器后就叫《免费小说宝典》。后期，经过我与在线客服3个小时的对话，客服给了我一个人的姓名与联系方式，让我自行联系，说是软件商。我想问问vivo官方，你们已经把app匆忙下架，你让我怎么联系？
3.请看以下附图，在我投诉举报后，在这款小说app上下载游戏，会显示“未经vivo安全认证，请谨慎安装”提示，可之前没投诉之前根本没有此类提示，这说明了以前下载的游戏都是经过了vivo官方认证！
4.一个app需要在vivo上架所需要的条件：
首先你要注册各大应用商店的开发者账户，注册公司主体的需要一个邮箱、一个qq号、一个手机号、营业执照、税务登记证、组织机构代码（三证合一的只需要营业执照）、企业法人身份证正反面、法人手持身份证照片。

然后你要准备icon、市场截图、各个不同渠道名的包、市场说明、新版本说明、一句话介绍、应用关键词标签、软著权等各种资质。

一般来讲，应用都要申请软著权，没有软著权也可以上线百度、360、应用宝、魅族，但是不能加官，不能申请首发之类的。

所以一般可以申请软著权的还是申请一个。一般找渠道的话，10个工作日内办完2200，5个工作日3000。

除此之外，一些应用还会有一些其他的资质要求。比如影视类应用需要《信息网络传播视听节目许可证》，小说类的需要《中华人民共和国出版物经营许可证》。
4.vivo官方居然说后台部门查询不到，这怎么可能？vivo公司作为一个具有巨大社会影响力的公司居然这般无赖！店大欺客不外如是！不积极处理用户问题还推卸责任！

在iOS上模拟器和真机使用不同的CPU架构，而部分第三方SDK没有包含模拟器或者对模拟器兼容不好，导致部分功能无法在模拟器上正常运行，目前已知无法在模拟上使用以下功能：

讯飞语音识别

由于讯飞语音识别在最新版本XCode编译后无法兼容iOS8.x模拟器，所以HBuilderX（从1.5.0版本开始）默认的模拟器基座不再包含讯飞语音识别功能。如果要使用讯飞语音识别功能请使用真机体验。

直播推流（LivePusher）

直播推流功能是基于又拍云的推流SDK实现，目前又拍云的SDK不支持模拟器版本，所以HBuilder|HBuilderX中的模拟器基座无法运行直播推流功能，请使用真机运行体验此功能。

最近刚好自己的项目也遇到这个问题，没有看到实际的案例，今天我把自己的分享给大家，希望大家少走弯路

踩过的坑

微信开发者工具更新到1.02.1901170版本，以后使用HBuilderX启动会提示如下错误

解决方式就是，打开微信开发者工具，修改安全设置

顶部菜单->设置

公众号是内容媒体和O2O生活服务的信息化平台；小程序是一种不需要下载安装即可使用的应用，基本实现APP的功能。开发成本低，推广更容易简单。
小程序PK公众号，两者的区别是：

1、 用途不同

公众号更多是用文章展示信息，同城知了小程序则更多元，打造泛娱乐平台，整合实时热点资讯、娱乐动态、生活分享、便民服务等等，并且可以让商家入驻平台提高曝光度，做到更广的引流。

2、 运营方式不同

公众号是基于粉丝运营的，通过转化粉丝产生流量再变现。而小程序就简单粗暴了，打开微信搜索方圆5km内的小程序，找到对应的小程序，交易就完成了，同城知了小程序为商家提供了广告位，当用户打开同城知了看到相关商家信息后即可直接联系到商家，交易就完成了，无需商家绞尽脑汁的想怎么去推广。

3、 操作方法不同

公众号需要用户关注，操作繁琐。而小程序比较简单，直接扫码或者点击打开，可谓一步到位，用户操作步骤简单，更有利于商家推广。门店进店客户锁客留存，可以更好做了，线下门店属性的商家，做小程序更有动力了。

4、 用户体验不同

小程序无需安装、注册和卸载，体验接近原生APP，加载更快，用户体验更流畅。公众号中点击应用功能后需要等一段时间，对于业务逻辑复杂交互要求高的应用使用起来体验较差。

5、 定位不同

公众号是内容生产工具，小程序则是内容变现工具。公众号主要用于信息的传递实现人与信息的连接，主要以营销和信息传递为主、简单的服务为辅，而小程序主要以功能服务为主。

综上所述，公众号存在层级多、体验差、接口少、内容参差不齐、过度营销等问题。小程序以体验好、借口多、独立生态、开发成本低、链接公众号、去除用户心理障碍、免打扰等多重优势备受瞩目。通过以上几方面的对比，大家对公众号和小程序也有了一定的了解，公众号更适合内容创作者，而小程序则更适合绝大多数的商家，无论是操作体验方面还是功能方面，小程序都是比较占优。

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

　　装修公司为什么需要一个小程序？

　　我们都知道，小程序有一个入口就是“附近小程序”，覆盖周边5公里功能，就可看成一条免费的宣传引流途径并引导进店。借助这个优势，装修行业作为线下实体店服务类行业，跟小程序的特性是非常契合的，装修公司需要附近的用户，小程序5公里覆盖方便附近用户发现；

　　借助全方位展示装修公司形象和设计理念，用户可以在小程序里挑选自己满意的设计师为自己服务，依托微信生态庞大的用户基数，迅速实现线上拉新转化，结合线下优秀的服务真正实现线上线下相结合，助力装修行业实现“互联网+”转型升级!

　　装修行业小程序开发解决方案--装修小程序开发基础功能：

　　1、设计师

　　设计师是装修行业中关键的一环，通过对设计师管理，设计师介绍、一键联系设计师、咨询设计师等需求开发功能。

　　2、案例展示

　　其实在用户找装修公司的时候，大多是通过案例在线展示，来选择适合的装修风格和装修公司的实力展现。所以支持案例解析开发功能。

　　3、图库展示

　　在线提交预约需求，收集意向客户

　　4、预约查看功能

　　根据装修级别、装修风格、装修基调等来预约看房，帮助客户预估报价。

　　5、小程序名片功能

　　帮助家装公司建立属于自己的强大内容库，为客户演示作品案例、精品图库，销售员可生成自己的名片海报，可查看感兴趣的客户，主动联系潜在客户，让宣传变得更有趣

　　总结：

　　对于家装类微信小程序，其实对于较为大型的装修企业而言，小程序无疑是一个最好的推广方式，用户能在小程序上完成家装的一系列程序，它能够把原来大家最复杂头疼的家装问题，最大限度的简单化。不仅仅是装修公司，服务行业小程序，尤其是实体店，都将有着巨大的发展前景。

如过 苹果支付提示 购买成功了，说明苹果执行回调了，只是uni-app的回调没执行。是回调函数里面的代码有问题， 检查你 uni-app回调函数 可以把回调函数 所有代码都删除 试下，其他的支付回调函数不执行问题估计是一样的问题。
有些错误uni-app不一定能检查出来并提示出来。比如this 的问题。

今天讲的主要是企业版app在自己服务器上进行包的管理和新版本更新.
iOS的APP安装不像安卓的包只要下载的链接是以.apk结尾,然后下载下来后就会自动提示安装,iOS是先下载下来一个plist文件,然后根据plist里边配置的链接进行下载的.
我先大概说一下下载安装的流程.首先检查到需要更新,然后点击更新后
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:
@"itms-services://?action=download-manifest&url=你的plist文件的下载链接"]];
itms-services://?action=download-manifest&url= 这句系统的一个协议命令。
然后系统会去下载这个plist，下载完成后会提示***要安装app，然后点击安装就会去下载并安装。流程大概就是这样。
1.plist文件的格式和怎么生成
在archive打包的时候,选择完证书之后的一个窗口下面有一个include--plist的一个选项,打上勾,然后会让你填下3个链接,一个包下载的链接,两个icon图片的链接.可以先随便写,打包完之后会带有这个plist,然后IPA上传完之后可以再修改plist里边的地址.把plist保存一份,后面发布的时候把新包的下载地址换成新的就行了,如果你们包的地址固定不变,就可以不用修改.IPA包的地址可以不是HTTPS的.icon图片的地址也不需要HTTPS.1、两个 url 地址，即 software-package 和 display-image 的 URL，前者是所要安装的 ipa 地址，后者是安装时桌面显示的 logo 图标。
metadata里需要修改 bundle-identifier 和 bundle-version，具体是什么就不用介绍了，但是要注意一定要跟所安装的 ipa 包内容一致，不然无法安装成功。可以修改title，定制安装时弹出框的内容。
2.服务端最好做一个admin控制平台,里边可以管理上传的包和查看上传完之后生成的地址链接,做成什么样可以参考一下七牛等一下云平台的上传下载管理.主要是方便控制是否强制更新,版本号等信息。上传完ipa和两个icon后，把这三个地址分别放倒plist的对应位置，然后再上传plist，生成plist的地址链接，注意：7.0之后这个plist的地址链接必须得是https的，否则会提示不安全的地址，不会安装app。
配置 Web 服务器的MIME 类型，以便正确地传输清单文件（.plist）和应用程序文件(.ipa)。
1、对于 OS X Server，将以下 MIME 类型添加到 Web 服务的“MIME Types”（MIME 类型）设置中：
application/octet-stream ipa
text/xml plist
2、对于 MS 的 IIS，使用 IIS Manager 在服务器的“属性”页面中添加 MIME 类型：
.ipa application/octet-stream
.plist text/xml
这个也是必须的，如果plist下载时的content-type不对，无法做正确的引导安装。包的也一样。
3.做一个web页面，然后生成一个二维码，以便第一次安装的时候扫码安装，页面的样式可以参考蒲公英或者fir等平台的样式，在点击安装的时候触发item-servie的命令就行了。
关键点就是plist清单文件必须是https链接，下载时的type，openURL时前面拼接上item-service的协议命令。

QQ：1448551974 可以一起学习

近几年是生鲜电商稳健发展的时期，也是新零售开启新的探索之道。随着消费者购买行为的多元化与碎片化趋势，

> 水果生鲜电商App逐渐抬头。水果生鲜电商市场拥有着强势的突破口。面对这样一个发展前景很好的市场，致力于企业APP开发制作的*力谱云*****表示，如何升级移动电商行业解决方案，制作APP将成为生鲜水果电商企业撬动生鲜市场的突破口。

水果生鲜市场如何破局，且看消费者和企业商家的诉求

面对量以万亿级的国内水果生鲜市场，不少电商企业跃跃欲试，都想吃下这块大蛋糕。但是如何破局水果价格战，成为了目前各方企业主所关注的聚焦点。从消费者层面来看，随着消费升级趋势上升，更多的消费者开始关注水果生鲜商品的品质、品牌等问题。除此之外，他们还关心商品的物流配送效率、售后服务保障等。但是显然，如果企业仅仅依靠实体店经营，那么从商品种类、服务保障等方面会无法完全满足用户需求。另一方面，从企业商家层面来看，面对消费模式、消费场景多元化、并碎片化的消费群体，他们要从市场中分羹，就需要更多借助互联网平台和数据营销分析的力量，以此提升企业竞争力与市场占有率。

那么到底，企业要破局僵化市场，需要借助怎样的互联网科技之力呢？

批发、零售、做市场？企业移动化3种模式打通

水果生鲜电商企业，大多从大型农贸市场起家，传统销售渠道，有批发，也有零售。目前，借助微信等社交平台，做得热火朝天的代理经销企业更是不少。那么，这些行业在移动互联网的电商新玩法，又有哪些呢？

首先，针对商品批发型的销售方式，可以借助类似力谱云这样快速、高效的企业App开发云平台，使用B2B（企业对企业）方案进行解决。只需添加商城、三级分销、会员等模块，即可建立销售平台，效率高，周期短，开发成本低。

除此之外，针对零售型的销售方式，市场目前更倾向于采用B2C电商解决方案。由于面对的客户群体是消费者本身，在移动化转型中，就需要从多维度的商品展示、多样化的营销方式、以及有力的客服保障、会员福利等方面进行考量。日前，力谱云所打造的“小花果山”App，就是这样的一款典型的水果生鲜电商移动平台。在商城模块的基础上，加入专为提升平台流量与社交互动率的文章模块、提升客服效率的客服模块、留存用户的会员模块，搭配限时抢购、拼团等前沿营销功能，能够进一步提升销售转化率。

像这样一款典型的移动电商解决方案，在力谱云平台上，是比较常见的成熟商业案例，可有效缩短平台开发周期，降低企业用于开发与管理运营等方面的成本费用至少40-60%。而且企业无需自建编程队伍，后期迭代更新，技术运维等问题，也有技术团队和客服在做支撑，可以说是实现了企业与平台的双赢之解。

除此之外，作为行业整合型的B2B2C多商户入驻平台的解决方案，也在受到更多企业主的青睐。通过企业商铺整合，运用多样化的营销管理方式、大数据分析能力、以及优质的品牌商铺入驻，也不失为企业在做产品自营的同时，多增加一份平台管理收入的渠道。

> 力谱云——让每个企业都拥有自己的移动互联网平台

那么，为这些生鲜水果电商提供了诸如B2C、B2B、B2B2C等方案的力谱云平台的商业模式为何呢？力谱云平台的创立初衷是让每个企业都拥有自己的移动互联网平台。

以旧有的App研发模式来看，从周期、成本、人力等各方面来说，斥巨资进行App开发与目前正蓬勃发展的App市场，显然背道而驰。因此，在多年App开发经验与商业演练的基础上，> 力谱云通过移动技术、云计算、大数据和人工智能等技术，融合了目前先进的移动互联网理念和商业实践，为企业快速、低成本地搭建一站式营销、销售、运营的移动互联网平台，提供了一个快速升级通道。它不仅可实现企业在移动渠道的全面覆盖，功能可灵活扩展，还具有强大的数据安全和系统容灾能力，企业无需技术团队即可任意使用，行业覆盖电商、服务、教育培训、企业服务等。可以说，力谱云平台的成功，不仅得益于App市场的成熟，也基于新科技力的加持。

其实目前，电商企业移动化，已经成为了主流商业趋势，为了应对接下来线上线下更为融合的新商业模式，企业还需要更进一步打磨商品与企业平台，找对消费者痛需，大胆地进行商业设想。移动互联网平台，固然给了企业一个快速的技术型升级通道，但是要摸到互联网式思维的商业之门，才能真正让前沿黑科技与互联网平台为企业增添飞翔的翅膀。