微信小程序显示过长控制显示长度，并截取字符串

今天写小程序因为某些用户的用户名过长，导致其他元素被挤压，显示不完全。所需写了个js监听元素的长度，如果超过多少则固定宽度显示，并将截取用户名将后面的替换为*，因为小程序不支持wxml中直接使用substr()，所以可以通过.wxs文件来处理。
（WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。）

js获取元素的宽度
let query = wx.createSelectorQuery();
let that = this;
query.select(’#username’).boundingClientRect(function (rect) {
that.setData({
width: rect.width
})
}).exec();
字符串处理

wxml页面使用
引入

使用