dt1991524的博客

第一种图片路径：icon图片文件夹和pages文件夹同级路径1第二种图片路径：图片文件夹在pages文件夹内路径2第三种tabbar图片路径： 路径3总结：主要看是否同级，../代表一级...

 一、wxml导入其他文件的方法WXML 提供两种文件引用方式import和include。以如下图所示路径描述：以此路径为例1、import 方法:import可以在文件中使用目标文件定义的template,import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。...

微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信的帐号。调试工具分为9大功能模...

 项目中遇到一问题，当A页面用wx.navigateTo的方法跳转到B页面时，然后用同样的办法从B到C页面，在C页面时遇到问题：1.点击C页面的某一按钮直接返回A页面？2.点击C页面导航返回按钮返回到A页面？  凑合看，主要表述意思问题1.点击C页面的返回按钮跳回A页面的实现代码：wx.navigateBack({ delta:2 ...

作为前端开发，我们经常会遇到的场景，比如用户点击获取验证码按钮时，没有反应，大部分用户都会接着点击，这就会造成用户收到多条验证码，这是因为后台api请求比较慢，而客户端体验又做得不到位，导致用户以为没点击到或者是页面假死，在上次请求还没处理完，就再次点击按钮。这对于我们开发来说，这是bug。如何解决或避免这个问题呢？一般来说有两种情况。1、点击事件是执行网络请求（提交评论，验证码，支付）...

 在App上做类似咸鱼的Tabbar时，只能用自定义的方法，考虑小程序中如果想自定义像咸鱼这样的Tabbar，该如何实现呢？网上搜索的大多资料的tabbar都会在页面切换的时候重新渲染，下面的方法页面跳转时不会闪。效果图下载地址：https://github.com/dt8888/tabbar具体实现方法：1.分装一个tabbar的组件属性列表实现项目的Tabbar的个数，文...

在初始化一个 mpvue 项目时，安装vue-cli时，报如下图所示的： 屏幕快照 2019-01-28 上午10.46.26.png 解决步骤：cd 到/usr/local/lib/node_modules/下 cd /usr/local/lib/node_modules/2.打开/usr/local/lib/node_modules/的文件夹open /...

在网上下载的mpvue项目，用微信开发者工具打开时，报错如下图所示：解决办法为：1. 打开文件project.config.json,找到miniprogramRoot 如下图：2. 改变根目录"miniprogramRoot": "./dist"改为："miniprogramRoot": "./dist/wx/"再重新编译，就OK！...

在vue.js项目转化为小程序时，把原来页面的代码直接拷贝过去，发现布局改变很多，很多已经设置的标签的css样式并没有显示出来，查看官方文档，得知原来vue.js的Class 与 Style 绑定语法，有些不适合mpvue,以下总结几点：一. :class绑定方式(1).mpvue支持:class="{ active: isActive }"<template> <d...

在mpvue项目中，由于:class和:style样式不能是对象的形式，必须转化为字符串，就需要下面的转化方法。一.json对象转字符串 showJson(style){ for(let i in style){ s.push(i+':'+style[i]); } s = s.join(';') ...

一.介绍原生小程序：利用微信官方给出的框架,组件,API开发的小程序。mpVue ：利用Vue.js前端框架开发的小程序。二.使用规范 三.目录结构原生小程序：                                                                        mpvue框架:             ...

UI组件weui-wxss ★852- 同微信原生视觉体验一致的基础样式库Wa-UI ★122- 针对微信小程序整合的一套UI库wx-charts ★105- 微信小程序图表工具wemark ★85- 微信小程序Markdown渲染库WeZRender ★36- 微信小程序Canvas增强组件wetoast ★21- 仿照微信小程序提供的showToast功能wxapp...

微信小程序demo：足球，赛事分析小程序简易导航小程序demo：办公审批小程序Demo：电魔方小程序demo：借阅伴侣微信小程序demo：投票微信小程序demo：健康生活小程序demo：文章列表demo微商城（含微信小程序）完整源码+配置指南微信小程序Demo：一个简单的工作系统微信小程序Demo：用于聚会的小程序微信小程序Demo：Growth 是一款...

当我们创建页面时 发现有个.wxs文件发现有个.wxs文件，关于wxs文件如何使用呢？WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。wxs可以说就是为了满足能在页面中使用js存在的，在wxml页面中，只能在插值{{ }}中写简单的js表达式，而不能调用方法，例如直接在wxml页面中直接保留数据的小数点的后两位。通常的解决办...

 第一步，获取session_key，用来解密必须用到的代码为：wx.login({ success: function (res) { var appid = "wx1b4e5e75***48af1"; var secret = "8eb5b7c6af68****af2995b6a8758"; if (res.code) { ...

同事问我要小程序的账号和密码，打开微信公众平台，界面忘记了账号密码，怎么办？教你一种方法：1.右击---->打开检查元素--->找到需要输入密码的代码块---->如图 密码的代码块 2.看到上图中，type="password"把password改为text，如图： 把password改为text这时再看微信公众号的登录部分就变为...

效果图主要逻辑代码：//建立临时红包列表 var packetList = []; //建立临时红包图片数组 var srcList = ["../images/hogbao.png", "../images/hogbao2.png"]; //生成初始化红包 for (var i = 0; i < that.data.packetNum;...

 我们前端开发就要有面向对象的思想，让自己写的程序更加简单明了，不要有太多的融于代码，所以这里提到了封装的思想。之前的项目里每次调用网络请求都调用了类似的代码：//加载数据 requestData() { var that = this if (that.data.listData.length < 1) { wx.showToast({ ...

一个多月的时间研究和编写，做了个测试项目，由于本人的css不好，做的界面很是难看，希望不要在意。项目地址：https://github.com/dt8888/MyselfProject/tree/master首页这个页面主要是定位，其实很简单，就是调用微信Api（wx.getLocation），可以直接获取经纬度，（wx.chooseLocation方法可以调取地图显示位置）代码...

序言作为一个工作3年多的iOS开发者，当推出微信公众号时，自己就有很大的紧迫感，感觉自己的工作会不会被取代，看了一段时间，发现自己要学的太多，自己的工作也挺忙的，慢慢的就淡忘了，感觉对自己的工作也不会有太多的影响。直到2017年1月份微信又推出了小程序，小程序的流畅度和用户体验要比公众号的强很多，自己根据网上的知识和微信的文档完成了一个小程序的demo，也喜欢上了小程序。准备工作...

前一阵，微信的跳一跳小游戏很是火，打破了之前说的不会推出游戏的说法，2017年12月22日，微信发布了微信小游戏的体验版，打开自己的微信小程序账号，找到如下图： 屏幕快照 2018-03-05 上午10.18.17.png小游戏点击上图中的小游戏，查看文档，目前小游戏不提供公开注册，可点击体验小游戏使用无 AppID 模式。 F0A8E5D1-5EAB-4A99-A41...

微信小程序获取用户手机号码（类似膜拜手机号授权），自己写的程序也用到了，查看微信小程序文档，原来微信提供了方法，<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button>直接就可以 调取微信的授权方法如下图： 授权图片具体方法如下流程图.png...

 由于微信小程序 wx.navigateBack 方法并不支持返回传值，导致页面在返回后，不能方便地即时更新数据。一.需求分析此类需求大概意思是：A 页面进入 B 页面，B 页面返回并传值给 A或在B页面触发事件时，A页面也有事件触发改变。  业务分析 普遍方法为：第一种：利用微信的 wx.setStorage，将数据缓存在小程序实例内。从 B 页面返回 A ...

 最近写项目中遇到一个问题，后台接口返回数据时有html标签，小程序如何加载html标签格式的字符串呢？小程序有跳转外连接的功能可以直接跳转到一个h5页面。具体使用方法如下： 官方文档1.先登录小程序开发平台，将页面需要跳转的域名写上去，注意了，域名不是指服务器的域名，而是服务器下面的 业务域名 ！！！配好了域名之后就可以开始调用web-view了。2.使用wxml代码如...

微信官方的wx.showToast这个API用起来限制性太强，在正式项目上根本用不上，但是又没有其他组件或API可以替代，所以就自己通过网上大神的方法自己写了一个自定义的toast组件。一，自定义组件1.组件模版和样式类似于页面，自定义组件拥有自己的 wxml 模版和 wxss 样式。组件模版的写法与页面模板相同。组件模版与组件数据结合后生成的节点树，将被插入到组件的引用位置上。在组件...

今天无意中了解到APP竟然可以直接打开小程序这个功能，一致认为不可能啊，因为小程序是依靠微信，如果手机上微信没有打开，或者是没有安装微信会怎样呢？一起探索吧！步骤1.打开微信开发者平台文档,下载微信SDK。2.根据文档手动集成SDK3.点击进入小程序代码:WXLaunchMiniProgramReq *launchMiniProgramReq = [WXLaunchMiniProgra...