微信小程序开发实践-2020

2020-12-24 微信小程序文件引用绝对路径问题

目前小程序不支持绝对路径引用，使用起来还是很麻烦，可以在app.js中增加一个公共函数间接封装调用require

App({

...其他代码

 funRequire : function($uri){return require($uri)},

...其他代码

})

然后在其它页面的 js引用改成如下代码：

const app = getApp();

const  objArea = app.funRequire ('/utils/area.js');

2020-08-20 cheerio如何选取解析class名称含有空格的数据

要解析的HTML内容：

<strong class="ll rating_num " property="v:average"> 8.5 </strong>

常规的选取内容写法如下：

var $ = cheerio.load(bookhtml, { decodeEntities: false }); 

obj.rating = $(".ll rating_num").text()

此时不生效，获取不到任何内容

需要这样写才行：

obj.rating = $("strong.ll.rating_num").text();

将空格换为 小点，前面的strong为组件类型，如果是div 换为div 即可

2020-07-06  图片懒加载

利用图片的lazy-load属性，在必要的时候进行加载

<image  wx:for="{{imageList}}"  src="{{item}}"  lazy-load="true"  bindload="outputSrc" data-src="{{item}}"/>

2020-06-17 小程序 WXML换行

在text属性中加上 decode="{{true}}",  展示文字部分加上 &nbsp; 就可以了

示例如下：

<text style='width:30%;' decode="{{true}}" >我是&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</text>

2020-02-03 关于event.currentTarget.dataset 取值

如果在wxml文件中定义了页面参数，里面含有大小写，则在js文件函数中获取参数值时必须都转换为小写，小程序不认含有大写的参数定义，只认小写

比如，在wxml中定义如下：

<view class="list-row"   data-groupId="{{item.groupId}}"   data-userInfoTo="{{item.userInfoTo}}" bindtap="gotoChat" >

在JS文件中的gotoChat方法中获取 groupId 和userInfoTo参数值时，只能这样定义：

gotoChat: function (event) {

    var that = this;

    var groupId = event.currentTarget.dataset.groupid;

    var userInfoTo = event.currentTarget.dataset.userinfoto;

｝

如果 event.currentTarget.dataset.groupId  则系统取不到任何值