精选文章 小程序开发 总结 (触摸穿透、数据统计、扫码、缓存、text组件)

小程序开发 总结 (触摸穿透、数据统计、扫码、缓存、text组件)

作者:咕噜咕噜的车轮向前 时间: 2021-02-05 09:38:23
咕噜咕噜的车轮向前 2021-02-05 09:38:23
【摘要】一、触摸穿透 问题 
弹出蒙层,但是上下滚动的时候,下一层会滚动 
解决方案: 
(1)弹出蒙层的时候,设置下一层position:fixed固定住,缺点:可能影响下层的样式。 
(2)在不想触摸穿透的组件加上 @touchmove.stop="",在开发者工具没效果,但是在真机有效果,推荐使用这个方案。 
二、阿拉丁 数据统计分析 
教程 
三、扫码进入微信小程序有三种码: 
(1)把链接...

一、触摸穿透 问题

弹出蒙层,但是上下滚动的时候,下一层会滚动

解决方案:

(1)弹出蒙层的时候,设置下一层position:fixed固定住,缺点:可能影响下层的样式。

(2)在不想触摸穿透的组件加上 @touchmove.stop="",在开发者工具没效果,但是在真机有效果,推荐使用这个方案。

二、阿拉丁 数据统计分析

教程

三、扫码进入微信小程序有三种码:

(1)把链接通过草料等工具生成的普通链接二维码,入参是q

(2)通过微信小程序官网提供的后台接口获取二维码

a、小程序码(wxacode.createQRCode、wxacode.get)

b、小程序二维码(wxacode.getUnlimited),前端页面入参scene

 const getFormatedOptions = (options) => { // 处理普通路径的query、普通二维码解析出来的路径(q)、小程序二维码(scene) const { scene, q, ...query } = options let formatedOptions = query if (q) { const url = decodeURIComponent(q) const _query = queryToObject(url) formatedOptions = _query } if(scene) { const url = decodeURIComponent(scene) const _query = queryToObject(url) formatedOptions = _query } console.log('=== getFormatedOptions ===', formatedOptions) return formatedOptions }

/**
 * @function url上的 ?query 转换为 object
 * @param {String} url
 * */

function queryToObject(url) { const result = {} const arr = url.split(/[?&]/ig) arr.forEach(item => { if (!item || !/=/g.test(item)) return // 断言 const keyValArr = item.split('=') if (keyValArr.length != 2) return // 断言 result[keyValArr[0]] = keyValArr[1] }) return result
}

四、uni-app/mpvue/原生  onLoad和onShow

1、uni-app:子组件component(即非pages/index),没有onLoad和onShow生命周期,created和mounted也只有页面onLoad/reOnLoad的时候才执行

2、mpvue:子组件的onLoad函数在页面首次加载的时候执行,onShow不执行,页面第二次进入时(回退)子组件执行onShow。页面首次加载的时候子组件的created和mounted钩子执行,页面回退的时候created和mounted钩子不执行。

3、原生:去看组件文档(page和子组件有各自的生命周期钩子)

结论:使用框架开发小程序,不要在子组件里面使用page生命周期,统一在page/index的onShow和onLoad生命钩子里通过ref触发子组件该在onShow和onLoad时候触发的函数

五、缓存问题

并非全量发布之后,用户就会立即使用到最新版的小程序,这是因为微信客户端存有旧版本小程序包缓存。用户在使用小程序时会优先打开本地的小程序包,微信客户端在某些特定的时机异步去更新最新的小程序包。一般我们认为全量发布的24小时后,所有用户才会真正使用到最新版的小程序。

六、服务器域名和业务域名

服务器域名是 wx.request 请求 去拉取数据的域名。 一般返回为JSON字符串

业务域名是小程序的webview组件要引入的其他H5地址的URL的域名或者网页里面的iframe的域名

转载于:https://www.cnblogs.com/fuckingPangzi/p/10462441.html

七、web-view还是iframe

1、不管是web-view还是iframe,都需要配置业务域名(域名白名单)才能正常访问

2、个人类型的小程序暂不支持使用web-view

七、线上sourceMap的用法:

https://www.jianshu.com/p/3880530b2fcd

八、文字底部对齐

大号文字小号文字

九、组件显示不出来的问题

组件只能嵌套组件,嵌套其他组件(或自定义组件)都显示不出来

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:图像金字塔

下一篇:c++ 每周一些题(6)

您可能感兴趣

  • 深度学习PyTorch,TensorFlow中GPU利用率较低,CPU利用率很低,且模型训练速度很慢的问题总结与分析

            在深度学习模型训练过程中,在服务器端或者本地pc端,输入nvidia-smi来观察显卡的GPU内存占用率(Memory-Usage),显卡的GPU利用率(GPU-util),然后采用top来查看CPU的线程数(PID数)和利用率(%CPU)。往往会发现很多问题,比如,GPU内存占用率低,显卡利用率低,CPU百分比低等等。接下来仔细分析...

  • Python总结第一篇之运行、注释、print(换行、十六进制输出)

    总结 最新因工作需要,对一些文本文件做处理。本想用shell 脚本做处理,但是实在有些复杂,思来想去还是决定用python。 因为是第一次使用,故将这些内容做一下总结。 先总结下比较简单的内容,如何执行python...

  • IT十八掌掌第二天课程总结

    今天学完IT十八掌第二天java基础课程: 学习内容:  今天主要学习,标识符,关键字,注释,以及进制转换和负数的表现形式等内容,此外重点讲了条件语句,循环语句。双层循环打印规则图形演示。 关键字 ------------     class        //类     interface    //接口 ...

  • 第一个wordpress项目总结

    英科新创项目总结 这是进入天放网科接手的第一个项目,也是接触wordpress后第一次实做的项目,做的时间有点长,不错也算差不多是自己独立完成的。 首先贴一下Wordpress的官网吧,这个系统真的很赞的说,http://wordpress.org,真的要好好学,不管是它的主题还是插件,都要学着去做。 第一次用Wordpres...

  • java 避免出现NullPointerException(空指针)的方法总结

    java 避免出现NullPointerException(空指针)的方法总结 Java应用中抛出的空指针异常是解决空指针的最好方式,也是写出能顺利工作的健壮程序的关键。俗话说“预防胜于治疗”,对于这么令人讨厌的空指针异常,这句话也是成立的。值得庆幸的是运用一些防御性的编码技巧,跟踪应用中多个部分之间的联系,你可以将Java中的空指针异常控制在一个很...

  • PHP性能优化:51个小细节,让你提升PHP代码的运行效率

    1、用单引号代替双引号来包含字符串,这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量,单引号则不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的"函数"(译注:PHP手册中说echo是语言结构,不是真正的函数,故把函数加上了双引号)。 2、如果能将类的方法定义成static,就尽量定义成static,它的速度会提升将近...

  • 理解Java Integer的缓存策略【转】

    本文由 ImportNew - 挖坑的张师傅 翻译自 javapapers。欢迎加入翻译小组。转载请见文末要求。 本文将介绍 Java 中 Integer 缓存的相关知识。这是 Java 5 中引入的一个有助于节省内存、提高性能的特性。首先看一个使用 Integer 的示例代码,展示了 Integer 的缓存行为。接着我们将学习这种实现的原因...

  • 打开Scala的大门--scala入门小例子demo

    既然我们已经安装配置好scala的运行环境,那么,想必你一定也按耐不住激动的心情,想小试牛刀了吧。  下面我们就开始切入主题。  一、Scala入门小例子  刚接触Scala的时候,我觉得还是按照我们刚踏入编程行列的规矩一样,先输出一个HellloWorld!  如果那你已经安装好了Scala IDE那就更好了,没有的话,我们先用记事本代替一下。  ...

CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
小程序开发 总结 (触摸穿透、数据统计、扫码、缓存、text组件)介绍:华为云为您免费提供小程序开发 总结 (触摸穿透、数据统计、扫码、缓存、text组件)在博客、论坛、帮助中心等栏目的相关文章,同时还可以通过 站内搜索 查询更多小程序开发 总结 (触摸穿透、数据统计、扫码、缓存、text组件)的相关内容。| 移动地址: 小程序开发 总结 (触摸穿透、数据统计、扫码、缓存、text组件) | 写博客