1月4日,蚂蚁金融科技宣布蚂蚁金服移动开发平台mPaaS(mobile Platform-as-a-Service)升级到3.0版本,“新版本以智能技术助力客户构建自己的超级 App,企业可以拥有等同于支付宝的能力,包括技术.生态.业务等”,金融科技产品技术总监杨冰介绍. 蚂蚁金服移动开发平台mPaaS是蚂蚁金服科技的核心产品之一,沉淀于公司内部多年移动端技术实践和高并发业务锤炼,能够提供移动开发.测试.发布.分析.运营各个方面的云到端的一体化解决方案. 目前,包括12306.上海地铁.广发银行

对于 mPaaS 小程序开发框架,想必读者们并不陌生.它源自于支付宝小程序框架,继承了易开发性.跨平台性及 Native 性能,不仅帮助开发者实现面向自有 App 投放小程序,还可快速构建打包,覆盖支付宝.淘宝.钉钉等应用. 本文主要将从代码实操角度切入,带大家进一步了解 mPaaS 小程序,以及如何使用 mPaaS 小程序 IDE 进行深度开发. 准备工作 在正式启动 mPaaS 小程序开发之前,我们需要完成相应的准备工作.在你完成 mPaaS 小程序功能开通之后,可以下载所需版本的小程序 I

  导言 从 2017 年开始,GMTC"移动技术大会"就更名为"大前端技术大会".发展至今,混合开发.原生开发.前端开发等概念正在深度融合,组成"大前端"团队. 大前端团队如何选型技术?如何快速上手?如何高效协同?让我们看看快成科技如何解决这一问题. 缘起两地三团队 快成科技是网络货运领域的领军科技企业,领域排名市场前三,平台有 3w+ 大宗商品货主,将货单发布到平台,由 60w+ 的卡车司机接单承运,每年产生 120亿 的运费交易额. 以司机

当写小程序需要引入一些额外的js文件时,可以这样: 一.先把外部js用一个函数封闭起来: test.js function myfunc() { console.log("myfunc...."); } // 在这个函数的最下面暴露接口 module.exports.myfunc = myfunc; 二.引用 在需要引用此函数的文件里,如Index.js: const util = require("../../utils/test.js") // 这是引入文件 P

前言 在部分场景下,需要向小程序的默认接收页(pages/index/index)传递参数. 本文将以传递 name 和 pwd 参数为例,分别介绍此场景在 Android 小程序和 iOS 小程序中的实现过程. 前提条件 已参照 快速开始 文档接入了小程序组件. Android 小程序 1.在客户端添加启动时跳转页面的参数信息.如下所示: Bundle param = new Bundle(); String query = "name="+Uri.encode("123&

场景值 基础库 1.1.0 开始支持,低版本需做兼容处理 当前支持的场景值有: 场景值ID 说明 1001 发现栏小程序主入口 1005 顶部搜索框的搜索结果页 1006 发现栏小程序主入口搜索框的搜索结果页 1007 单人聊天会话中的小程序消息卡片 1008 群聊会话中的小程序消息卡片 1011 扫描二维码 1012 长按图片识别二维码 1013 手机相册选取二维码 1014 小程序模版消息 1017 前往体验版的入口页 1019 微信钱包 1020 公众号 profile 页相关小程序列表

小程序的代码包不能超过4M,为了压缩代码包的大小,可以通过第三方链接引入图标资源 Iconfont 无疑是最常用的第三方图标库,这里介绍一下在微信小程序引入 Iconfont 的方法 一.下载图标 首先挑选图标,添加入库 然后添加至项目 然后在“我的项目”中,将资源文件下载到本地 建议设置为 font class 二.在项目中引入资源 在小程序项目中建一个 iconfont.wxss 在下载的资源文件中有一个 iconfont.css,复制文件中所有代码,粘贴到 iconfont.wxss 中

微信小程序没找到构建npm或者没找到node_modules目录解决方法如下: 按照微信小程序提供的文档npm install是不行的,直接提示没找到可构建的npm包. 1.直接安装:npm init就可以啦 2.接着npm install你的引入包命令(比如npm i vant-weapp -S --production),然后点击微信开发工具中的工具栏目下的构建npm,就会出现 例子:比如引入vant weapp: 直接 npm i vant-weapp -S --production 可以

这里给大家讲解小程序中如何引入vant组件(我这里是采用小程序的云开发模板) 1.首先在项目的miniprogram文件夹右键在终端中打开,输入命令npm init初始化生成一个package.json的文件(不想私人定制,一键enter即可生成该文件) 2.进入到有赞vant weapp官网看安装文档,地址:https://youzan.github.io/vant-weapp/#/quickstart 3.使用命令npm i vant-weapp -S --production快速安装van

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 微信小程序不能识别很多文件, 其中就包括外部的字体文件. 那我们怎么突破他的防火线呢, 这里主要用得就是在线的字体库. 它的使用不像之前引用阿里巴巴字体库那样简单. 步骤如下: 1.在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 详细方法这里不赘述, 不懂的请看 阿里巴巴字体库使用方法 2.Copy iconfont.css文件的内容, 可以选择放在全局的 app.wxss 或者

fontawesome官网地址:http://fontawesome.dashgame.com/ 一. 二. 下载之后的字体图标 找到 文件中的如下图.ttf文件 三. 在https://transfonter.org/网站中转换成css文件 之后,文件上传之后,将下面几个选项勾选上 之后点击下面的按钮 然后点击下载: 之后解压到一个文件 四. 将上图得到的css样式赋复制到一个xxx.wxss中 五. 将 一 中下载的字体图标文件中font-awesome.css文件中,除了@fact-fac

一.引入iconfont 首先在iconfont.com中注册登陆: 点击上方[图标管理]并进入我的项目 注意:如果没有项目的话,就点击右边的来创建项目 在官网中找到想要的图标之后,以SVG的形式下载下来,然后在iconfont[我的项目]中上传刚下载下来的图标 上传的时候记得对图标命名为[英文的] 这样就创立了自己项目要用到的图标了 那如何在微信开发者工具中使用呢? 新创一个iconfont文件 再回到iconfont中[我的项目] 可以直接复制这个链接,在网页中打开这个链接会发现,是一个在线

注释:本人喜欢 font class,  你们可以依葫芦画瓢unicode和 symbol,,下面是 font class   演示: 1.选择好图标,然后: font class 2.步骤二: 复制代码,存入你自己新建的 wxss文件        =>>>  3.步骤三:  引入 iconfont 4.步骤四   wxml中引用 class="iconfont XXX" <view class='btn'> <button class='icon

微信小程序 “场景值”     对运营同学和产品比较有用一般开发者需在这里埋点,获取场景址,看一下小程序,用户一般从哪个路口进的有利于提升产品体验

最近集中开发了两款微信小程序,分别是好奇心日历(每天一条辞典+一个小投票)和好奇心日报(轻量版),直接上图: Paste_Image.png 本文将结合具体的实战经验,主要介绍微信小程序的基础知识.开发中遇到的难点.项目的架构设计.最佳实践以及踩过的坑.文章内容较多,如果想看架构设计和躲坑技巧,请直接浏览后面的正文,简书没有目录,也挺伤感的. 值得再次声明的是:微信小程序的内容部分是hybrid模式,并非原生,所以性能并不好,绑定的tap事件也有明显的延迟. 每一个由边框围起来的部分,都是一个最

看手机微信,看到说美团出了1个小程序框架,  mpvue 搜下来试试,看了网上的一个对比 ----------------- 以下为引用 我们对微信小程序.mpvue.WePY 这三个开发框架的主要能力和特点做了横向对比,帮助大家了解不同框架的侧重点,结合业务场景和开发习惯,确定技术方案.对于如何更好地使用 mpvue 进行小程序开发,我们总结了一些最佳实践. 使用 vue-cli 命令行工具创建项目,使用Vue 2.x 的语法规范进行开发 避免使用框架不支持的语法特性,部分 Vue.js语法在

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

最近负责开发的[广州医保查询]小程序已经发布上线,其中使用web-view组件完成的[在线绑定社保卡]核心流程,遇到了一些坑,现总结如下: 首先,让我们一起看看什么是web-view ? 小程序api定义: web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用. 1# 开发账号一定要是公司类型账号:个人类型和海外类型暂不支持! 只有公司账号才可以看到业务域名添加入口:且业务域名只支持https,需要备案: 域名格式只支持英文大小写字

第1章 首门小程序“云开发”课程,你值得学习本章主要介绍什么是小程序云开发以及学习云开发的重要性,并介绍项目的整体架构,真机演示项目功能,详细介绍整体课程安排.课程适用人群以及需要掌握的前置知识.通过本章的学习,能够使大家对本门课程有一个整体的了解.... 第2章 云开发介绍以及从0构建项目本章会详细介绍小程序云开发与Serverless,并介绍如何开通小程序云开发及控制台的功能,并且初始化项目代码,讲解airbnb/javascript代码规范. 第3章 播放列表功能实现本章完成歌单列表与歌曲

当微信小程序遇到AR,会擦出怎么样的火花?期待与激动...... 通过该教程,可以从基础开始打造一个微信小程序的AR框架,所有代码开源,提供大家学习. 本课程需要一定的基础:微信开发者工具,JavaScript,Html,Css 第三章:基石-接入Three.js [前情提要] 上一章,我们已经可以在微信小程序中访问摄像头,并且获得每一帧的数据了.接下来的另一个基础人物就是对接Three.js库: 1. 实现在微信小程序中访问摄像头,并且可以实时的拿到每一帧画面的数据. 2. 实现在微信小程序中

2013年8月,“轻应用”概念提出,但是仅仅活跃四年随后淡出 ,直到2017年1月9号借助微信小程序成功续命.一时间,以微信小程序和支付宝小程序为代表的轻应用解决方案迅速贯穿多个环节,成为“万物互联”的雏形载体.随着物联网的发展,对数据的获取便捷度要求越来越高,硬件和场景都逐步迈入物联网时代,传统的App已经无法满足发展的需要,毕竟不可能一个场景安装一个App.YF3300,见证物联网+小程序的火花. 一.  云端配置 (1) 登陆阿里云物联网平台. (2) 在设备管理选项中创建产品 示例: (