- scroll-view设置圆角遇到图片的时候圆角不起作用
scroll-view设置圆角溢出隐藏 里面放image组件 不产生滚动的时候圆角有效 [图片] 产生滚动后圆角效果就不起作用 [图片] [图片]
2018-03-30 - 安卓在scroll-view中使用filter: blur()导致border-radius失效的解决方法
这是一个比较偏的用法,踩了半天坑,最后很蹊跷地解决了,记录下来希望能给有需要的人提供帮助。 首先,如果你正好在用scroll-view, 然后你也正好在每个item里用上了css滤镜filter(我用的是模糊blur), 然后你也正好同时需要用上圆角border-radius, 于是你会发现在安卓下圆角失效了。。。 最后建议你给item加个transform: translate3d(0, 0, 0); 然后,这个bug就奇迹般地解决了。。。 以上!
2021-04-09 - 为什么流量主和广告主的价格差别如此之大?
1:我开通了流量主banner广告位,通过自己的小程序为别人引流获得广告收入,以下是近三天(23日、除夕、初一)的收入数据 [图片] 平均下来0.0737元/点击 2:我同时开通了广告主banner广告位,通过平台的banner广告位为自己小程序引流,以下也是近三天(23日、除夕、初一)的支出数据 [图片] 平均下来0.6087元/点击 为什么同样是banner一次点击,导入的价格超出导出的将近8倍,也就是说我为平台实现一次点击可收入1元的话,那利用平台广告为我自己增加一次点击却要花费8元,确实是这样一个比例吗?
2020-01-26 - 手把手教我如何开通微信小程序流量主广告?如何插入广告组件?
开通流量主流程 [图片] 1)点击左侧导航栏的“流量主”进入专属模块 小程序累计独立访客(UV)1000以上,且无违规记录,即可开通流量主功能。 [图片] 2)点击“新建广告位”开始创建 输入广告位名称即可,如计划插入多个广告位,需要分别新建。 [图片] 3)获取广告位代码片段 系统将生成广告位的代码片段,开发者点击“复制代码”留用。 [图片] 4)嵌入代码片段&测试&发布 嵌入代码片段至希望展示广告的位置,并在发布前通过测试预览广告位展示情况。 注:请务必完成主流机型的适配测试,由于适配原因带来的违规问题,将受到同等处罚。 ①原生模板广告 .adContainer { width: 100%; } <view class="adContainer"> <ad-custom unit-id="xxxx"></ad-custom> </view> [图片] ②插屏广告 let interstitialAd = null Page({ onLoad() { if(wx.createInterstitialAd){ //创建 interstitialAd = wx.createInterstitialAd({ adUnitId: 'xxxx' }) interstitialAd.onLoad(() => { console.log('onLoad event emit') //显示 interstitialAd.show().catch((err) => { console.error(err) }) }) interstitialAd.onError((err) => { console.log('onError event emit', err) }) interstitialAd.onClose((res) => { console.log('onClose event emit', res) }) } } }) [图片] ③激励视频广告 let rewardedVideoAd = null Page({ onLoad() { if(wx.createRewardedVideoAd){ rewardedVideoAd = wx.createRewardedVideoAd({ adUnitId: 'xxxx' }) rewardedVideoAd.onLoad(() => { console.log('onLoad event emit') }) rewardedVideoAd.onError((err) => { console.log('onError event emit', err) }) rewardedVideoAd.onClose((res) => { console.log('onClose event emit', res) const { isEnded } = res //视频是否播放结束、可以向用户下发奖励 if (isEnded) { //@todo 获得积分数据交互 } }) } }, showVideoAd() { // 用户触发广告后,显示激励视频广告 if (rewardedVideoAd) { rewardedVideoAd.show().catch(() => { // 失败重试 rewardedVideoAd.load() .then(() => rewardedVideoAd.show()) .catch(err => { console.log('激励视频 广告显示失败') }) }) } }, }) <button type="default" bindtap="showVideoAd">观看完整视频广告</button> [图片] [图片] [图片] 总结 以上便是这次手把手教我开通小程序广告组件、接入场景与操作指引的学习笔记。多个页面接入同一种类型的流量主广告组件务必使用同一个adUnitId,不要问为什么,我也不知道,就是会提高单价曝光率。
2020-12-16 - 微信支付的商户与小程序的主体必须一致嘛
微信支付的商户与小程序的主体必须一致嘛
2019-01-15 - 小程序直播可以支持同时在线100万人吗?
小程序直播可以支持同时在线100万人吗?如果流量过大,会不会过于卡顿?如果临时需要扩充流量,需要提交什么申请之类的可以临时扩充么?
2020-06-07 - 一个小程序最多同时开多少个直播间?小程序直播组件直播间的直播时长是否有限制?
同一个小程序最多可以支持50个直播间同时直播,每天的直播上限也是50场。每个直播间不能直播超过12小时。
2020-04-17 - 通过第三方推流设备发起直播是什么?
通过第三方推流设备发起直播是怎么玩的,有没有介绍的
2020-05-08 - 小程序ios正常安卓报"request:fail -2:net::ERR_FAILED"是怎么回事?
小程序ios正常访问没问题,安卓机请求服务器报"request:fail -2:net::ERR_FAILED"是怎么回事
2020-05-09 - 生成小程序带参数的二维码,参数长度最大是多少
生成小程序带参数的二维码,参数长度最大是多少?我有一个带参数的二维码生成报错,提示参数太长
2017-10-23 - kbone,十分钟让 Vue 项目同时支持小程序
什么是kbone 微信小程序开发过程中,许多开发者会遇到 小程序 与 Web 端一起的需求,由于 小程序 与 Web 端的运行环境不同,开发者往往需要维护两套类似的代码,这对开发者来说比较耗费力气,并且会出现不同步的情况。 为了解决上述问题,微信小程序推出了同构解决方案 [代码]kbone[代码] 来解决此问题。 那么,[代码]kbone[代码] 要怎么使用呢?这里我们将通过一个 [代码]todo[代码] 的例子来跟大家讲解。 基本结构 首先,我们来看下一个基本的 kbone 项目的目录结构(这里的 [代码]todo[代码] 是基于 [代码]Vue[代码] 的示例,[代码]kbone[代码] 也有 [代码]React[代码],[代码]Preact[代码],[代码]Omi[代码] 等版本,详情可移步 kbone github)。 因为 kbone 是为了解决 小程序 与 Web 端的问题,所以每个目录下的配置都会有两份(小程序 与 Web 端各一份) [图片] 入口 不管是 小程序 端还是 Web 端,都需要入口文件。在 [代码]src/index[代码] 目录下,[代码]main.js[代码] 为 Web 端用主入口,[代码]main.mp.js[代码] 则为 小程序 端用主入口。 当然,Web 端会比 小程序 多一个入口页面,即 [代码]index.html[代码](位于根目录下)。 [图片] 下面两段代码分别是 小程序端 入口与 Web 端入口的代码,可以看到 小程序端的入口代码封装在 [代码]createApp[代码] 函数里面(这里固定即可),内部会比 Web 端多一个创建 [代码]app[代码] 节点的操作,其他的基本就是一致的。 [代码]// 小程序端入口 import Vue from 'vue' import todo from './todo.vue' export default function createApp() { // 创建app节点用于绑定 const container = document.createElement('div') container.id = 'app' document.body.appendChild(container) return new Vue({ el: '#app', render: h => h(todo) }) } [代码] [代码]// web端入口 import Vue from 'vue' import todo from './todo.vue' new Vue({ el: '#app', render: h => h(todo) }) [代码] todo.vue 在上面的入口图可以看到,源码目录中,除了入口文件分开之前,页面文件就是共用的了,这里直接使用 Vue 的写法即可,不用做特殊的适应。 配置 写完代码之后,我们要怎么跑项目呢?这时,配置就派上用场啦。 Web 端配置为正常的 Vue 配置,小程序端配置与 Web 端配置的唯一不同就是需要引入 [代码]mp-webpack-plugin[代码] 插件来将 Vue 组件转化为小程序代码。 [图片] 构建代码 接着,我们需要构建代码,让代码可以运行到各自的运行环境中去。构建完成后,生产代码会位于 dist 目录中。 [代码]// 构建 web 端代码 // 目标代码在 dist/web npm run build // 构建小程序端代码 // 目标代码在 dist/mp npm run mp [代码] 小程序端 的构建会比 Web 端的构建多一个步骤,就是 npm 构建。 进入 [代码]dist/mp[代码] 目录,执行 [代码]npm install[代码] 安装依赖,用开发者工具将 [代码]dist/mp[代码] 目录作为小程序项目导入之后,点击工具栏下的 [代码]构建 npm[代码],即可预览效果。 效果 最后,我们来看一下 todo 的效果。kbone 初体验,done~ todo 代码可到 kbone/demo13 自提。 [图片] 最后 如果你想了解更多 kbone 相关的使用及详情,可移步 kbone github。 如有疑问,可到 Kbone小主页 发帖沟通。
2020-04-22 - canvasToTempFilePath生成的临时图片有效期有多久?
使用canvasToTempFilePath生成的临时图片有效期有多久?可以作为转发小程序的图片资源吗?
2019-05-06