微信小程序
ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ
暂无简介
展开
-
uni-app分包配置,导航配置
目录结构:在pages.json中顶部标题栏配置"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", },配置默认展示的界面的路径跟底部导航栏路由配置:"pages": [ //pages数组中第一项表示应用启动页,参考:https:...原创 2021-11-29 17:19:13 · 429 阅读 · 1 评论 -
微信小程序中AntV F2的使用
1.安装node.js安装地址:https://nodejs.org/zh-cn/download/2.删除截图中的文件原创 2021-05-28 17:41:19 · 1649 阅读 · 0 评论 -
微信小程序清除本地缓存
wx.clearStorage()原创 2021-05-25 14:15:42 · 1655 阅读 · 0 评论 -
scroll-view高度计算
<scroll-view scroll-y="{true}" style="height:{{scroll_height}}rpx"></scroll-view> onLoad: function (options) { let windowHeight = wx.getSystemInfoSync().windowHeight // 屏幕的高度 let windowWidth = wx.getSystemInfoSync().windowWidth ...原创 2021-04-26 15:57:51 · 399 阅读 · 0 评论 -
神策数据埋点
一.1.引入 SDK (1).下载神策官方的dome:https://github.com/sensorsdata/sa-sdk-miniprogram/releases (2).把神策官方dome中的sensorsdata.min.js复制到自己项目中,我这里放到里utils文件夹中 (3).在app.js文件中通过require()引入 SDKvar sensors =...原创 2021-04-19 11:28:29 · 5519 阅读 · 2 评论 -
微信小程序新api授权登录
getUserProfile 授权登录后,后端登录接口会解密失败导致获取不到用户ID,只用getUserInfo 的话又获取不到用户头像,目前的决绝方案两个登录授权一起用即可 <button bindtap="myLogin" open-type="getUserInfo" bindgetuserinfo="getUserInfo2" >登录授权</button> myLogin() { wx.getUserProfile({ .原创 2021-04-08 10:13:46 · 443 阅读 · 1 评论 -
showToast提示封装
app.js // 提示 showToast(text, time, icon) { // console.log(text, time, icon) wx.showToast({ title: text, duration: time, icon: icon != undefined && icon != NaN && icon != ''&&icon != 'none' ? icon : 'n原创 2021-04-02 14:19:06 · 303 阅读 · 1 评论 -
promise 和 async await区别
什么是Async/Await? async/await是写异步代码的新方式,以前的方法有回调函数和Promise。 async/await是基于Promise实现的,它不能用于普通的回调函数。 async/await与Promise一样,是非阻塞的。 async/await使得异步代码看起来像同步代码,这正是它的魔力所在。Async/Await语法 假设函数getJSON返回值是 Promise,并且 Promise resolves 有一些JSON 对象。我们只想调用它并且记录.转载 2021-03-26 18:11:36 · 432 阅读 · 0 评论 -
小程序 wxml里调用方法的用法及实践用法
1.在当前文件夹下创建以wxs结尾的文件 1.我这里命名为index.wxs2.在刚创建的index.wxs文件中创建方法并导出方法注意:一定要导出否则用不了var list= function (item1, item2){console.log(item1,':',item2)}module.exports = { list: list,}3.在index.wxml中使用注意:使用前一定要先引入<wxs src="./index.wxs...原创 2021-03-26 14:35:13 · 2965 阅读 · 0 评论 -
小程序直播组件接入指引
已订阅一、简介小程序直播,是微信提供给小程序开发者的直播组件。通过调用该组件,商家可以在小程序中实现直播功能。按下面的使用说明接入,在你的小程序中引入直播组件。二、使用方法说明1.【直播组件】如何引入版本限制:微信客户端版本 7.0.7 及以上(基础库版本2.9.x 及以上支持同层渲染)可以观看直播及使用直播间的功能,低版本刚进入直播间时会提示用户升级微信客户端版本(低版本只能观看直播,无法使用直播间的功能)。在分包内引入【直播组件】live-player-...原创 2021-03-02 10:21:14 · 3502 阅读 · 0 评论 -
tab切换效果
该dome仅供参考:免费项目dome包在文章最底部html<view class="mg_bo"> <view class="bg_bo"> <view class="content"> <view class="img_bo" bindtouchstart='moveStart' bindtouchend='moveItem'> <view wx:for="{{sy_list}}" wx:key="index">原创 2021-02-03 14:50:31 · 410 阅读 · 1 评论 -
小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法
完整代码在最底部解决前后的效果图: 共用部分js data: { arr: [ [1, 2, 3, 4, 5, 6], [1, 2, 3, 4, 5, 6], [1, 2, 3, 4, 5, 6], [1, 2, 3, 4, 5, 6] ], },1.scroll-view左右滑动wxml <scroll-view class="scroll" scroll-...原创 2021-01-04 16:05:57 · 1571 阅读 · 1 评论 -
小程序分享好友,分享朋友圈
分享微信好友分享按钮<button open-type="share" class="bot_btn" style="background: #FF3162;">按钮分享</button>分享函数res.from,可以监听到分享来源 onShareAppMessage(res) { console.log(9999999999, res); if (res.from == 'button') { c...原创 2020-12-08 15:52:54 · 496 阅读 · 0 评论 -
跳转页面参数携带链接编码解码
链接:let del_url='https://blog.csdn.net/qq_41241504?spm=1001.2101.3001.5113'编码:let url = encodeURIComponent(del_url)解码:let url_show = decodeURIComponent(url);原创 2020-12-04 14:14:44 · 666 阅读 · 0 评论 -
微信小程序锚点
<view> <view class="flexRow tab_bo {{top>550 ? 'topnav' : ''}}"> <view class="tab" bindtap="jumpTo" data-tab_index="item0"> <view class="text" style="color:{{toView=='item0'?'#000':''}}">商品详情</view> ...原创 2020-10-16 11:34:55 · 302 阅读 · 0 评论 -
微信小程序,修改按钮Button尺寸(宽度或高度)
当前版本的微信小程序,在.wxss文件里设置Button宽度无效,例如:button { width:48rpx; height: 48rpx; padding:0;}无论如何调整width,Button的宽度都不会有变化,有博主提出,要把 app.json里的 style: v2语句删掉。这样虽然也可以解决问题,但会导致全局的样式变化。我在测试中发现了另一种较好的解决方法,即在<button>标签中直接写 style,例如:<button style...原创 2020-10-12 10:43:59 · 8740 阅读 · 1 评论 -
微信小程序活动倒计时
示例效果图:案列效果图代码引用页:{ "usingComponents": { "dataTime": "../../../component/dataTime/index" }}<block wx:for="{{body}}"><countDown bind:onEnd="getPageList" format="{{formatTime}}" target="{{item.createDateNum}}" />&l.原创 2020-09-22 14:39:51 · 593 阅读 · 0 评论 -
微信小程序下拉刷新配置
在页面的app.json文件中配置 :enablePullDownRefreshfalse:禁用刷新 true:开启刷新{"enablePullDownRefresh":false}每一个小程序页面都可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。...原创 2020-09-15 16:58:50 · 1179 阅读 · 0 评论 -
获取component组件的参数
获取界面代码{ "usingComponents": { "data_soso":"/component/hexiao/data_soso/index" },} onMyEvent: function(e){ aa:'aa' // 自定义组件触发事件时提供的detail对象 }, <data_soso bindmyevent="onMyEvent" /> component组件代码<view class="to...原创 2020-08-20 15:04:51 · 1670 阅读 · 0 评论 -
微信小程序template与component的使用方法
a页面引用b页面的模板b页面的代码<template name="a"> <view>AAAAAAAA</view></template><template name="b"> <view> BBBBBBBBBB </view></template><template name="c"> <view> CCCCCCC </view></原创 2020-07-28 17:39:11 · 328 阅读 · 0 评论 -
微信小程序定位的input与textarea输入框placeholder随屏幕滚动bug
input的把input输入框改为textarea然后加上属性 fixed="true"就可以了<textarea class="textarea" placeholder="不超过12个字" fixed="true" bindinput="qt_text" value="{{sr_text}}"></textarea>原创 2020-07-13 14:41:07 · 1605 阅读 · 2 评论 -
canvas字体加粗
效果图: ctx.font = 'normal bload 36px Arial,sans-serif '原创 2020-06-18 15:47:57 · 11666 阅读 · 3 评论 -
微信小程序--分类选择区域滚动到顶部时固定
实现思路:根据小程序自带的组件scroll-view自带有属性bindscroll(滚动时触发)。通过这个属性获取浏览器滚动条距离顶部的位置,通过这个位置判断class类的显示就可以了效果: <scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun"> <view class="top_tab_bo"> <scroll-v...原创 2020-06-17 10:37:32 · 1250 阅读 · 0 评论 -
微信小程序时间戳转时间,时间转时间戳,活动倒计时,清除定时器
1.时间转时间戳 dataTime(){ //获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; console.log("当前时间戳为:" + timestamp); //获取当前时间 var n = timestamp * 1000; var date = new Date(n); //年 var Y = date.get原创 2020-06-09 10:36:11 · 1156 阅读 · 1 评论 -
微信小程序富文本解析
<import src="../../wxParse/wxParse.wxml"/> <view class="wxParse"> <template is="wxParse" data="{{wxParseData:article.nodes}}"/></view><view style="padding: 20px 10px; background-color:#eee;"> <block wx:for="...原创 2020-06-05 11:25:28 · 475 阅读 · 0 评论 -
微信小程序分享功能,保存图片分享朋友圈功能,canvas基础
效果图具体步骤都注释到代码里面了 如有疑问请加q群:581478349 进行咨询<view class="show_bg" wx:if="{{share_show=='show'}}"> <view class='share'> <canvas canvas-id="shareCanvas" style="width:300px;height:330px"></canvas> <button class='bot...原创 2020-05-13 18:17:43 · 968 阅读 · 0 评论 -
微信小程序上拉加载更多,下拉刷新,禁止下拉刷新
一.1.在app.josn中配置 "enablePullDownRefresh": true,2. // 上拉 onReachBottom: function() { console.log('上拉加载更多') }, // 下拉 onPageScroll: function(e) { console.log('下拉刷新') },二.禁止下拉刷新1.在需要禁止的josn中配置"enablePullDownRefresh": false2.原创 2020-05-13 17:47:35 · 2004 阅读 · 1 评论 -
微信小程序header
1.POST请求头 header: { "content-type": "application/x-www-form-urlencoded" },wx.request({ url: '', data: '', header: { "content-typ...原创 2020-05-06 12:13:36 · 1440 阅读 · 0 评论 -
正则匹配手机号
let phon = this.data.phon var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/; if (phon.length == 0) { wx.showToast({ title: '输入的手机号为空', ic...原创 2020-04-22 16:30:51 · 693 阅读 · 0 评论 -
存取缓存
1.存缓存var a = '1'wx.setStorageSync('a', a)2.取缓存var b = wx.getStorageSync('a')console.log('输出为:b =' b)原创 2020-04-22 15:44:58 · 215 阅读 · 0 评论 -
微信小程序禁止轮播手动滑动
<swiper current="{{tab_text}}" > <swiper-item catchtouchmove="stopTouchMove"> </swiper-item> </swiper>// 禁止轮播手动滑动stopTouchMove: function () {re...原创 2020-04-14 17:56:17 · 977 阅读 · 0 评论 -
微信小程序云开发智能人机聊天室(可以语音转文字 文字转语音的)
jsconst app = getApp();//引入插件:微信同声传译const plugin = requirePlugin('WechatSI');//获取全局唯一的语音识别管理器recordRecoManagerconst manager = plugin.getRecordRecognitionManager();const db = wx.cloud....原创 2020-03-20 10:52:48 · 942 阅读 · 5 评论 -
微信小程序云开发模糊匹配
db.collection("rjNews").where({ title: { $regex: '.*' + a + '.*', $options: '1' }rjNews 表名title 字段名a 匹配是文字options 1为不分大小写...原创 2020-03-04 15:13:06 · 796 阅读 · 0 评论 -
微信小程序聊天室(云开发)
在写聊天是之前我们可以先看一需要建四个云数据表,user(用户列表),qunList (群列表),qunUserList(群用户列表),news(消息列表)接下来就是页面布局,这个布局看个人其需求我这里就讲讲大概逻辑,数据的增删改查我上篇文章已经讲过了,今天我就不详细写了一.登录1.必须有个授权按钮,授权之后将用户基本信息跟opinId存入缓...原创 2020-02-19 21:38:55 · 7364 阅读 · 10 评论 -
微信小程序云开发数据库增删改查
一.初始化const db = wx.cloud.database()二.插入数据1.todos 数据库表的名称2.data 字段表示需新增的 JSON 数据页面写法:db.collection('todos').add({ data: { due: new Date("2018-09-01"), }, success: funct...原创 2020-02-19 16:20:47 · 1244 阅读 · 0 评论 -
forEach循环
let list = [] list.forEach((value, i) => { console.log('i:', i, 'value:', value) });原创 2020-02-14 21:26:27 · 228 阅读 · 0 评论 -
修改开关选择器switch的样式
微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/switch.html1.一个开关checked="true" 为选中状态 <switch name="switch" checked="true" />默认样式如图2.修改选中状态样式.wx-swi...原创 2019-12-20 13:41:20 · 555 阅读 · 0 评论 -
服务器网络请求返回状态码集合
在开发过程中报错是最令人头疼的,接下来我们就来谈谈那些状态码都是什么 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队(异步任务)。', 204: '删除数据成功。', 400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。', 401: '用户没有权限(令牌、用户名、密码错误)。', ...原创 2019-11-25 07:54:52 · 571 阅读 · 0 评论 -
免费 前端开发常用网站
话不多说,直接进入主题:首先百度更百度翻译是必备的在开发的过程中遇到问题是避免不了的,如果不会就可以百度一下就算么有原封不动的答案,至少也有解决的思路:1.百度2.百度翻译其次便是给中开发文档,文档中的内容不一定要都记下来,但一定要记得大概有些什么,用到的时候直上文档中查询:3.W3 school的 html54.JavaScript菜鸟5.ECMAScript 6...原创 2019-11-20 23:33:18 · 385 阅读 · 0 评论 -
[微信小程序]组件化开发,以一个自定义模块框组件当做示例(附完整示例代码和效果图)
自定义组件我把它分为简单的三个步骤, 1.创建组件 --- 2.编写组件 --- 3.调用,使用组件.第一步:创建组件创建一个modal文件夹,里面包含 josn.wxml.wcss.js 四个文件,然后在josn里面添加"component":true (作用是声明这一组文件为自定义组件)第二步. 编写组件代码在modal.wxml :<view hi...原创 2019-11-20 22:30:35 · 285 阅读 · 0 评论