S筱潇S四维Smile

uniapp微信小程序全局分享和自定义页面分享

【代码】微信小程序使用轮播组件swiper，添加左右滑动按钮。

微信小程序获取元素的高度

微信小程序获取dom元素距离顶部高度等属性

微信小程序报错Error: Only digits (0-9) can be put inside [] in the path string: form_data[activity_name]

微信小程序自定义canvas手写签名组件

微信小程序自定义组件使用wx.createSelectorQuery()获取不到节点问题

uniapp微信小程序报错 TypeError: Cannot read property ‘call‘ of undefined

微信小程序wx.getLocation定位错误信息汇总

如下图所示：在网上搜了好多方法都无效，所以翻文档发现一个方法，亲测有效把input组件换成textarea组件,因为textarea组件有个fixed属性<textarea placeholder-class="placeholder-class" auto-height fixed class="input" placeholder="请填写"></textarea>这样就完美解决了~文档：textarea | 微信开放文档...

功能介绍支持在多个主流的小程序平台和uni-app中使用 支持丰富的标签（包括table、video、svg等） 支持丰富的事件效果（自动预览图片、链接处理等） 支持设置占位图（加载中、出错时、预览时） 支持锚点跳转、长按复制等丰富功能 支持大部分html实体 丰富的插件（关键词搜索、内容编辑等） 效率高、容错性强且轻量化（≈24.5KB，9KB gzipped）查看功能介绍了解更多使用方法原生平台 npm方式 在项目目录下安装组件包 ...

使用rich-text组件显示富文本内容时，渲染html时有报错: RangeError: Maximum call stack size exceeded原因：可能html包含不识别的代码解决方法在js文件内加替换.replace(/style="[^"]+"/gi, “”).replace(/style=’[^’]+’/gi, “”) //小程序展示要自己统一的样式，替换了行内样式.replace(/( )/gi, “”) //替换了注释的内容这能替掉大部分.replace(/&

一句话搞定：catchtouchmove="true"<view class="mark" wx:if='{{show}}' catchtouchmove="true"> <!--内容--></view>

一、在app.js中计算出状态栏的高度App({ globalData:{ navHeight: 0, // 导航高度 navTop: 0, //胶囊按钮与顶部的距离 statusBarHeight: 0, // 状态栏高度 systemData:{} } onLaunch: function() { //获取系统信息 this.getSystemData(); }, getSystemD

解决办法：先encodeURIComponent，取到值以后再decodeURIComponent

在单页面设置disableScroll为true即可;则页面整体不能上下滚动。只在页面配置中有效，无法在 app.json 中设置在需要的页面的json文件里添加即可：{ "disableScroll":true}

1. 绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2. 引入JS文件在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）备注：支持使用 AMD/CMD 标准模块加载方法加载。3.

css代码：.father{ //父元素 width: 100vw; height: 100vh; overflow-x: hidden; overflow-y: auto;}//隐藏滚动条::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;}

当我们拿到如下base64格式的数据时：显示使用image标签，src属性添加data:image/png;base64,（注意：若imgData返回数据中含有data:image/png;base64,时，src直接写src="{{imgData}}"即可）<image src="data:image/png;base64,{{imgData}}"></image>显示不出来？按照上面的方法，但是图片显示不出来。。。有一种原因是因为返回的base64的

1、app.js创建背景音乐App({ globalData:{ bgm_src: "", //背景音乐地址 bgrAudioContext: "", bg_is_play: false, //背景音乐是否播放 }, onLaunch: function() { //启动小程序执行方法 this.createBgm(); //背景音乐 }, createBgm(){ this.globalData.bgrAudioCont

page { font-family:Monospaced Number,Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif!important;}

在项目根目录下app.js设置：App({ onLaunch: function() { //启动小程序执行方法 this.overShare() }, //重写分享方法 overShare() { //监听路由切换 //间接实现全局设置分享内容 wx.onAppRoute(function(res) { //获取加载的页面 let pages = getCurrentPages(), //获取当前页面的对象 view = pag

在mpvue小程序项目中，设置背景音乐：1、在公共js中设置一个变量，创建背景音乐例，我的是在utils文件下的global.js//背景音乐const bgrAudioContext = wx.createInnerAudioContext();export default { bgrAudioContext:bgrAudioContext}2、根目录下的main.js文件引入global.jsimport Vue from 'vue'import App fro

解决办法：修改项目配置文件project.config.json

app.js设置App({ onShow(){ this.autoUpdate() //更新新版本 }, autoUpdate() { //更新新版本 var self = this // 获取小程序更新机制兼容 console.log('canUndate',wx.canIUse('getUpdateManager')) if (wx.canIUse('getUpdateManager')) { const updateManager = wx..

wxss文件添加这些代码即可实现 overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; /* 追加这一行代码 */

设置剪切板：wx.setClipboardData获取剪切板：wx.getClipboardDataapi:https://developers.weixin.qq.com/miniprogram/dev/api/device/clipboard/wx.setClipboardData.htmlwxml:<view>内容：{{contents}} </view><view bindtap='copyText' data-text="{{contents}}

1. 生命周期 App（全局）位置：项目根目录app.js文件App({ onLaunch (options) { // console.log('小程序初始化') }, onShow(options) { console.log('监听小程序启动或切前台') }, onHide() { console.log('监听小程序切后台') }, onError(msg) { console.log('错误监听函数') },

问题描述：微信小程序开发，在发布审核版本之后，解绑等操作，导致项目无法运行，点击登录授权毫无反应，也不报错。清除全部数据的时候会报错，“Error: 未绑定为第三方平台的开发小程序”。解决办法：在启动页删除该项目，但是不删除文件，然后重新新建项目打开，就可以了。...

button::after{ border: none;}

canvasToImage() { // canvas画布转成图片 var that = this; wx.canvasToTempFilePath({ quality: 1, fileType: 'jpg', canvasId: 'mycanvas', success: function(res) { wx.hideLoading(); ...

<navigator target="miniProgram" open-type="exit" ></navigator>

<image src="{{image}}" class="slide-image" mode="widthFix" bindload='imgHeight' data-url="{{image}}" bindlongpress="saveToPhone"/>saveToPhone(e){ let imgSrc = e.currentTarget.dataset....

小程序中div设置了高度，可是文本就是不换行，添加下面一行css即可：使用 css 属性 ：white-space:pre-wrap

wx.request({ url: 'https://pv.sohu.com/cityjson?ie=utf-8', success(res){ var m = JSON.parse(res.data.match(/.*(\{[^\}]+\}).*/)[1] || '{}') console.log('ip =>', m.cip, m...

从别的网页上复制文本，粘贴到wangEditor富文本编辑器中，因为wangEditor自带粘贴样式过滤，粘贴过来的样式会被编辑器过滤掉，文章中有很多xml的标签，小程序解析时就会出现报错。解决办法：在编辑器中加上参数pasteFilterStyle：var E = window.wangEditorvar editor = new E('#div1')// 关闭粘贴样式的过滤...

1.参考git:https://github.com/F-loat/mpvue-wxParse2.安装npm i mpvue-wxparse3.使用<template> <div> <wxParse :content="article" @preview="preview" @navigate="navigate" /> &l...

第一次接触小程序，为了减少学习成本，选择了基于vue的框架 mpvue官网地址：http://mpvue.com// 全局安装 vue-cli$ npm install --global vue-cli// 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project// 安装依赖$ c...