小程序

本篇文章给大家带来的内容是关于mpvue中sass全局变量的配置方法（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 安装loader cnpm i sass-loader sass-resources-loader --save-dev 登录后复制 修改根目录下/build/utils.js var path = require('path') var config = require('../config') var ExtractTextPlugin = require('extract-text-webpack-plugin') exports.assetsPath = function (_path) { var assetsSubDirectory…

本文主要介绍微信小程序如何获取openid及用户信息，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。 1. 获取openid 1.1 获取code 调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的会话密钥（session_key）。用户数据的加解密通讯需要依赖会话密钥完成。 wx.login({ //获取code success: function(res) { code = res.code //返回code } }) 登录后复制 1.2 获取openid 拿到上一步获取的code，结合小程序 appid 和 secret 请求接口https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 换取openid，与 openid…

微信小程序开发完工了，自然也遇到了不少问题，本文我们主要和大家分享微信小程序开发遇到的问题汇总，希望能帮助到更多的微信开发者。 小程序简介 “让兴趣不再孤单，让爱好不再流浪” 是微信小程序《出发吧一起》的主题，这款小程序旨在解决当代大学生在校园生活中的孤独感，让大家找到志同道合的朋友，在跑步、健身、竞赛等活动中找到伙伴。利用小程序即开即用，用完就走的特点与交友相结合，它将会是一款高效快捷、无负担的线下交友利器 本小程序由 bmob 后端云提供数据处理与存储支持 小程序码 开发中技术问题汇总 1.使用e.target.dataset的出现问题 在小程序开发过程中,我们经常会用到标签中属性的属性值,我们通常会在   中 设置 data-*=”{{XXX}}” 然后在 JS 里通过 e.target.dateset.* 来获取XXX值,但是我经常遇到获取的是undefined,使用 console.log(e) 查看输出信息会发现,在 e对象中包含两个对象分别是currentTarget和target,而往往有些时候数据在currentTarget中, 此时可以将代码替换成这样来获取值 WXML <view></view> 登录后复制 JS bintap:function(e){     var id = e.currentTarget.dataset.id; } 登录后复制 网上还有一直说法是 data-* 里 * 命名的问题,去掉驼峰式命名,纯小写也能解决 2.小程序 textarea 文本框如何显示实时字数 WXML <view> <view> <textarea maxlength="{{noteMaxLen}}"></textarea> <view> {{noteNowLen}}/{{noteMaxLen}}</view> </view> </view>…

这篇文章主要介绍了微信小程序页面间通信的5种方式，内容挺不错的，现在分享给大家，也给大家做个参考。 PageModel（页面模型）对小程序而言是很重要的一个概念，从app.json中也可以看到，小程序就是由一个个页面组成的。 如上图，这是一个常见结构的小程序：首页是一个双Tab框架PageA和PageB，子页面pageB, PageC。 让我们假设这样一个场景：首页PageA有一个飘数，当我们从PageA新开PageC后，做一些操作，再回退到PageA的时候，这个飘数要刷新。很显然，这需要在PageC中做操作时，能通知到PageA,以便PageA做相应的联动变化。 这里的通知，专业点说就是页面通信。所谓通信，u3认为要满足下面两个条件： 激活对方的一个方法调用 能够向被激活的方法传递数据 本文将根据项目实践，结合小程序自身特点，就小程序页面间通信方式作一个探讨与小结。 通信分类 按页面层级（或展示路径）可以分为： 兄弟页面间通信。如多Tab页面间通信，PageA，PageB之间通信 父路径页面向子路径页面通信，如PageA向PageC通信 子路径页面向父路径页面通信，如PageC向PageA通信 按通信时激活对方方法时机，又可以分为： 延迟激活，即我在PageC做完操作，等返回到PageA再激活PageA的方法调用 立即激活，即我在PageC做完操作，在PageC激活PageA的方法调用 方式一：onShow/onHide + localStorage 利用onShow/onHide激活方法，通过localStorage传递数据。大概逻辑如下 // pageA let isInitSelfShow = true; Page({  data: {   helloMsg: 'hello from PageA'  },  onShow() {…

一.应用场景 微信小程序 目前微信小程序使用的场景主要分为两大类：支付类以及工具类。 支付类的代表有滴滴出行，美团外卖，实现的是生活场景与日常消费的环节。 工具类的代表有番茄闹钟，朝夕日历，解决的是高频高效的工具使用场景。 小程序 不难看出，微信小程序最大的价值就在于集成了微信庞大的用户数量，以及方便的支付入口。 目前最大的作用就是实体小店与线下消费的结合，商家无需支付额外的费用来开发一个特有的app，用户不需要另外再下载一个对应的app。 由于微信平台的审核和支付机制，使得一些小的店门能够迅速脱离不上不下的尴尬境地。 淘宝当初也是走的一样的路线，一些小的卖家不愿也支付不起昂贵的门面，但是要想买卖又需要一个第三方的入口，不像现在的微商，仅凭个人两手空空就可以自由交易，于是网店应运而生，解决了无数的中小卖家的难题。 二.个人开发 1.番茄工作法 番茄时钟 当初个人开发者还没有发放权限的时候，想的就是把番茄闹钟做一个小程序。 当时认为这一类工具并不会有多么火，因为app已经现成的番茄工具了。 然而事实证明，只要你做的足够好，只要你换一个不同的场景，或者比之原先，会更加受欢迎。 2.单机小游戏 微信小游戏 第二个想到的就是做一些小单机游戏的程序。 对于个人来说，小程序既不会有多大的变现价值，也不会有多大的作用，拿来把学到的知识做出看得见的效果，也算是小程序的作用之一。 而且单机游戏越简单越容易上手，偶尔提提神，转移下注意力也是不错的。 但是文档声明，不允许小程序开发游戏，所以就排除这一条了。 3.工具类集合 计算器 番茄钟作为一个大众所知的方法，具有很大的商业价值，但是一些日常的工具集就没有多少必要了。 因为比如计算器等一些常见的工具，手机里已经有内置的了，并且类似于字符串转换之类的功能也不适合在手机端应用。 我们所有的功能都基于微信和手机，由于小程序本身的轻量级属性和支付属性，留给个人开发者的选择其实并不多。 更多的是给其他企业开发小程序，来获取开发费用。…

        前些时候刚开发了原生的h5电商系统，从控制器、页面、页面样式、jquery等开始写，花费了不少的时间很精力。后面开发移动端app和小程序，使用现在比较流行的uniapp混合开发模式，开始学习需要些时间，可是越写越喜欢，越写越简单。随着app、小程序功能的增加，再也无法再原生h5版本上重新写一次了。直接uniapp生成，调兼容性，非常的方便。下面分享使用uniapp开发h5的一些感受吧。          现在APP、微信小程序、头条小程序等流行起来了，H5商城渐渐没落了，除了公众号和一些用不上APP且微信受限等因素不得不选择H5外，使用场景还真的比较少了。但有时候又不得不有，比较鸡肋。uniapp开发H5有些天然优势，用上uniapp还真没有太大必要去写原生的H5版了。 Uni版开发的主要优势 多端功能同步。 一套源码生成多端，iOS、Android、H5、微信小程序、头条小程序等用户端，实现多端功能同步。当然也需要测试不同场景的兼容性问题，比如说支付、登录、分享等接口在各端的兼容和支持情况，以及一些链接配置和导航条等显示的兼容性问题。 双向数据绑定，异步更新。Vue采用MVVM 模式，数据双向绑定，减少了 DOM 操作，彻底放弃了传统前端开发使用jquery操作文档的模式，将更多精力放在数据和业务逻辑上。 标签简化，布局更加容易。Uni开发采用view标签取代了html中传统的div、p、span等标签，化繁为简。采用flex布局取代了css中的定位和浮动，对浏览器的兼容性更加友好。 丰富的组件选择。Uniapp有较多的原生组件，例如对话框、地区选择、日期选择等原生组件，调用时传参给组件即可，非常方便。也可以自己制作组件，多页面重复应用。同时DCloud平台也有非常多优秀的开发者，分享各种优秀的组件。组件的使用使得开发变得简单方便。 采用最新的Vue.js库。Vue.js是非常轻巧、高性能的库，拥有非常容易上手的 API，响应和运行非常快速。 最后看下项目，不同的开发模式，样式差不多。uniapp开发的H5花的时间和精力确是少了太多。 uni版H5商城： 原生版H5商城： 以上就是uni-app开发H5端和原生H5开发怎么选择的详细内容，更多请关注米云其它相关文章！

若无小程序开发经验，可先阅读 玩转微信小程序 一文。 微信小程序正式上线已有几周时间，相信它的开发模式你已烂熟于胸，可能你也有所疑问，我竟能用 web 语言开发出如此流畅的几乎原生体验的应用。可能你又会猜这不就是 h5 么，厉害点的想不就是 hybrid 么。但是在我们的开发旅途中至始至终都没有使用过 webview ，为啥呢？开发时用的 view 一类的标签，浏览器又是怎么解析成页面的呢？带着重重疑惑，进入微信分析吧！ 开发平台 这个 IDE 是如何保证我们小程序的开发和预览的？简要分析两点。 1. 文件目录 打开 目录 ，进入 package.nw ，嗯？熟悉的味道来了。里面就3个文件：app ，node_modules，package.json 。显然我们开发时构建阶段所用资源来自于 node_modules ，于是我尝试找下 react模块，结果没有收获… 进入 app 目录下，呈现的四个文件夹分别是：html ，style ，images ，dist 。而你开发时使用的 IDE 的实现正是通过这些文件，不妨用浏览器打开其中一个 html 看看。…

项目如何导入到ide并启动参考文章 本文将学习到：1、如何开发微信公众号2、如何开启开发者模式3、可能遇到的问题4、weixin_guide如何成为开发者模式源码解读 如何开发调试微信公众号 1、本地调试就需要做端口映射到外网，工具有哪些呢？     推荐ngrok、QQ浏览器2、ngrok有哪些可以使用呢？     之前blog有总结 [让微信公众平台通过80端口访问本机，ngrok是开源的当然自己也可以使用服务器搭建一个。 3、开发调试工具    推荐使用真机测试、微信公众平台调试工具、 如何开启开发者模式 如果项目clone导入IDE并启动、端口已经映射到外网成为开发者模式就比较简单了。测试号申请地址以及开发文档地址WIKI成为开发者之前需要做如下配置： 修改配置参数.png 开发者ID.png 开启开发模式.png weixin_guide 成为开发者url默认的地址为：http://域名【/项目名】/msg Token 需要跟修改配置参数.png中的保持一致消息加密方式1、正式环境建议使用，将enMessage设置为true ,encodingAes 必须跟开启开发模式.png中随机生成的EncodingAESKey 保持一致2、如果是测试，建议设置为明文方式这样方便调试 提醒：成为开发者的链接不要使用浏览器访问（这个是针对微信公众号的;访问必定出现错误）。配置好项目之后直接并做端口映射，在测试号或者正式环境的订阅号、服务号中使用 可能遇到的问题…

微信小程序怎么往桌面上放 把微信小程序添加到桌面的方法如下： 1、在微信里点击打开小程序。 2、进入小程序后，点击想要添加桌面的小程序。 3、进入指定的小程序后，点击右上角的图标。 4、在弹出的对话窗内点击“添加桌面”。 5、然后返回手机桌面就可以看到已经添加到桌面了。 推荐学习： 以上就是微信小程序怎么往桌面上放的详细内容，更多请关注米云其它相关文章！

这篇文章主要介绍了微信小程序 setdata的使用方法详解的相关资料,需要的朋友可以参考下 微信小程序 setData的使用方法详解 最近在使用微信小程序的setData时，遇到了以下问题。如下： 官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的： Page({  data: {   array: [{text: 'init data'}],  },  changeItemInArray: function() {   this.setData({    'array[0].text':'changed data'   })  } }) 登录后复制 使用了 ‘array[0].text’ : ‘changed data’ 这样的值。但在实际使用中，我们对数组的中的某个元素的设置是动态的。即 我们通常应该是 ‘array[‘+index+’].text’ : ‘changed data’…