-
thinkphp后台获取微信小程序用户信息
2021/4/30 11:43:22
首先需要看懂微信小程序开发文档的 开放接口中的 登录 和 用户信息。wx.login(OBJECT)调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成。code 换取 session_key?这是一个 HTTPS 接口,开发者服务器使用登录凭证 code 获取 se... -
小程序页面之用户身份校验
2021/4/30 11:43:19
场景 小程序有52个页面,其中13个页面无需任何身份,另外39个页面需要系统角色。对于这39个页面,如果微信用户没有系统角色,则跳转到登录页。 是否有系统角色信息需要通过异步请求来获取。 需求分析&实现 对需求进行抽象,其实要的就是一个过滤器,对小程序页面的访问进行过滤,符合条件的通过,不符合条件进行其他处理。 使用过php的laravel框架的童鞋,肯定一... -
WebSocket使用
2021/4/30 11:43:15
是什么一种网络通信协议(握手阶段使用的是http 1.1),如果需要服务端主动向客户端推送信息可以使用它。优势全双工,服务端和客户端可以互通消息。相对于各种论询,不仅省掉多次握手消耗,节省带宽资源,而且不用多次去询问是否有新数据可消耗。存在的问题需要服务端配合,学习成本高些如果需要获取新数据的频次少,一直保持链接的话,浪费服务器资源。使用方式(ps: 我使用... -
微信小程序:使用wxs检测邮箱格式实例
2021/4/30 11:43:10
之前介绍过微信小程序wxs功能的相关知识:微信小程序:新功能WXS(2017.08.30新增这里做了一个比较常用的实例:根据检测输入内容格式是否正确,来改变相关显示。工具函数: /src/wxs/common.wxs// 通过正则来检验邮箱是否有效var validateEmail = function(email) { var reg = getRegExp('^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|("... -
微信小程序:新功能WXS解读(2017.08.30新增)
2021/4/30 11:43:08
注意(来自官方文档) wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。 wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。 wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。 wxs 函数不能作为组件的事件回调。 由于运行环境的差异,在 iOS ... -
微信小程序input表单页面实例,redio和下拉列表获取数据
2021/4/30 11:43:05
一个简单的预约类型的表单,效果 主要代码: <form bindsubmit="bindSave"> <view class="form-box"> <view class="row-wrap"> <view class="label">联系人</view> <view class="label-right"> <input name="userName" class="input" type="text" placeholder="姓名" valu... -
微信小程序开发问答《七十二》sticky header 效果 & 自定义 imageUrl
2021/4/30 11:43:01
1、微信小程序列表能否实现 sticky header 效果?就像 iOS 的列表一样,上滑的时候每个 section 的 header 固定,直到滚动到下一个 section 的时候下一个 header 把上一个 header「顶走」。类似 https://codepen.io/chrissp26/...鉴于小程序没有 DOM 相关 API,不知道如何实现这种效果。Update: 我看到京东小程序的首页有类似效果,所以理论上是可以做到的?另,非回答类... -
微信小程序豆瓣电影项目的改造过程经验分享
2021/4/30 11:42:59
在学习微信小程序开发过程中,一部分的难点是前端逻辑的处理,也就是对前端JS的代码编辑;一部分的难点是前端界面的设计展示;本篇随笔基于一个豆瓣电影接口的小程序开源项目进行重新调整,把其中遇到的相关难点和改进的地方进行讨论介绍,希望给大家提供一个参考的思路,本篇随笔是基于前人小程序的项目基础上进行的改进,因此在开篇之前首先对原作者的辛劳致敬及感谢。1、豆... -
Prepack详细介绍及微信小程序优化的新思路
2021/4/30 11:42:55
前言Prepack前几个月刚出来的时候已经得到了前端界的大范围关注,而在不久之后又逐渐退出了人们的视线。此时这篇文章出来可能显得有些滞后,个人还是比较看好它未来对于前端代码预编译优化所带来的收益。所以再详细地介绍一下Prepack和它给我带来的思考。在前端技术迭代更新速度较快、前端人力宝贵的情况下,面对新技术的不断涌现我们需要保持冷静和严谨的态度去接受这些新技术... -
微信小程序应用状态管理工具Redux VS Mobx
2021/4/30 11:42:52
一、微信小程序自身的应用状态是怎样定义的呢?page({ data: { item: '', isLoading: true }, onLoad: function(){ this.setData({ isLoading: false }) }})二、为什么使用应用状态管理工具?同一数据,一次请求,应用全局共享。 MVVM架构开发中清晰的数据流向——单向数据流。 将分散在不同页面的数据与应用状态统一管理,共享数据与状态变化... -
微信小程序的探讨--与外站进行数据传输、前后端交互
2021/4/30 11:42:49
与外站进行数据传输 <view class="bt-ok" bindtap="okClick">确定提交</view>1 Page({ //确认提交 okClick: function () { var that = this;//此处必须重定义,才能在回调函数里使用 wx.request({ //发起url请求 url: 'http://wq.ycwjwl.com/json.php', method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE... -
微信小程序实战--王者图鉴
2021/4/30 11:42:46
灵感源于今年很火的手游——王者荣耀,偶尔用手机上网查找游戏数据并不是很方便,于是有了开发“王者图鉴”小程序的想法。从官网爬取数据,将英雄、装备、铭文等信息整合在微信小程序中,随时随地查询游戏信息。预览效果展示线上体验微信扫一扫下方的小程序码,立即体验:技术栈原型设计:sketch后台数据爬取:node.js + leancloud (开源地址)前端:小程序生态(WXML/WXSS/JavaS... -
微信小程序之页面拦截器
2021/4/30 11:42:43
场景小程序有52个页面,其中13个页面无需任何身份,另外39个页面需要系统角色。对于这39个页面,如果微信用户没有系统角色,则跳转到登录页。是否有系统角色信息需要通过异步请求来获取。需求分析&实现对需求进行抽象,其实要的就是一个过滤器,对小程序页面的访问进行过滤,符合条件的通过,不符合条件进行其他处理。使用过php的laravel框架的童鞋,肯定一下子就联想到了l... -
微信小程序入门bug--页面跳转,js数据无法在wxml中出现
2021/4/30 11:42:23
微信小程序入门bugbug--描述:在实现页面跳转的时候,js数据无法在wxml 中渲染(不知道这个词对不对,有点逼格),没有出现要跳转页面的js//detail.js var app = getApp() Page({ /** * 页面的初始数据 */ data: { message: 'Hello MINA!', info: { ... -
苹果松口,微信公众号iPhone端赞赏功能或即将恢复
2021/4/30 11:42:19
据国外一家专门报道苹果公司产品新闻的网站9TO5Mac报道,本周苹果公司对 App Store 的开发审核指南进行了更新,进一步规定了开发者在开发应用的过程中应该注意的问题,比如在本次的更新中,就涉及到了ARKit、面容 ID、病毒和恶意程序等问题,其中最引人关注的是关于放开应用内购买(In-App Purchase)的改变: Apple now allows apps to offer monetary gifting from person to ... -
微信小程序添加视频video组件
2021/4/30 11:42:16
小程序视频组件video标签 wxml<View>1.播放网络视频</View> <view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c0201010425... -
基本组件--(进度条、滑动选择器、开关选择器、复选框、)
2021/4/30 11:42:14
今天主要是简单的讲一下小程序当中的一些组件,微信文档上也是有的。但我还是坚持写一下,因为写博客可以再一次得到提高,印象更深刻,虽然很简单,但贵在坚持。先来看看效果图: 今天主要是简单的讲一下小程序当中的一些组件,微信文档上也是有的。但我还是坚持写一下,因为写博客可以再一次得到提高,印象更深刻,虽然很简单,但贵在坚持。先来看看效果图... -
5个套路看懂小程序开发
2021/4/30 11:42:08
你或许听说过,快速入门就是要学最小必要知识。而我最近在看微信小程序的官方教程时发现,这个教程虽然简单,但对于微信小程序开发来说,80%的套路都能从这里学习到,你的小程序从0到1可以从这里实现突破。 在开始之前,先做100字的铺垫。 一个页面 = 4个文件 小程序的每个页面都是由4个文件组成的 ,前两个最重要,是我们的重头戏。先给这几个文件一个简短的解释: ... -
微信小程序授权获取用户详细信息openid
2021/4/30 11:42:01
小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像,昵称wx.getUserInfo({ success: function (res) { that.setData({ nickName: res.userInfo.nickName, avatarUrl: res.userInfo.avatarUrl, }) }, })12345678第二种 我们在使用小程序wx.login API进行登录的时候,直接使用wx.getUserInfo... -
微信小程序实现点击图片旋转180度并且弹出下拉列表
2021/4/30 11:41:57
//index.wxml<view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPerson}}</view> <image src="../../image/v6.png" class="personal_image {{selectArea ? 'rotateRight' :''}}"></image> //三目法判断图片要不要旋转180。 </view> <view class="person_box"> <view class="phone_...
推荐文章
- 企业如何通过网站提升业务?2026年官网赋能增长的5大核心策略
- AI时代,网站重新变得重要:企业不可替代的数字核心资产
- 小程序上,如何实现播放课程不可以拖动,切到后台报警并停止播放?
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程,一看就会
- 小程序登陆设计-耐心看,讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些?如何快速获客!
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理:小商店不意味着腾讯要做电商
- 现在您还需要建网站吗?
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做?
- 直播带货开始降温,淘宝、抖音、快手决战新周期
- 云计算:多云策略的定义和三大优势
- 域名怎么通过实名认证?

