原来是咔咔的博客_小程序

使用脚手架创建uni-app项目

闲来无事写写小程序，于是想用uni-app框架来实现，本文将会对创建步骤进行详解。前言本文主要针对小程序框架uni-app的创建展开介绍，如果你也是新手那就可以跟着咔咔的节奏一起来。一、安装node.js打开官网安装咔咔圈起来的版本。安装完成后使用node -V来检验一下是否安装成功为什么要安装node.js估计很多跟咔咔一样是写后端的有点理解不了.

小程序

uni-app

node.js

创建项目

微信开发者工具

原创 2020-12-29 11:44:23 196 阅读

【小程序】跳转时传递多个参数

author：咔咔w一定要注意我划箭头的地方啊！老铁们！

小程序

原创 2018-11-09 11:39:30 94 阅读

小程序调用接口不生效？

在做项目中，我们不难发现一些奇葩问题如下我在获取用户id成功后调用了getInfo和getProduct这俩个接口，但是getProduct这个接口一直没有response。这个时候我就开始考虑是不是不能同时调用俩个方法，还是执行顺序的问题其实这个问题都是给自己埋的坑，所以在规划项目的时候一定要有自己的规范这个问题就是getProduct这个方法在这个文件出现了2次 //...

小程序

执行顺序

数据

缓存

原创 2018-10-25 15:01:00 75 阅读

小程序wx.navigateTo()失效

今天在项目中发现navigateTo在点击多次之后就会失效，后来查阅资料发现navigateTo只会保留5层，所以就索性将全部换成了wx.redirectTo()

小程序

原创 2018-10-18 16:05:20 350 阅读

微信小程序清除缓存

之前安卓手机是下拉微信，然后长按就可以删除缓存，但是最近安卓的删除小程序做了修改，所以这样做的是不可以的。我们需要点击发现-小程序，然后左滑删除...

小程序

安卓手机

微信

左滑删除

缓存

原创 2018-10-18 16:01:56 271 阅读

小程序在js设置data，循环点击改变tab的颜色

业务场景：点击对应的按钮颜色出现在对应的按钮上实现步骤：1.在html循环tabs数据2.点击按钮，获取tab的id，和长度，开始循环，做判断即可，代码一看就懂js设置tab代码：/*author:咔咔wechat：fangkangfkaddress:陕西西安*/ tabs: [ { id: 0, ...

小程序

数据

html

原创 2018-10-10 11:04:41 87 阅读

微信小程序发送-----模板消息

实现步骤：1.先在前端获取fromid，openid2.将fromid，openid存入对应用户的数据库3.下来就是写模板消息，查询对应用户的fromid和openid，将key值对应写上4.获取access_token，保存时间72005.调用模板方法即可6.模板需要在公众号里边设置，每项就是一个key 前端： <form bindsu...

小程序

json

模板消息

数据库

数组

原创 2018-09-28 19:40:38 250 阅读

小程序使用样式控制显示的行数，超出使用...显示

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 113 阅读

小程序canvas实现（分享朋友圈生成图片）

业务场景：生成一个浮层图片实现思路：设置一个盒子，将canvas生成的图片和保存图片的按钮放里边，当有canvas生成图片的时候这个盒子显示，否则隐藏。这里需要注意的是，canvas画图片的时候，如果是线上路径就先要使用wx.getImageInfo获取图片的临时路径，使用这个路径就可以在真机上显示了前台代码：<canvas canvas-...

小程序

字符串数组

数组长度

保存图片

字符串分割

原创 2018-09-27 16:15:50 84 阅读

小程序

数据

json

ide

初始化

原创 2018-09-26 14:03:45 90 阅读

小程序picker解决方案

看完这篇就少了一个拦路虎前端代码：这里没有什么难点，就一个注意点就是当你的数组为二维数组的时候需要设置range-key='你需要显示的字段名' value="{{index}}",这里的index就是数据的索引值，这个值的作用是显示数据的第几个值，比如这里是1，就会在你打开picker标签的时候，显示的就是数组索引为1的这个字段值 <...

小程序

数据

缓存

数组

自定义属性

原创 2018-09-21 18:01:03 259 阅读

小程序怎么设置默认值为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 70 阅读

小程序点击事件，添加class样式

业务场景：点击对应的积分的时候，给加上颜色实现方案：首先这三个积分类型是datas循环出来的,我们需要使用小程序的data-来自定义属性，在点击不同类型的时候，获取到对应的id，将这个id拿到js那边重新附一个值isSelect，在进行判断isSelect跟循环的id是否相等，相等的时候加/*author:咔咔address：陕西西安

小程序

自定义属性

js代码

原创 2018-09-21 09:40:01 192 阅读

微信小程序支付和退款

微信小程序支付的主要逻辑集中在后端，前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。本篇文章后端使用的是php，侧重于整个支付的流程和一些细节方面的东西。所以使用其他后端语言的朋友有需要也是可以看一下的。很多时候开发的需求和相应问题的解决真的要跳出语言语法层面，去从系统和流程的角度考虑。一. 支付支付主要分为几个步骤：前端携带支付需要的数...

小程序

微信

xml

数据

服务器

转载 2018-09-20 10:29:31 282 阅读

小程序当你不知道路劲怎么写的时候，就全部使用绝对路径

'/pages/homepage/index' 使用绝对路径，去哪都可以的

小程序

绝对路径

原创 2018-09-19 22:10:00 58 阅读

wx.navigateTo和wx.redirectTo跳转没有作用？

这俩个接口都需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 'path?key=value&key2=value2'...

小程序

带参数

原创 2018-09-19 22:07:09 258 阅读

小程序评论怎么实时显示数据

场景：点击发布评论后需要评论信息实时显示做法：页面在初始化的时候在onlode获取评论数据，comments就是评论循环出来的数据wxb.Post("/api/nongjialegw.index/getCommentList", { id: id, page: 1, openid:wxb.getOpenId() }, functi...

小程序

数据

初始化

数据库

数据请求

原创 2018-09-19 21:08:34 178 阅读

JSON.parse()报错 Unexpected token o in JSON at position 1

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。这样的报错直接看后台返回的数据是什么类型,查找数据类型，肯定是数据类型不对

小程序

数据类型

json

数据

字符串转换

原创 2018-09-19 18:33:46 449 阅读

小程序支付---代码可直接用

业务场景：用户点击会员中心的不同等级，进行支付前台代码：参数解释：用户点击对应等级时，对应获取到需要支付的金额，在获取到用户的对应id和openid 这里的openid和user_id都是在用户登录授权后获取的信息/* * author:咔咔 * address:陕西西安 * wechat:...

小程序

xml

json

微信

服务端

原创 2018-09-19 17:41:31 83 阅读

小程序填充文本怎么换行

/* * author:咔咔 * address:陕西西安 */ctx.setFontSize(14) ctx.fillStyle = '#000'; var text = "但是如果使用了let，那么使用的将是块级作用域，也就是说，每个点击事件都会进入一个不同的块，所以每个点击都会输出正确的序号。"...

小程序

点击事件

字符串数组

块级作用域

字符串分割

原创 2018-09-15 16:33:40 103 阅读

如何使用canvas进行画图

画一个矩形//创建一个画布const ctx = wx.createCanvasContext('myCanvas')// 设置矩形边框ctx.setStrokeStyle('#fff')// 设置矩形宽高四个参数，前俩个为x，y轴，后俩个是矩形的宽和高在画布上填充文字// 设置文字大小ctx.setFontSize(14)// 设置文字颜色ctx.fillS...

小程序

网络图片

本地地址

宽高

2d

原创 2018-09-15 14:54:33 112 阅读

小程序canvas使用网络图片真机不显示解决方案----可直接使用案例测试

图片都是线上的，可以直接放到onLoad里边自动检测1.注意点：在绘制网络图片时必需先将其保存到本地然后在绘制。当我们在加载一个带有图片的页面时，图片都会被暂存到本地，由此我们可以通过wx.gerImageInfo接口访问本地的暂存路径来调用drawImage方法绘制图片。如下：（注意网络图片的地址一定要在合法域名内）/* * author:咔咔 * address:陕西西安 ...

小程序

网络图片

本地地址

二维码

3c

原创 2018-09-15 10:51:54 106 阅读

如何将二进制的数据流转为图片

public function getQrcode(){ $userId = $this->request->param('user_id'); $member_app_id = $this->request->param('appid'); $token = $this->getToken($member_app...

PHP

json

字节数

二维码

原创 2018-09-13 18:25:37 185 阅读

如何获取小程序二维码

首先我们先获取到token，拿到token后再去调获取二维码的接口这里需要注意的是，返回的图片是一堆乱码，需要使用base65_encode来解密，输出成图片即可 /* * author:咔咔 * wechat:fangkangfk * time:2018.9.13 * 获取小程序二维码 * *//** * 获取 ...

小程序

二维码

json

连接超时

post请求

原创 2018-09-13 15:03:28 162 阅读

小程序下拉刷新没有响应

注意：当你发现你设置了所有改设置的后，下拉刷新还是不能使用的话就去找找你的代码是不是存在俩个下拉刷新的方法json文件夹{ "enablePullDownRefresh": true, "backgroundTextStyle": "dark"}需要刷新的数据/* * 小程序下拉刷新 * * time:2018.9.12 * au...

小程序

下拉刷新

加载

数据

微信

原创 2018-09-12 17:42:11 87 阅读

小程序样式写了没有用，或许你就差一行代码

我自己的案例：设置了color没有作用/* * 咔咔 * * author:2018.9.12 * 一个文件实现微信退款 */.operation button{ color: #8a8a8a;}最后只加一行代码解决问题.operation button{ color: #8a8a8a !important;}...

小程序

css

微信

原创 2018-09-12 09:43:07 73 阅读

小程序使用this.setData()来做删除无刷新

我们在pc端做污无刷新可以使用ajax来做，但是小程序没有这个功能。那么下来介绍另一种方法首先在data里边声明一个photos_url在获取数据的时候，将数据直接保存在photos_url这个里边在点击删除数据的时候，将数据的索引值传到js循环判断，将点击得到的索引值跟全部数据的索引进行判断，不相等的全部存放到一个新的数组最后重新赋值给photos_url即可 ...

小程序

数据

赋值

值传

无刷新

原创 2018-09-11 18:27:35 735 阅读

小程序的navigateBack返回时是怎么携带参数返回的

let pages = getCurrentPages();//当前页面let prevPage = pages[pages.length-2];//上一页面prevPage.setData({//直接给上移页面赋值 item: e.currentTarget.dataset.item, selAddress:'yes'});

小程序

数据

当前页

赋值

原创 2018-09-07 15:50:46 145 阅读

小程序的删除怎么做无刷新的

今天在做小程序的时候突然发现，咦！这个删除怎么做嘞！怎么让他不刷新数据移除呢！在做pc版的时候，就是直接向后台发起ajax请求，然后从数据库直接将数据删除掉，在返回给前台一个状态码！然后直接this他的父级，直接移除即可但是在小程序是没有dom元素的，所以我们是需要换一种思维方式去解决这个问题前台的所有数据都是从数据库读取出来，然后进行渲染小程序有个强大的函数那就是this.set...

小程序

数据

缓存

数组

数据库

原创 2018-09-07 14:49:53 116 阅读

scroll-view实现不了滑动效果

当使用scroll-view这个标签的时候，我们是为了实现向左滑或者向下滑的效果。你只需要将我的案例复制到你的项目，将图片路径修改完之后，就可以看到效果，切记是下面那一份代码呦！css也在一起一下是我的案例：在刚开始的时候就是这样写的，但是一直都不可以出现滑动效果，于是果断换思路。就有了下面的这样的布局 <scroll-view class='...

小程序

css

滑动效果

原创 2018-09-04 15:05:39 121 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb5d53cebbf1a51的博客

使用脚手架创建uni-app项目

【小程序】跳转时传递多个参数

小程序调用接口不生效？

小程序wx.navigateTo()失效

微信小程序清除缓存

小程序在js设置data，循环点击改变tab的颜色

微信小程序发送-----模板消息

小程序使用样式控制显示的行数，超出使用...显示

小程序canvas实现（分享朋友圈生成图片）

小程序点击更多怎么进行数据拼接

小程序picker解决方案

小程序怎么设置默认值为0，使用if即可

小程序点击事件，添加class样式

微信小程序支付和退款

小程序当你不知道路劲怎么写的时候，就全部使用绝对路径

wx.navigateTo和wx.redirectTo跳转没有作用？

小程序评论怎么实时显示数据

JSON.parse()报错 Unexpected token o in JSON at position 1

小程序支付---代码可直接用

小程序填充文本怎么换行

如何使用canvas进行画图

小程序canvas使用网络图片真机不显示解决方案----可直接使用案例测试

如何将二进制的数据流转为图片

如何获取小程序二维码

小程序下拉刷新没有响应

小程序样式写了没有用，或许你就差一行代码

小程序使用this.setData()来做删除无刷新

小程序的navigateBack返回时是怎么携带参数返回的

小程序的删除怎么做无刷新的

scroll-view实现不了滑动效果