Taro,京东凹凸实验室出品的适配多端的一个框架,Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 一.taro开发搭建 1.taro很方便就在于其环境搭建很轻松,照着官方文档几行代码就能...
之前一直以为微信小程序按钮点击事件传参是和web端相同,即在事件中写明所传递的参数即可,但是这样尝试过以后发现小程序的控制台报错,报所写的bindtap中参数错误,之后百度发现,小程序按钮点击这类事件时一般的处理方法是指明元素所在的id,bindtap只是写明函数名,例如,bindtap=setNumber,而不是bindtap=setNumber(1),在js中只要写function(e).通过e可以获取所传过来元素的所有信息。 什么是事件 事件是视图层到逻辑层的通讯方...
作为前端开发,我们经常会遇到的场景,比如用户点击获取验证码按钮时,没有反应,大部分用户都会接着点击,这就会造成用户收到多条验证码,这是因为后台api请求比较慢,而客户端体验又做得不到位,导致用户以为没点击到或者是页面假死,在上次请求还没处理完,就再次点击按钮。这对于我们开发来说,这是bug。 如何解决或避免这个问题呢?一般来说有两种情况。 1、点击事件是执行网络请求(提交评论,验证码,支付)这种情况下可以在...
在微信小程序中 最常用的<view>控件 可以用bindtap(冒泡反应) 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset,其包含一个名为mType的元素 值为123。 在某一次设计中 有如下结构:<view class="func-m" bindtap="ItemOnclick" data-mType="123"><image src="{{ROOT_PATH}}/images/icon1.png" /></view> ItemOnclick事件在点击在图片上时不会触发 需要点击在图片之外及外层view范围...
背景在做快狗打车小程序时,关于默认导航栏,我们遇到了以下的问题: Android、IOS手机对于页面title的展示不一致,安卓title的显示不居中页面的title只支持纯文本级别的样式控制,不能够做更丰富的title效果左上角的事件无法监听、定制路由导航单一,只能够返回上一页,深层级页面的返回不够友好我们希望的是:在各个机型页面上title一致性 & 个性化展示、取得左上角点击事件控制权及深层级页面的一键返回实现step1 自定义第一步 ...
1、发现问题 小程序页面自定义导航栏功能已经开放有些日子了(还不知道这个功能的可以先>>了解一下),这极大的提升了小程序开发的自由度,相信不少小伙伴已经使用过这个功能,同时也相信不少小伙伴在此功能开发过程中踩过同样的一些坑: 机型多如牛毛:自定义导航栏高度在不同机型始终无法达到视觉上的统一;调皮的胶囊按钮:导航栏元素(文字,图标等)怎么也对不齐那该死的胶囊按钮;各种尺寸的全面屏,奇怪的刘海屏,简直要抓狂。...
前言 这是一篇关于一个原创微信小程序开发过程的原创文章。涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口。小程序的主体是一个用于个人密码存储的密码管理器,在登陆注册阶段,需要调用百度云人脸识别接口以及百度云在线人脸库的管理接口。本文主要涉及登陆注册模块的实现,而且不需要PHP后台代码,完全在线调用接口实现,希望后来的你能有所收获! 步骤步骤涉及接口(百度云)拍摄或者相册选择 并 上传比对样本照片到...
解决微信小程序调豆瓣电影(小说)api时显示400、403问题 以获取豆瓣热映电影为例: 请求接口: 我这里使用的是uni-app框架(多端发布的一款框架,基于vue语法,正在踩坑中) onLoad() {uni.request({url: http://api.douban.com/v2/movie/in_theaters,method: GET,data: {},success: res => {console.log(res)},fail: () => {},complete: () => {}});},来看看返回了什么:原因是豆瓣那边设置了对小程序的访问权限 解决办法总是有的...
最近在学习微信小程序,遇到的第一个问题就是需要配置服务器关于这个服务器的配置我也是绕了好多弯路,说白了腾讯就是想通过你填的这个URL和Token去验证你有一个自己的服务器(外网可以访问的服务器),其实就是想让你证明你是你自己,呵呵....关于这个token随便填不要纠结,下面直接看JAVA代码 package com.base.action;import java.io.PrintWriter; import java.security.MessageDigest; import java.security.NoSuchAlgorithmExce...
本文实例讲述了微信小程序学习笔记之获取位置信息操作。分享给大家供大家参考,具体如下: 前面介绍了微信小程序文件上传、下载操作。这里分析一下获取位置信息操作。【获取当前位置信息】wx.getLocation() getlocation.wxml: <view><button bindtap="getlocation">获取位置</button> </view>getlocation.js: Page({getlocation: function () {wx.getLocation({type: wgs84, //wgs84返回gps坐标,gcj02返回国测局坐标success: fu...
今天在使用微信小程序 component 里的 slot 时发现,当只用一个 slot 并且将 slot 命名后,页面中调用这个 slot 并不会加载进来。研究尝试后发现,如果想要使用命名的方式调用单个 slot ,也需要像调用多个 slot 的方式 在 component/xxx.js 里开启多个 slot 的功能。下面看代码。 // component <view class=slot><view>哈哈哈哈哈哈哈哈</view><slot name="after"></slot> </view>// index 页面 <d-slot><!-- 这部分内容将被放置在...
本文实例讲述了微信小程序学习笔记之目录结构、基本配置。分享给大家供大家参考,具体如下:结束了一段时间的学习,开始一段新的学习旅程 —— 微信小程序。现在出去找工作只会PHP、HTML+CSS、JS什么的不够了,总得会点时下热门的东西,例如微信小程序,有很多企业的招聘要求上写着:“做过微信小程序的优先”、“只要做过微信小程序的”...... 可见微信小程序的热门程度。话(fei)不(hua)多(ting)说(duo),开始学习。 首先在微信公...
一、创建小程序项目mock.js 从 https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载 api.js:配置模拟数据和后台接口数据,通过DEBUG = true;//切换数据入口 let API_HOST = "http://xxx.com/xxx"; let DEBUG = true;//切换数据入口 var Mock = require(mock.js) function ajax(data = , fn, method = "get", header = {}) {if (!DEBUG) {wx.request({url: config.API_HOST + data,method: method ? method : get...
本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作。分享给大家供大家参考,具体如下: app.js: App({//设置全局请求URLglobalData:{URL: https://www.oyhdo.com,},/*** 封装wx.request请求* method: 请求方式* url: 请求地址* data: 要传递的参数* callback: 请求成功回调函数* errFun: 请求失败回调函数**/wxRequest(method, url, data, callback, errFun) {wx.request({url: url,method: method,data: dat...
在微信小程序开发过程中,有时候会用到常用的一些特殊字符如:‘<、‘>、‘&、‘空格等,微信小程序同样支持对转义字符的处理,下面提供两种方法用来处理微信小程序中转义字符的处理。 1.官方API调用 这种方式,我们直接在wxml布局文件中,直接调用相关特殊符号的转义字符会无效,原因是小程序的text文本控件的decode属性没有打开导致的,看下文档说明: 从文档中,我们可以发现,decode属性默认为false,不会解析我们的特殊字符,...