本博客主要说下思路，具体代码不贴1、考虑到组件复用，所以我把它做成一个自定义的组件<my-posterid="getPoster"avater="{{imageUrl}}"knowledges="{{klPoster}}"scene="{{topicId}}"></my-poster>　　可...

主要思路：　　1、先分割为字符串数组，然后一个字一个字绘图，利用ctx.measureText(string)方法，获取绘制后的宽度，判断宽度在多少内就另起一行，再将各行拼成一个字符串　　2、计算另起的行总数，比如总共3行，也就是说将原来的一个长字符串按宽度分成了3行，然后循环绘制出这3行字符串即可。注意事项：　　就是...

1、上拉加载失效问题背景：部分页面上拉加载失效。当使用flex布局，底部固定，中间采用自适应撑满全屏实现滚动时，发现上拉加载失效，不知道是什么原因。解决问题：　　在小程序中，官方为我们提供了原生的下拉刷新和上拉加载，只需要进行简单的配置即可实现下拉刷新的功：onPullDownRefresh、onReachBottom...

　　记录下微信JSAPI支付的流程1、判断是微信浏览器则直接请求微信授权的链接，需要传递给微信重定向回的页面，及订单id//微信浏览器直接调用if(this.isWeixin){　　letredirectUri='http://192.168.1.6/weChat'　　window.location.href='htt...

　　在微信小程序中，使用scroll-view实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view>的 scroll-into-view 属性。　　实现锚点跳转主要以下几点：　　1、最外层容器使用 scroll-view 　　2、赋...

方案1：直接使用微信小程序提供的“scroll-view"组件。<scroll-viewscroll-ycolor:#800000;">"height:100%;"><!--你要滚动的内容--></scroll-view>　　注意：必须要设置scroll-view的高度h...

1、组件使用：　　之前微信小程序的富文本渲染组件用的wxParse，对普通富文本确实可以，但是对于代码格式pre标签则无法使用。　　下面这个html2wxml很不错，可以支持代码高亮。　　详细文档：https://github.com/qwqoffice/html2wxml2、Java版自行搭建服务　　文档：https...

　　问题背景：做了微信小程序，一切都还正常，但是最后体验版放出去时，却发现很多用户无法绑定用户，后台返回：参数非法。经过多方排查，发现是微信拿到的code请求返回的数据里没有UnionId，也就是接口返回的参数中不包含UnionId参数。1、UnionID机制说明　　简而言之，微信针对不同的用户在不同的应用下都有唯一的...

　　业务背景：从提问跳到列表需要刷新，以显示刚提交的数据。　　但是官方文档wx.switchTab明确指明路径后是不能带参数的，怎么办？　　网上有很多解决方案是：switchTab成功跳转后调用success回调，此时可以拿到跳转后页面的page对象，从而调用页面onLoad方法重载页面。比如：wx.switchTab...

　　比如提交问题，然后需要返回之前页面，由于onLoad只会加载一次，所以不会触发，但是我们页面又需要刷新，那怎么办？1、onLoad与onShow区别onLoad：监听页面加载。一个页面只会调用一次。接收页面参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的q...

　　想在微信小程序的wxml文件里自如的像vue那样调用自定义的方法，发现并不成功，得利用WXS脚本语言。　　WXS脚本语言是WeiXinScript脚本语言的简称，是JavaScript、JSON、WXML、WXSS之后又一大小程序内部文件类型。截至到目前小程序已经提供了5种文件类型。　　WXS的使用，有两种方式。　...

　　小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。　　首先我们下载wxParse，github地址：https://github.com/icindy/wxParse1、下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项目目录下（与pa...

　　WxValidate插件是参考jQueryValidate封装的，为小程序表单提供了一套常用的验证规则，包括手机号码、电子邮件验证等等，同时提供了添加自定义校验方法，让表单验证变得更简单。　　首先插件的下载地址和官方文档：https://github.com/skyvow/wx-extend　　具体的WxValid...

　　浏览器渲染流程：　　1、浏览器开始解析目标HTML文件，执行流的顺序为自上而下。　　2、HTML解析器将HTML结构转换为基础的DOM(文档对象模型)，构建DOM树完成后，触发DomContendLoaded事件。　　3、CSS解析器将CSS解析为CSSOM(层叠样式表对象模型)，一棵仅含有样式信息的树。　　4、C...

1、绝对定位元素溢出父元素，怎么隐藏问题？　　通常，为了让DIV子元素超出部分隐藏，都是在父元素设置overflow:hidden，这样即可防止子元素撑开父元素，使子元素能够溢出隐藏！　　但是，对于position:absolute定位的子元素，仅仅使用overflow:hidden没办法将其溢出部分隐藏，需要在父元素...