小程序
薛洋不吃糖
扣扣2837448465,微信同号,欢迎同道讨论交友
展开
-
canvas海报
在推荐一个人人都说好用的canvas海报插件,画家计划直达git链接(内有文档)关于各种是否立刻加载是否清楚这些,文档都有写,其中通知外部绘制完成,重置isCanDraw为false注意海报弹出关闭时这个变量的改变,如果需求不需要,可以忽略。**附赠个人用法**我先下载git链接里面的这些文件然后个人再次封装一层代码在这里下面是page文件如何使用<haibao imgData="{{imgData}}" id="shareBox" isCanDraw="{{isCanDr原创 2021-03-24 11:10:30 · 184 阅读 · 0 评论 -
微信小程序使用echarts绘画动态图表
微信小程序使用echarts绘画动态图表#年月日#首先我们从官网下载echarts插件,路径是https://github.com/ecomfe/echarts-for-weixin,把echarts文件放到自己项目的根目录下在需要用到的页面js文件第一行引入插件import * as echarts from '../../../echarts/ec-canvas/echarts';,json文件也要引入;图表需要用到的数据部分的值,可以在page外面定义例如let dataListA=[]原创 2020-07-09 17:19:28 · 2066 阅读 · 0 评论 -
小程序canvas生成二维码二次不显示
各位。关于小程序用canvas生成二维码点击只能触发显示一次的问题。把if改成hidden就好了原创 2019-09-18 11:39:59 · 1962 阅读 · 2 评论 -
小程序 分享 登录
简介,如果有一个需求,就是,要求每一个分享的页面,用户a分享给用户b,用户b点开的时候判断是否登录,没有登录就去登录页。登录之后再返回到分享的那个页面,这是一个个页面写是有些累的,于是琢磨出了一个全局的方法, share: function() { let that =this; let bb=''; console.log('触发了分享方法') //监听路由切换 ...原创 2019-08-24 18:27:56 · 965 阅读 · 0 评论 -
小程序定位、店面选择功能
由于小程序更新,在微信客户端7.0.0及以上版本需要使用精准定位的时候,需要再app.json里面加上permission属性之后才能调用scope.userLocation地址授权信息,先用getSetting检查是否授权,未授权authorize发起授权,已授权直接chooseLocation拉取定位,若是已禁止授权,则用类型为openSetting的button让客户打开授权页面,开启授权...原创 2019-07-22 17:44:57 · 3984 阅读 · 0 评论 -
小程序组件化开发
经过三天的不懈努力,学会了一种新的小程序组件方法,类似于vue的组件化开发,学会了之后vue和小程序的组件化开发就都学会啦,这个不同于小程序的tem…组件化开发,那个组件化开发不能写js用起来感觉是没有这个方法方便的废话不说,直接上图,首先创建一个跟page同级的文件夹,里面放置组件,这里叫做子组件,这里的名字是自定义的,orderlist对应父组件里面的属性名,一个属性名传一个值,然后在子...原创 2019-07-04 11:46:46 · 1338 阅读 · 0 评论 -
微信小程序之--弹窗跳转
有的时候可能需要微信弹窗的两个按钮分别跳转到不同的地方,这里在微信文档里面没有找到,但是认识的一位大神有教,在这里分享wx.showModal({ title: '提示', content: '您还未有新八大测评或48项测评的测评结果,若并未购买请前往购买,若已购买请前往个人中心制作测评', cancelText: '去48项', ...原创 2019-06-20 11:35:23 · 3466 阅读 · 0 评论 -
小程序的登录逻辑
登录页面的逻辑大概是主要需要用到小程序自带的两个按钮方法-----用户授权 && 手机号码绑定和一个微信api里面的登录方法wx.loginwx.login里面需要做的逻辑是1、判断是否授权2、判断授权信息里面有没有用户信息3、获取用户信息发送给后台4、查询这个账号在后台的登录状态是否为正常登录5、把一些常用的信息更新到app.js里面去用户授权按钮和方法...原创 2019-04-29 11:25:25 · 2568 阅读 · 0 评论 -
微信小程序——日历
上下月的点击不写,懒,第一步在data里面设置各种初始值,QJE的写法是为了,在后期迎合客户的要求,客户想展示城什么样子,就直接选择就好了,比在js里面写数组,取值,方便的多(后期哦),data: { defaultIndex:0, weekList:{ Q: ['星期日','星期一','星期二','星期三...原创 2019-03-27 15:57:34 · 3883 阅读 · 0 评论 -
微信小程序——提交表单
一般使用form标签来写表单,以为这个样子可以减轻js负担,本节来讲如何调教表单到后台 <form bindsubmit="goform"> <input class="" name="name" placeholder="姓名" /> <input class="" name="zhiye" placeholder=...原创 2019-03-26 12:55:01 · 1248 阅读 · 0 评论 -
微信小程序——封装调用方法,
因为app.js是属于全局文件,所以如果所有的全局方法都写在app.js里面会加载的很慢拖慢速度,一般采用另建一个新的js文件封装方法,并导出,然后在app.js里面引入,闲话不多说,上图,在需要调用此方法的page文件的js文件里面调用const app = getApp();onLoad: function(options) {app.ajax()}...原创 2019-03-26 10:12:24 · 6574 阅读 · 2 评论 -
微信小程序for循环之控制当前的列表项的样式
for循环的列表项里需要控制单个样式的地方加绑定id &lt;view class="money inlineblock {{blue?'moneyn':'moneyt'}}" catchtap="money" id='{{item.id}}'&gt;数组这个样子写, list_search: [ { pic: '原创 2019-03-04 11:01:31 · 1800 阅读 · 0 评论 -
微信小程序教程之------基础前端篇--page的js逻辑文件
逻辑层使用 Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。注意Page首字母要大写以下是逻辑文件的object 参数说明data----页面的初始数据onLoad ----生命周期函数–监听页面加载onReady----生命周期函数–监听页面初次渲染完成onShow----生命周期函数–监听页面显示onHid...原创 2019-02-20 23:02:06 · 361 阅读 · 0 评论 -
微信小程序---聚焦事件,动态控制样式
通过输入框的聚焦事件和失去焦点的事件控制样式绑定聚焦事件和失去焦点的事件<input type='text' placeholder='使用優惠券或輸入折扣碼' catchfocus="inp_focus" bindblur="inp_focusx"></input>绑定两个样式<button class="{{btncl?'hui':'bluee'}}...原创 2019-03-01 15:34:17 · 4804 阅读 · 0 评论 -
微信小程序教程之------基础前端篇--app.json
1、学习微信小程序需要具备的基础有----html 、css、 js、 ajax基础 、 简单的面向对象基础2、微信小程序开发工具的安装,自己找官网,或者走这个链接 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=190219183、如何创建自己百度,4、文件夹有images、page...原创 2019-02-20 00:18:04 · 626 阅读 · 0 评论 -
微信小程序之左滑删除,
先来讲一讲原理,第一步,布好局,把垃圾桶隐藏用绝对定位和层级控制藏在下面,在上层需要左滑的那层,编写样式,margin-left:{{item.del ? ‘-212’:‘0’}}rpx;"三目运算符,如果前者为true,则左滑212rpx;如果为false,则不动,如果需要过渡效果的小宝贝,可以添加一个时间时间,或者改成transform,列表的每一项的总盒子记得绑定id,接下来是布局...原创 2019-02-28 14:35:26 · 1624 阅读 · 0 评论 -
微信小程序之for循环的取值渲染
<text class='disblock' catchtap='scort_star' wx:if="{{hideee}}">{{sort_star}}</text><view class='sort' wx:if="{{hidee}}"> <block wx:for="{{sort_list}}" wx:for-item.原创 2019-02-27 19:27:55 · 1477 阅读 · 0 评论 -
微信小程序之页面跳转
wx.redirectTowx.navigateTo两者都是跳转到别的页面,但是前者跳转之后属于一级页面,没有返回箭头,后者输入从上一个页面跳转过来的二级页面,有一个返回箭头注:url里面不需要添加后缀.wxml...原创 2019-02-27 19:22:58 · 254 阅读 · 0 评论 -
微信小程序之显示隐藏
wxml文件 &lt;view class='head_span' wx:if="{{head_span}}" bindtap='search_cancel'&gt; &lt;span&gt;取消&lt;/span&gt; &lt;/view&gt;原创 2019-02-22 10:22:07 · 6838 阅读 · 0 评论