03 2019 档案
摘要：记录下微信JSAPI支付的流程 1、判断是微信浏览器则直接请求微信授权的链接，需要传递给微信重定向回的页面，及订单id 2、上一步获取授权之后，就会拿到code，及传递的订单id，会以query的形式拼在重定向的路由上，然后通过拿到的code和订单id去请求后台获取该支付对应的需要的参数，后台返回。
阅读全文
摘要：阿里云视频点播在苹果和安卓播放视频的效果不一样，在Android手机上，X5浏览器会劫持Video标签用播放器弹出全屏播放，处于最上层，覆盖DOM元素。导致页面不能继续滑动，现在想在安卓环境下播放视频时页面能够继续滚动。 根据阿里云视频点播文档，需要在安卓端微信或qq浏览器启用同层播放即可。按官方文
阅读全文
摘要：在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。 实现锚点跳转主要以下几点： 1、最外层容器使用 scroll-view 2、赋值scroll-into-view，如
阅读全文
摘要：一、使用 Canvas 或者 SVG 渲染 浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说，这两种技术往往是可替换的，效果相近。但是在一些场景中，他们的表现和能力又有一定差异。于是，对它们的选择取舍，就成为了一个一直存在的不易有标准答案的话题。 ECharts 从初
阅读全文
摘要：一、什么是内存泄漏 引擎中有垃圾回收机制，它主要针对一些程序中不再使用的对象，对其清理回收释放掉内存。那么垃圾回收机制会把不再使用的对象（垃圾）全都回收掉吗？ 其实引擎虽然针对垃圾回收做了各种优化从而尽可能的确保垃圾得以回收，但并不是说我们就可以完全不用关心这块了，我们代码中依然要主动避免一些不利于
阅读全文
摘要：一、file-loader 是什么 1、什么是 file-loader 简单来说，file-loader 就是在JS代码里 import/require 一个文件时，会将该文件生成到输出目录，并且在JS代码里返回该文件的地址。 2、如何使用 // 1、安装 file-loader npm insta
阅读全文
摘要：问题背景：做了微信小程序，一切都还正常，但是最后体验版放出去时，却发现很多用户无法绑定用户，后台返回：参数非法。经过多方排查，发现是微信拿到的code请求返回的数据里没有UnionId，也就是接口返回的参数中不包含UnionId参数。 1、UnionID机制说明 简而言之，微信针对不同的用户在不同的
阅读全文
摘要：开发中经常会有这样的场景，我们自定义的组件需要在页面生命周期时做一些事情，像 Vue 这种组件开发时就很方便，但是微信小程序这种就分页面生命周期和组件生命周期，开发并不是那么方便了，所以需要了解一下。 一、微信小程序的组件生命周期 1、最重要的生命周期是 created attached detac
阅读全文
摘要：一、时区问题 1、问题背景： 服务器时间是东八区时间，页面会在全世界各地，页面 JS 功能需要对比服务器时间和用户本地时间，为兼容世界各地时间，需要将用户本地时间转换为东八区时间 2、基本概念 （1）格林威治时间：格林威治子午线上的地方时，或零时区（中时区）的区时叫做格林威治时间，也叫世界时。比如我
阅读全文
摘要：比如提交问题，然后需要返回之前页面，由于onLoad只会加载一次，所以不会触发，但是我们页面又需要刷新，那怎么办？ 1、onLoad与onShow区别 onLoad：监听页面加载。一个页面只会调用一次。接收页面参数 可以获取wx.navigateTo和wx.redirectTo及<navigator
阅读全文
摘要：一、HLS 文件视频介绍 这两年来越来越多的视频应用使用了m3u8格式的视频，因为可以兼容PC、移动端。相比mp4等视频源，m3u8可以减轻服务器压力（按需加载）。HLS是由苹果公司率先提出的一种协议标准，可用于直播。 查看演示：https://www.helloweba.net/demo/2018
阅读全文
摘要：想在微信小程序的wxml文件里自如的像vue那样调用自定义的方法，发现并不成功，得利用WXS脚本语言。 WXS脚本语言是 WeiXin Script 脚本语言的简称，是JavaScript、JSON、WXML、WXSS之后又一大小程序内部文件类型。截至到目前小程序已经提供了5种文件类型。 WXS的使
阅读全文
摘要：小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。 首先我们下载wxParse，github地址：https://github.com/icindy/wxParse 1、下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项
阅读全文
摘要：WxValidate插件是参考 jQuery Validate 封装的，为小程序表单提供了一套常用的验证规则，包括手机号码、电子邮件验证等等，同时提供了添加自定义校验方法，让表单验证变得更简单。 首先插件的下载地址和官方文档：https://github.com/skyvow/wx-extend 具
阅读全文
