微信小程序
nzz_171214
一个小白到高级后端工程师转型的过程
展开
-
微信小程序弹框总结
1、wx.showModal,这个比较大众话,而且取消按钮还可以隐藏wx.showModal({ title: '提示', content: '是否确认要去支付吗?', showCancel: true,//是否显示取消按钮 cancelText:"否",//默认是“取消” cancelColor:'skyblue',//取消文字的颜色 confirmText:"是",//默认是“确定” confirmColor: 's原创 2021-07-29 16:52:56 · 533 阅读 · 0 评论 -
js 获取对象的key名和key值
使用for in遍历对象时,需要用hasOwnProperty(key)方法过滤掉非对象自身的属性(继承自原型链的属性)var obj = { "name" : "zh", "age" : 22,}for(var key in obj){ //遍历对象的所有属性,包括原型链上的所有属性 if(obj.hasOwnProperty(key){ //判断是否是对象自身的属性,而不包含继承自原型链上的属性 console.log(key); //键名 cons原创 2021-05-06 11:17:23 · 2155 阅读 · 0 评论 -
微信小程序 构建npm
1.在微信小程序中使用Vant Weap (http://vant-contrib.gitee.io/vant-weapp/#/quickstart)npm init -y # 初始化npm (必须先初始,不然先构建不成功 -y全是yes)npm i @vant/weapp -S --production (安装--production 目的是减少安装一些业务无关的包,从而减少整个小程序的大小。)2.微信开发者工具中设置3.必须在小程序根目录中创建此处并没有强制要求.原创 2021-04-20 17:47:50 · 183 阅读 · 0 评论 -
微信小程序 获取手机号
微信小程序authPhone.wxml代码:<view class="wrapper"> <view class="authLocation-wrp"> <view class="authLocation"> <view class="authLocation-icon"> <image src="/sns/images/auth-phone.png" mode="wi原创 2021-04-12 17:30:25 · 195 阅读 · 0 评论 -
微信小程序 识别换行符
微信小程序<text>和<view>标签并不能让文本自动换行,微信小程序也不支持 <br/>换行,很纠结。处理方法:替换<br/>标签 为 \n使用 css 属性 :white-space:pre-wrap<view style=”white-space:pre-wrap”>文本保留空格和回车</view>...原创 2021-01-27 11:33:39 · 2776 阅读 · 1 评论 -
微信小程序实战篇-下拉刷新与加载更多
下拉刷新实现下拉刷新目前能想到的有两种方式1、调用系统的API,系统有提供下拉刷新的API接口2、监听scroll-view,自定义下拉刷新,还记得scroll-view里面有一个bindscrolltoupper属性吗?忘记请自行回顾上一篇 微信小程序实战篇-电商(二)当滚动到顶部/左边,会触发 scrolltoupper 事件,所以我们可以利用这个属性,来实现下拉刷新功能。两种方法都可以,第一种比较简单,易上手,毕竟一些逻辑系统已经给你处理好了,第二种适合那种想要自定义下拉刷新.转载 2021-01-06 10:22:29 · 435 阅读 · 0 评论 -
node.js中exports和module.exports的区别
module.exports 对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。1、返回一个JSON Objectvar app = { name: 'app', version: '1.0.0', sayName: function(name){ console.log(this.name); }}module.exports = app转载 2021-01-06 09:52:28 · 107 阅读 · 0 评论 -
解决 Error:Cannot find module ‘chalk‘
如图错误:解决方法npm install chalk原创 2020-09-04 18:36:02 · 1343 阅读 · 1 评论 -
微信小程序开发之组件official-account(配置公众号关注组件)
official-account基础库 2.3.0 开始支持作用:公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内。tip:使用组件前,需前往小程序后台,在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。如下:注:设置的公众号需与小程序主体一致。在一个小程序的生命周期内,只有从以下场景进入小程序,才具有展示引导关注公众号组件的能力:(1)当小程序从扫二维码场景(场景值101原创 2020-07-27 09:34:46 · 4596 阅读 · 3 评论 -
微信小程序视图控件与bindtap之间的问题的解决
在微信小程序中 最常用的<view>控件 可以用bindtap(冒泡反应) 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset,其包含一个名为mType的元素 值为123。<view class="func-m" bindtap="ItemOnclick" da...转载 2020-01-02 15:39:42 · 1244 阅读 · 0 评论 -
微信小程序实现城市选择和定位
效果如图:这么多城市需要city.js,放在utils下面具体内容如下,很多城市var cityObj = [{ "id": "35", "provincecode": "150000", "city": "\u963f\u62c9\u5584\u76df", "code": "152900", "initial": "A" }, { "id": "38", "provincec...转载 2019-11-28 10:59:16 · 4356 阅读 · 2 评论 -
微信小程序 地图选择附近地址获取经纬度
效果如下:上面的录的不是很好,知道是这个效果就好了具体代码实现如下:app.json中加入以下代码:"requiredBackgroundModes": [ "location" ],index.js中加入方法; getlocation:function(e){ var _this = this; wx.getLocation({...原创 2019-11-22 15:07:18 · 667 阅读 · 0 评论 -
微信小程序获取当前位置到定点的位置
首先要知道定点位置的经纬度,可以用百度api查询http://api.map.baidu.com/lbsapi/creatmap/效果是具体代码如下:app.json 中加入如下代码: "requiredBackgroundModes": [ "location" ],index.js中如下:getlocation:function(e){...原创 2019-11-22 14:45:09 · 1186 阅读 · 0 评论 -
微信小程序 获取当前用户地理位置
获取当前用户的经纬度:需要在app.js里面加入以下代码"requiredBackgroundModes": ["location"],例如下面这样:然后在 index.js中加入:getlocation:function(e){ var _this = this; wx.getLocation({ type: 'wgs84', ...原创 2019-11-21 19:17:05 · 1606 阅读 · 0 评论 -
php 微信小程序模板消息推送
<?phpnamespace app\wechatapi\controller;use think\Db;/** * Class PushMessage 消息推送 * @package app\wechatapi\controller */class PushMessage extends Base{ //推送消息 public function S...原创 2019-11-14 14:41:45 · 493 阅读 · 0 评论 -
微信小程序发送模版消息获取 formID 方法
微信小程序需要加一个form表单,wxml页面代码如下:<form bindsubmit="form_id_bg" report-submit='true'> <view class='attention_title'>用户须知</view> <view class="attention_t_block"> ...原创 2019-11-14 14:30:46 · 424 阅读 · 0 评论 -
微信小程序 下载文件
js中的文件内容:Page({ /** 页面的初始数据 */ data: { }, /** 生命周期函数–监听页面加载 */ onLoad: function (options) { }, load(){ let _that = this; wx.downloadFile({ url:'...原创 2019-11-08 09:45:25 · 1331 阅读 · 0 评论 -
微信面试题 2
1、微信小程序组件的生命周期?答:生命周期函数-onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染完成一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。onHide: 页面隐藏当navigateTo或底部tab切换时调用。...转载 2019-10-28 16:36:17 · 835 阅读 · 0 评论 -
微信小程序 面试题
1 请谈谈微信小程序主要目录和文件的作用?project.config.json 项目配置文件,用得最多的就是配置是否开启https校验; App.js 设置一些全局的基础数据等; App.json 底部tab, 标题栏和路由等设置; App.wxss 公共样式,引入iconfont等; pages 里面包含一个个具体的页面; index.json (配置当前页面标题和引入组件等);...原创 2019-10-28 14:28:59 · 502 阅读 · 0 评论 -
微信小程序 ,json,map和字符串的转化
222转载 2018-07-12 10:56:24 · 726 阅读 · 0 评论 -
微信小程序代码案例
微信小程序官方Demo(Hao-Wu/WeApp-Demo)微信小应用示例代码(phodal/weapp-quick)微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)微信小应用- 掘金主页信息流(hilongjw/weapp-gold)微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)微信小程序-豆瓣电影(hingsir/weapp...转载 2018-07-12 11:17:20 · 2152 阅读 · 0 评论 -
PHP微信小程序之获取并解密用户数据获取openId和unionId
前言微信小程序API文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html在实际的小程序开发中,往往需要用户授权登陆并获取用户的数据,快速对接用户系统。openId : 用户在当前小程序的唯一标识 unionId : 如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过unionid来区分用户...转载 2018-07-19 13:11:07 · 3216 阅读 · 0 评论 -
微信小程序在java后台获取用户unionid等敏感信息
最近改版小程序了才知道之前的获取用户信息的不能用了,只能重新开始写,试了好半天才成功了,方法如下,如果有什么问题,请留言小程序代码如下:// 登录 wx.login({ success: function (r) { var code = r.code;//登录凭证 if (code) { //2、调用获取用户信息接...原创 2018-07-20 10:49:59 · 1079 阅读 · 1 评论 -
微信小程序上传图片到服务器(java后台以及使用springmvc)
小程序代码:image.wxml <form bindsubmit="uploadImg"> <label bindtap="chooseimage">点击选择图片</label> <view class="img" wx:for="{{imgs}}" wx:for-item="item&原创 2018-07-26 17:17:07 · 1923 阅读 · 0 评论 -
小程序统计平台总结
1.小程序数据助手(官方小程序工具)“小程序数据助手”是微信公众平台发布的官方小程序,支持相关的开发和运营人员查看自身小程序的运营数据,扫描下面小程序码可立即体验。“小程序数据助手”当前功能模块包括数据概况、访问基础分析(用户趋势、来源分析、留存分析、时长分析、页面详情)、实时统计和用户画像(年龄性别、省份城市、终端机型),数据与小程序后台常规分析一致。2.腾讯移动分析 - 微信小...转载 2018-12-04 11:00:40 · 4174 阅读 · 1 评论 -
thinkphp后台获取微信小程序用户信息
首先需要看懂微信小程序开发文档的 开放接口中的 登录 和 用户信息。wx.login(OBJECT)调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成。code 换取 session_key这是一个 HTTPS 接口,开发者服务器使用登录凭证...转载 2019-01-17 15:41:39 · 833 阅读 · 0 评论 -
微信小程序图片上传放大预览删除代码
效果:一,下面是上传图片的效果image.js代码:Page({ //选择相册或拍照 data: { imgs: [] },//上传图片 chooseImg: function (e) { var that = this; var imgs = this.data.imgs; if (imgs.length >= 9) {...原创 2018-07-23 18:35:12 · 2137 阅读 · 3 评论