小程序
咔咔-
死磕MySql系列作者
展开
-
使用脚手架创建uni-app项目
闲来无事写写小程序,于是想用uni-app框架来实现,本文将会对创建步骤进行详解。前言本文主要针对小程序框架uni-app的创建展开介绍,如果你也是新手那就可以跟着咔咔的节奏一起来。一、安装node.js打开官网安装咔咔圈起来的版本。安装完成后使用node -V来检验一下是否安装成功为什么要安装node.js估计很多跟咔咔一样是写后端的有点理解不了。因为node.js软件内置了npm,所以windows系统在安装nodejs后,打开cmd即可使用npm下载资源.linux在这里就暂时不.原创 2020-12-29 11:44:23 · 3391 阅读 · 2 评论 -
小程序当你不知道路劲怎么写的时候,就全部使用绝对路径
'/pages/homepage/index' 使用绝对路径,去哪都可以的原创 2018-09-19 22:10:00 · 5677 阅读 · 2 评论 -
微信小程序支付和退款
微信小程序支付的主要逻辑集中在后端,前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。本篇文章后端使用的是php,侧重于整个支付的流程和一些细节方面的东西。所以使用其他后端语言的朋友有需要也是可以看一下的。很多时候开发的需求和相应问题的解决真的要跳出语言语法层面,去从系统和流程的角度考虑。 一. 支付支付主要分为几个步骤: 前端携带支付需要的数...转载 2018-09-20 10:29:31 · 4130 阅读 · 0 评论 -
小程序canvas使用网络图片真机不显示解决方案----可直接使用案例测试
图片都是线上的,可以直接放到onLoad里边自动检测1.注意点:在绘制网络图片时必需先将其保存到本地然后在绘制。当我们在加载一个带有图片的页面时,图片都会被暂存到本地,由此我们可以通过wx.gerImageInfo接口访问本地的暂存路径来调用drawImage方法绘制图片。如下:(注意网络图片的地址一定要在合法域名内)/* * author:咔咔 * address:陕西西安 ...原创 2018-09-15 10:51:54 · 14820 阅读 · 12 评论 -
如何使用canvas进行画图
画一个矩形//创建一个画布const ctx = wx.createCanvasContext('myCanvas')// 设置矩形边框ctx.setStrokeStyle('#fff')// 设置矩形宽高 四个参数,前俩个为x,y轴,后俩个是矩形的宽和高在画布上填充文字// 设置文字大小ctx.setFontSize(14)// 设置文字颜色ctx.fillS...原创 2018-09-15 14:54:33 · 5279 阅读 · 0 评论 -
小程序怎么设置默认值为0,使用if即可
/*author:咔咔wechat:fangkangfk*/<view class='money' wx:if="{{sum == ''}}">应付:0元</view><view class='money' wx:if="{{sum != ''}}">应付:{{sum}}元</view>原创 2018-09-21 09:40:27 · 3779 阅读 · 0 评论 -
小程序点击事件,添加class样式
业务场景:点击对应的积分的时候,给加上颜色实现方案:首先这三个积分类型是datas循环出来的,我们需要使用小程序的data-来自定义属性,在点击不同类型的时候,获取到对应的id,将这个id拿到js那边重新附一个值isSelect,在进行判断isSelect跟循环的id是否相等,相等的时候加/*author:咔咔address:陕西西安wechat:fangkangfk*...原创 2018-09-21 09:40:01 · 16389 阅读 · 4 评论 -
小程序点击更多怎么进行数据拼接
业务场景: 点击查看更多进行数据拼接显示 实现思路: 我们先在公共方法里边声明俩个属性,一个是页数page,一个是每次查询条数。 页数默认的是第一页,我们在小程序的data里边设置一个page变量,默认也是1 当发起请求的时候获取page,进行减1就可以获取到上一次查询最后的条数network_num就是这个值 ...原创 2018-09-26 14:03:45 · 3428 阅读 · 0 评论 -
小程序picker解决方案
看完这篇就少了一个拦路虎前端代码: 这里没有什么难点,就一个注意点就是当你的数组为二维数组的时候需要设置range-key='你需要显示的字段名' value="{{index}}",这里的index就是数据的索引值,这个值的作用是显示数据的第几个值,比如这里是1,就会在你打开picker标签的时候,显示的就是数组索引为1的这个字段值 <...原创 2018-09-21 18:01:03 · 3926 阅读 · 0 评论 -
小程序canvas实现(分享朋友圈生成图片)
业务场景:生成一个浮层图片实现思路: 设置一个盒子,将canvas生成的图片和保存图片的按钮放里边,当有canvas生成图片的时候这个盒子显示,否则隐藏。这里需要注意的是,canvas画图片的时候,如果是线上路径就先要使用wx.getImageInfo获取图片的临时路径,使用这个路径就可以在真机上显示了前台代码:<canvas canvas-...原创 2018-09-27 16:15:50 · 15456 阅读 · 15 评论 -
小程序使用样式控制显示的行数,超出使用...显示
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; word-break: break-all; word-wrap: break-word;原创 2018-09-27 19:06:53 · 2713 阅读 · 0 评论 -
微信小程序发送-----模板消息
实现步骤:1.先在前端获取fromid,openid2.将fromid,openid存入对应用户的数据库3.下来就是写模板消息,查询对应用户的fromid和openid,将key值对应写上4.获取access_token,保存时间72005.调用模板方法即可6.模板需要在公众号里边设置,每项就是一个key 前端: <form bindsu...原创 2018-09-28 19:40:38 · 825 阅读 · 0 评论 -
微信小程序清除缓存
之前安卓手机是下拉微信,然后长按就可以删除缓存,但是最近安卓的删除小程序做了修改,所以这样做的是不可以的。我们需要点击发现-小程序,然后左滑删除...原创 2018-10-18 16:01:56 · 4196 阅读 · 0 评论 -
小程序wx.navigateTo()失效
今天在项目中发现navigateTo在点击多次之后就会失效,后来查阅资料发现navigateTo只会保留5层,所以就索性将全部换成了wx.redirectTo()原创 2018-10-18 16:05:20 · 3527 阅读 · 0 评论 -
小程序在js设置data,循环点击改变tab的颜色
业务场景:点击对应的按钮颜色出现在对应的按钮上 实现步骤:1.在html循环tabs数据2.点击按钮,获取tab的id,和长度,开始循环,做判断即可,代码一看就懂js设置tab代码:/*author:咔咔wechat:fangkangfkaddress:陕西西安*/ tabs: [ { id: 0, ...原创 2018-10-10 11:04:41 · 1839 阅读 · 0 评论 -
小程序调用接口不生效?
在做项目中,我们不难发现一些奇葩问题如下我在获取用户id成功后调用了getInfo和getProduct这俩个接口,但是getProduct这个接口一直没有response。这个时候我就开始考虑是不是不能同时调用俩个方法,还是执行顺序的问题其实这个问题都是给自己埋的坑,所以在规划项目的时候一定要有自己的规范这个问题就是getProduct这个方法在这个文件出现了2次 //...原创 2018-10-25 15:01:00 · 3601 阅读 · 0 评论 -
【小程序】跳转时传递多个参数
author:咔咔wechat:fangkangfk 一定要注意我划箭头的地方啊!老铁们!原创 2018-11-09 11:39:30 · 1207 阅读 · 0 评论 -
wx.navigateTo和wx.redirectTo跳转没有作用?
这俩个接口都 需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2'...原创 2018-09-19 22:07:09 · 1725 阅读 · 0 评论 -
小程序评论怎么实时显示数据
场景:点击发布评论后需要评论信息实时显示 做法:页面在初始化的时候在onlode获取评论数据,comments就是评论循环出来的数据wxb.Post("/api/nongjialegw.index/getCommentList", { id: id, page: 1, openid:wxb.getOpenId() }, functi...原创 2018-09-19 21:08:34 · 5459 阅读 · 0 评论 -
JSON.parse()报错 Unexpected token o in JSON at position 1
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。这样的报错直接看后台返回的数据是什么类型,查找数据类型,肯定是数据类型不对原创 2018-09-19 18:33:46 · 2700 阅读 · 0 评论 -
json.stringify()和json.parse()区别
var userinfo = JSON.stringify(data2);console.log(userinfo)wx.setStorageSync('userinfo', userinfo);var news = JSON.parse(userinfo);console.log(news)直接上代码,这里可以直接看到json.stringify()是将数据序列化为字符串...原创 2018-08-22 17:12:19 · 1189 阅读 · 0 评论 -
小程序去除button的边框
<button class='auth' open-type="getUserInfo">创建你的微官网</button> .auth{ background: none !important; color: #000 !important;} button::after { border: none}原创 2018-08-22 17:29:14 · 1274 阅读 · 0 评论 -
如何俩步获取小程序前端代码
1.第一步下载一个模拟器(推荐使用自带root的模拟器),我使用的是夜神模拟器2.下载好之后,下载一个RE管理器下载地址:https://www.yeshen.com/3.下载一个zip的软件用来压缩文件4.在模拟器上装上微信,使用微信访问你需要扒下来的小程序5.然后打开第二步安装的RE管理器,进入 /data/data/com.tenc...原创 2018-08-17 11:39:27 · 21191 阅读 · 22 评论 -
小程序bindtap和cachetap的区别
在这里先简单的说一下何为冒泡事件和为非冒泡事件冒泡事件:如下图当你点击1号的时候会弹出1,弹出2,弹出3点击二号的时候会弹出2,弹出3<view bindtap='a'> 1 <view bindtaptap='b'> 2 <view bindtap='c'> 3 </view> ...原创 2018-08-17 15:27:49 · 4530 阅读 · 0 评论 -
微信小程序删除缓存数组中的数据方法
其实很简单,就是使用js的splice方法,就可以//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); //['a','c','d'];以下是我自己的项目案例:1.需要先获取团队成员的数据2.将团队成员数据...原创 2018-08-28 11:20:29 · 10298 阅读 · 0 评论 -
小程序循环发起请求方案
var projectList = wx.getStorageSync('projectList'); var e = projectList; for (var n = 0; n < e.length; n++) { wxb.Post('/api/automatic.index/insertProduct', { ...原创 2018-08-24 12:07:20 · 1405 阅读 · 0 评论 -
scroll-view实现不了滑动效果
当使用scroll-view这个标签的时候,我们是为了实现向左滑或者向下滑的效果。你只需要将我的案例复制到你的项目,将图片路径修改完之后,就可以看到效果,切记是下面那一份代码呦!css也在一起一下是我的案例:在刚开始的时候就是这样写的,但是一直都不可以出现滑动效果,于是果断换思路。就有了下面的这样的布局 <scroll-view class='...原创 2018-09-04 15:05:39 · 5611 阅读 · 0 评论 -
小程序使用this.setData()来做删除无刷新
我们在pc端做污无刷新可以使用ajax来做,但是小程序没有这个功能。那么下来介绍另一种方法首先在data里边声明一个photos_url在获取数据的时候,将数据直接保存在photos_url这个里边在点击删除数据的时候,将数据的索引值传到js循环判断,将点击得到的索引值跟全部数据的索引进行判断,不相等的全部存放到一个新的数组最后重新赋值给photos_url即可 ...原创 2018-09-11 18:27:35 · 2607 阅读 · 1 评论 -
小程序填充文本怎么换行
/* * author:咔咔 * address:陕西西安 * wechat:fangkangfk * */ctx.setFontSize(14) ctx.fillStyle = '#000'; var text = "但是如果使用了let,那么使用的将是块级作用域,也就是说,每个点击事件都会进入一个不同的块,所以每个点击都会输出正确的序号。"...原创 2018-09-15 16:33:40 · 3844 阅读 · 0 评论 -
小程序样式写了没有用,或许你就差一行代码
我自己的案例:设置了color没有作用/* * 咔咔 * 微信号 fangkangfk * author:2018.9.12 * 一个文件实现微信退款 */.operation button{ color: #8a8a8a;}最后只加一行代码解决问题.operation button{ color: #8a8a8a !important;}...原创 2018-09-12 09:43:07 · 3782 阅读 · 0 评论 -
小程序下拉刷新没有响应
注意:当你发现你设置了所有改设置的后,下拉刷新还是不能使用的话就去找找你的代码是不是存在俩个下拉刷新的方法json文件夹{ "enablePullDownRefresh": true, "backgroundTextStyle": "dark"}需要刷新的数据/* * 小程序下拉刷新 * 微信:fangkangfk * time:2018.9.12 * au...原创 2018-09-12 17:42:11 · 4194 阅读 · 1 评论 -
小程序的删除怎么做无刷新的
今天在做小程序的时候突然发现,咦!这个删除怎么做嘞!怎么让他不刷新数据移除呢!在做pc版的时候,就是直接向后台发起ajax请求,然后从数据库直接将数据删除掉,在返回给前台一个状态码!然后直接this他的父级,直接移除即可但是在小程序是没有dom元素的,所以我们是需要换一种思维方式去解决这个问题前台的所有数据都是从数据库读取出来,然后进行渲染小程序有个强大的函数那就是this.set...原创 2018-09-07 14:49:53 · 1367 阅读 · 2 评论 -
小程序的navigateBack返回时是怎么携带参数返回的
let pages = getCurrentPages();//当前页面let prevPage = pages[pages.length-2];//上一页面prevPage.setData({//直接给上移页面赋值 item: e.currentTarget.dataset.item, selAddress:'yes'});wx.navigateBack({//返回 del...原创 2018-09-07 15:50:46 · 7347 阅读 · 1 评论 -
如何获取小程序二维码
首先我们先获取到token,拿到token后再去调获取二维码的接口这里需要注意的是,返回的图片是一堆乱码,需要使用base65_encode来解密,输出成图片即可 /* * author:咔咔 * wechat:fangkangfk * time:2018.9.13 * 获取小程序二维码 * *//** * 获取 ...原创 2018-09-13 15:03:28 · 8675 阅读 · 0 评论 -
如何将二进制的数据流转为图片
public function getQrcode(){ $userId = $this->request->param('user_id'); $member_app_id = $this->request->param('appid'); $token = $this->getToken($member_app...原创 2018-09-13 18:25:37 · 8898 阅读 · 0 评论 -
小程序支付---代码可直接用
业务场景:用户点击会员中心的不同等级,进行支付 前台代码: 参数解释: 用户点击对应等级时,对应获取到需要支付的金额,在获取到用户的对应id和openid 这里的openid和user_id都是在用户登录授权后获取的信息/* * author:咔咔 * address:陕西西安 * wechat:...原创 2018-09-19 17:41:31 · 7533 阅读 · 1 评论 -
小程序的thirdScriptError ..... is not a function 报错的解决方法
在这里先说下我做的案例,顺便大家可以看看项目样式图前端代码//前端代码<!--团队介绍 --> <view class="m-team" wx:if="{{tabs[2].selected}}"> <view bindtap="onTapAddMember" class="m-addBtn">原创 2018-08-22 14:33:44 · 28275 阅读 · 0 评论