微信小程序
文章平均质量分 62
shiki0083
这个作者很懒,什么都没留下…
展开
-
小程序 url传参 参数值过长 接收时候 内容不全得问题
原因:参数被url截断了 、需要编码传送,解码接收//传参wx.navigateTo({//wx.redirectTo、wx.reLaunch url: '../details/details?id=' + encodeURIComponent(id)});接收onLoad(options) { var id = decodeURIComponent(option...转载 2020-03-21 20:17:29 · 1535 阅读 · 0 评论 -
微信小程序UI组件 开发框架 实用库 经典demo
UI组件weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库Wa-UI ★122 - 针对微信小程序整合的一套UI库wx-charts ★105 - 微信小程序图表工具wemark ★85 - 微信小程序Markdown渲染库WeZRender ★36 - 微信小程序Canvas增强组件wetoast ★21 - 仿照微信小程序提供的showToast功能wxapp-charts ...转载 2018-06-15 19:02:57 · 1070 阅读 · 0 评论 -
(干货)微信小程序组件封装
概述自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家。一前言相信大家在开发小程序时会遇到某个功能多次使用的情况,比如弹出框。这个时候大家首先想到的是组件化开发,就是把弹出框封装成一个组件,然后哪里使用哪里就调用,对,看来大家都是有思路的人,但是要怎样实现呢。可能你会去看官方文档,但是微信的官方文档也是说的...转载 2018-06-09 22:20:01 · 23596 阅读 · 7 评论 -
微信小程序getStorageSync第一次加载取不到值,再次刷新可以取值
加了层判断如果没有这个缓存,说明该用户未登录,跳转至登录页面,但是登录成功之后,加载getStorageSync依然获取不到缓存值,原因,在onLoad里不能每次都读到解决:getStorageSync写在onShow 每次切换页面的时候都会执行1如果遇到同样问题,可以试试转自https://blog.csdn.net/qq_34827048/article/details/79292835...转载 2018-06-26 11:29:00 · 13698 阅读 · 3 评论 -
微信小程序wx:for和wx:for-item的正确用法
wx:for="{{list}}"用来循环数组,而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的如果是一维数组,按照如下方式循环出来:```<view wx:for="{{list}}">{{index}} {{item.name}}</view>```以上代码中,item即为list的别名。如果是二维甚至多维数组,按照如...转载 2018-06-20 11:00:13 · 33353 阅读 · 3 评论 -
微信小程序使用函数的三种方法
使用来自不同页面的函数函数写在util.js页面function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMi...转载 2018-06-27 11:51:18 · 14652 阅读 · 0 评论 -
catchtap 和 bindtap 区别
bindtap 事件绑定不会阻止冒泡事件向上冒泡catchtap 事件绑定可以阻止冒泡事件向上冒泡原创 2019-02-22 10:11:11 · 1027 阅读 · 0 评论 -
微信小程序:wx.navigateTo从子页面跳回父页面,页面不刷新的问题
先简要说说小程序的生命周期:应用的生命周期:App({…}) 用来注册小程序,指定小程序的生命周期页面的生命周期:Page({…}) 注册页面,指定页面的生命周期具体注册函数的内容见小程序官网API其中有三个生命周期函数的触发顺序:onLoad->onShow->onReady (页面加载->页面显示->页面初次渲染)onLoad和onReady每个页面...转载 2019-03-09 11:22:24 · 1236 阅读 · 0 评论 -
小程序swiper的坑
设置的滚动条数,如果实际数量小于设置条数,则会不渲染,也不会报错!!!!!!!!巨坑!!!!原创 2019-03-29 22:41:46 · 259 阅读 · 0 评论 -
【微信小程序经验】各类图表相关组件+Demo源码(折线图,柱状图,K线,分时图)
各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现,我将这些实现方法和教程聚合一下,以便能够迅速而方便的使用;相关文章:在微信小程序中绘制图表(part1)在微信小程序中绘制图表(part2)在微信小程序中绘制图表:饼图绘制及如何添加动画效果微信小程序不支持图表工具,通过实例带你了解绘制方案小程序canvas绘制K线,从0开始的日记(一)小程序canvas绘制K线,从0开始的...转载 2018-06-15 16:32:27 · 1017 阅读 · 0 评论 -
thirdScriptError util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad fun
微信小程序 引用其他js里的方法微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 。一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。 在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻...转载 2018-06-15 14:47:13 · 15245 阅读 · 0 评论 -
微信小程序 View:flex 布局
微信小程序 View 支持两种布局方式:Block 和 Flex所有 View 默认都是 block要使用 flex 布局的话需要显式的声明:display:flex; 下面就来介绍下微信小程序的 Flex 布局先做一个简单的 demo <view class="main"> <view class="item item1">1</view> ...转载 2018-06-03 14:33:38 · 463 阅读 · 0 评论 -
微信小程序tabBar底部导航 不显示问题解析
直接上代码:出不来的代码:[html] view plain copy{ "pages": [ "pages/splash/splash", "pages/zhuye/zhuye", "pages/list/list", "pages/item/item", "pages/search/search", "page转载 2018-05-22 23:06:14 · 6751 阅读 · 3 评论 -
小程序绘制各种图~
这里是微信小程序项目中用到的canvas绘制柱状图、线图、饼状图,跟html里的canvas略微差别,不做详细介绍,仅做个记录防失忆啊,微lin1、线图function draw(data, ctx) { var width, height = 300, ratioX, ratioY, maxY, stepY; var newArr = new Array(); //-------- ...转载 2018-06-11 21:01:57 · 1723 阅读 · 0 评论 -
微信小程序教程系列
相关连接:http://blog.csdn.net/michael_ouyang/article/details/54700871注册上线篇------------------------------------------------------------微信小程序之如何注册微信小程序微信小程序之小程序上线基础篇-----------------------------------------...转载 2018-06-12 11:53:04 · 383 阅读 · 0 评论 -
微信小程序报错VM546:2 enablePullDownRefresh 字段需为 boolean
贴下报错的样子。小程序在 2018.02.08的一次更新中,导致的这种报错。我之前没有报错在更新之后导致的这个报错,所以猜测是版本更新使的系统的某一变量或者方法的类型改变,但我的项目中并未使用到该方法所以猜测是app文件内的,查找得到把 true的双引号去掉,变成boolean类型,项目正常运行,即可解决问题。...转载 2018-06-13 09:20:50 · 5329 阅读 · 0 评论 -
flex不使用自动滚动,使用固定高度宽度套用也是一种方案
flex不使用自动滚动,使用固定高度宽度套用也是一种方案转载 2018-06-13 19:25:47 · 628 阅读 · 0 评论 -
scroll-view——小程序横向滚动
这是官方给的布局代码1234567891011121314151617181920212223<view class="section"> <view class="section__title">vertical scroll</view> <scroll-view scroll-y style="height: 200px;" bindscro转载 2018-05-31 11:28:21 · 601 阅读 · 0 评论 -
微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致) 今天在做微信小程序时,设置wx.navigate
今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下://事件处理函数 newsDetail: function (event) { console.log(event), //带id跳转到指定的页面,这里的event.currentTarget.dataset.id是获取wxml页面上的data-id参数,详见事件说明 wx...转载 2018-06-14 13:25:07 · 1413 阅读 · 0 评论 -
小程序的居中布局,你可以这样做
前段时间小程序上线后就弃坑了,回到网页开发去了,最近又有新项目,再次入坑,难免需要一些demo来重新熟悉,在这个过程中,发现demo中很少有人使用flex布局,今天给大伙稍微讲一下这个布局。 flex布局有啥用呢,最大的作用便是快速实现你所需要的布局(水平居中、垂直居中、左右对齐等) flex布局的使用非常简单,在这我将几个常用的场景,其他更深入的可以去查资料了解(我才不会说是因为我懒)首先是对布...转载 2018-06-14 14:14:55 · 8348 阅读 · 1 评论 -
wx异步存储方法;同步存储方法
阅读数:34118其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志,数据存储主要分为同步和异步异步存储方法:存数据 wx.setStorage(object) 相同key会覆盖,可写回调方法获取方法:wx.getStorage(object)清除方法:wx.clearStorage()里面可以写回调函数 成功,失败,完成同步存储方法:存数据 相同key会覆盖wx.setSt...转载 2018-06-22 18:52:55 · 1725 阅读 · 0 评论 -
微信小程序 页面跳转的传递参数
先上demo图: 为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面.目录如下:三个页面,但是代码很简单.直接上代码.[html] view plain copy<span style="font-size:24px;"><!--index.wxml--> <view class="btn-area"> ...转载 2018-06-22 19:11:47 · 3962 阅读 · 0 评论 -
目前为止最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分switchCity 微信小程序...转载 2018-06-02 23:21:53 · 6203 阅读 · 0 评论