介绍Mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验,同样也使得一套代码同时复用在小程序和 Web 中成为可能。本文将以 IT之家Lite 小程序的 Web 转换经过为线索,大致介绍一下转换的基本步骤及需要注意
properties属性 在小程序组件中,properties 是组件的对外属性,用来接收外界传递到组件中的数据 properties定义properties: {
// 第一种方式:简化的定义方式(没办法指定默认值)
// max: Number
//第二种方式:完整的定义方式(可指定默认值)
max: {
type: Number,
va
转载
2024-05-29 11:25:11
544阅读
【更新说明】 由于微信开发者工具和微信真机环境的不断升级,小程序中要使用Promise的话,已经不需要像文中描述的再引入第三方库如bluebird或es6-promise了,可直接使用。我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理。比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间(比如一个很大的循环操作),则页面会产生卡死的现象。所以,在JavaScr
小程序的配置我们新建一个小程序项目,都要对项目进行一些配置,如头对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。而这些配置都是在aap.json这个文件中完成的。一般新建的一个小程序的app.json会有pages和window这两个配置;当然,肯定不止这两个配置哟:pages:是用来设置页面的路径的
window:是用来设置页面窗口的表现
tab
前言微搭官方提供了大量常用组件,但由于微搭本身也是在不断地完善过程中,有些组件还是没有提供,但同时微搭允许用户自定义组件并在应用中使用。实际场景是这样的,我们需要一个地图页面在上面展示已知设备的信息和位置,这个需求需要用到地图和地图上的markers,而目前微搭提供的地图组件只是表单中的地图定位,并不能在上面覆盖markers及配置。本文我们结合这个场景完成小程序中自定义组件的流程和使用过程,作为
在当今的数字化时代,小程序已经成为了拥有大量用户流量的重要平台之一。对于企业而言,开发一个小程序是非常必要的。但是,如何选择最合适的开发方案以及如何评估小程序开发费用是非常重要的。小程序是微信和支付宝推出的一种轻量级应用程序。它不需要下载和安装,用户可以直接在微信或支付宝中访问。小程序具有启动速度快、体验流畅、开发周期短、维护方便等特点。因此,越来越多的企业选择开发小程序来提升自己的品牌形象和用户
网上有些封装过后支持前端使用的 google-protobu f库,比如 protobufjs ,不过看了下不太喜欢... 感觉就还是使用 google-protobuf 官网提供的比较舒心! 一、安装protoc编译器 官网下载地址:https://github.com/protocolbuffers/protobuf/releases 打开网址:&nbs
一:什么是promisePromise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。Promise对象是一个代理对象,一个代表未知返回结果的对象值。这个值在Promise对象创建时可能是未知的,它允许你为异步操作的成功和失败分别绑定相应的处理方法, 这让异步方法可以像同步方法那样返回值,但并不是立即返回最终执行结果,而是返回一个能代表未来出现的结果的promis
小程序中有很多组件,例如表单组件、媒体组件、导航组件等,组件及详细属性可以参考 官方文档,下面介绍几种常用的组件。1、Text 组件Text 组件用于显示文本,类似于 html 中的 span 标签,是行内元素,下面是 Text 组件的属性和基本使用。官方文档属性类型默认值必填说明最低版本selectablebooleanfalse否文本是否可选1.1.0spacestringnbsp:
Promise 对象Promise 的含义基本用法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()Promise.reject()应用Promise.try()Promise 的含义Promise 是异步编程
转载
2024-07-26 18:10:05
45阅读
目录1. 自定义组件官方文档1.1 创建自定义组件1.1.1 声明组件1.1.2 编辑组件1.2 使用自定义组件1.3 页面向自定义组件传递数据(父传子)1.4 组件将事件传给页面(子传父)1. 自定义组件小程序允许我们使用自定义组件的方式来构建页面。官方文档自定义组件是不是用的微信的组件感觉很爽啊,如果不够用怎么办?1.1 创建自定义组件类似于页面,一个自定义组件由 json wx
简介相信看到这篇文章的同学,都已经对微信小程序的api文档有所了解了,也都经历了微信小程序api回调函数嵌套的痛苦,才会想要通过Promise解决回调地狱这个问题,我下面就直接介绍怎么在小程序中使用promise。历史问题很多同学肯定看到一些介绍微信小程序中使用Promise的文章,告诉你说微信小程序不支持Promise,需要自己引入es6-promise,或者需要使用一些第三方的promise,
微信小程序可谓是今天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个寒冬,身为一个Android开发者我是不相信的,即使有,那也是很遥远的未来。 不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习。不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具。那么接下来就让
在微信小程序页面间传递数据
在开发微信小程序过程之中,遇到这么一些需要在微信小程序页面之间进行数据的传递的情况,也遇到了开发过程微信小程序限制情况,特此做个总结。全局变量之中传递参数数据
在微信小程序的开发过程之中,需要从A页面跳转到B页面,并且把A页面的数据传递到B页面使用。可以使用全局变量使用的方法,微信小程序官方提供app.js全局变量定义文件,
编写组件基本结构接上文:微信小程序开发02-小程序基本介绍我们今天先来实现这个弹出层:之前这个组件是一个容器类组件,弹出层可设置载入的html结构,然后再设置各种事件即可,这种组件有一个特点:① 只提供Header部分以及容器部分② 容器部分的HTML结构由业务层提供③ 容器部分对应样式由业务层提供我们如果要在小程序中实现这类组件,意味着我们需要往小程序中动态插入WXML结构,我们这里先做个dem
转载
2024-06-25 14:25:03
130阅读
一、微信小程序的优劣势1、优势微信助理,容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量,从而进行转化、变现。使用便捷。用户在使用小程序时,只需要轻轻点一下就可以使用,更加符合用户对使用方便、快捷的需求,所以小程序的用户数量不断增加。体验良好,有接近原生app的体验。在微信生态里,小程序在功能和体验上是可以秒杀
转载
2024-03-08 13:06:15
80阅读
1、小程序豆瓣接口调用异常 我在较早期的随笔中《微信小程序豆瓣电影项目的改造过程经验分享》介绍一个利用豆瓣接口获取其电影资料的小程序,小程序的界面如下所示。 不过由于小程序被豆瓣端进行调用接口,那么再运行小程序就有接口错误了,如下所示。 而我们一般都已经在小程序的设置上添加了豆瓣的域名了 不过由于豆瓣官方对小程序端的限制,那么我们就无法进行正常的接口数据获取了。 2、豆瓣电影数据接口 我们可以从豆
转载
2024-07-31 22:56:06
27阅读
微信小程序如何运营推广?不同的行业有不同的推广模式,但也有“普适”的方法。下面就来看看有哪些普适的小程序推广方法吧:1.小程序“自带”流量微信搜索小程序已支持关键字模糊搜索,并且小程序名称最长可达20个字,因此给小程序取个好名字也能带来很多搜索流量,尽量选择搜索量大的产品或服务、行业词汇。此外,附近的小程序功能对线下商家来说尤为重要,可覆盖方圆5公里的用户,而每个小程序可绑定10个地点,将地点选在
转载
2024-02-28 19:00:15
21阅读
在年初就了解到了微信跨端编译的相关技术,开始做多端编译还是第三方的解决方案FinClip,看了一下FinClip的更新日志,最早的版本是2020年3月27日发布的,时隔将近两年FinClip宣称已经有2万多开发者,微信官方或许是感受到开发者的苦衷及开发者对跨端框架的热情,为了微信自生生态的扩展,也许微信
API小程序开发框架提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。详细介绍请参考 API 文档。通常,在小程序 API 有以下几种类型:事件监听 API我们约定,以 on 开头的 API 用来监听某个事件是否触发,如:wx.onSocketOpen,wx.onCompassChange 等。这类 API 接受一个回调函数作为参数,当事件触发时会调用