小程序api

微信小程序 更新版本操作

≯℡__Kan透↙ 提交于 2019-12-23 22:40:46
1.小程序的启动方式: 冷启动----小程序首次打开或销毁后再次被打开 热启动----小程序打开后,在一段时间内(目前:5分钟)再次被打开,此时会将后台的小程序切换到前台。 2.根据以上两种启动方式,相应的更新机制为: 小程序冷启动时,会检查小程序是否有最新版本。如果有则将异步下载最新版本,但是仍将运行当前版本等到下一次冷启动时再运行最新版本。 如果你想现在就使用最新版本则需要调用wx.getUpdateManager API进行处理; 3.关于wx.getUpdateManager实战使用 3.1API介绍 //获取全局唯一的版本更新管理器,用于管理小程序更新。 const updateManager = wx.getUpdateManager(); 3.2 updateManager对象的方法列表: a.onCheckUpdate(function(res){}) 当向微信后台请求完新版本信息,会进行回调 b.onUpdateReady 当新版本下载完成,会进行回调 c.onUpdateFail 当新版本下载失败,会进行回调 d.applyUpdate 当新版本下载完成,调用该方法会强制当前小程序应用上新版本并重启 上述代码的书写位置为app.js中onLaunch 3.3如何测试? 4.直接上代码 const updateManager = wx

微信小程序购物商城系统开发系列-目录结构

十年热恋 提交于 2019-12-21 01:40:37
上一篇我们简单介绍了一下微信小程序的IDE( 微信小程序购物商城系统开发系列- 工具篇 ),相信大家都已经蠢蠢欲试建立一个自己的小程序,去完成一个独立的商城网站。 先别着急我们一步步来,先尝试下写一个自己的小demo. 这一篇文章我们主要的是介绍一下小程序的一些目录结构,以及一些语法,为我们后面的微信小程序商城系统做铺垫。 首先我们来了解下小程序的目录结构 Pages 我们新建的一些页面将保存在这个文件夹下面,每一个 小程序页面 是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。 .js 后缀的文件是脚本文件, .json 后缀的文件是配置文件, .wxss 后缀的是样式表文件, .wxml 后缀的文件是页面结构文件。 Utils 我们写的一些公共的工具js可以放里面。 app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。 app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window"

小程序之面试题

你。 提交于 2019-12-18 11:26:39
小程序之面试题 一: 小程序与原生App哪个好? 答: 小程序除了拥有公众号的低开发成本、获客成本低以及无需下载等优势,在服务请求延时与用户使用体验是都得到了较大幅度的提升,使得其能够承载跟复杂的服务功能以及使用户获得更好的用户体验。 二: 简述微信小程序原理? 答: 微信小程序采用JavaScript、WXML、WXSS三种技术进行开发,从技术讲和现有的前端开发差不多,但深入挖掘的话却又有所不同。 JavaScript:首先JavaScript的代码是运行在微信App中的,并不是运行在浏览器中,因此一些H5技术的应用,需要微信App提供对应的API支持,而这限制住了H5技术的应用,且其不能称为严格的H5,可以称其为伪H5,同理,微信提供的独有的某些API,H5也不支持或支持的不是特别好。 WXML:WXML微信自己基于XML语法开发的,因此开发时,只能使用微信提供的现有标签,HTML的标签是无法使用的。 WXSS:WXSS具有CSS的大部分特性,但并不是所有的都支持,而且支持哪些,不支持哪些并没有详细的文档。 微信的架构,是数据驱动的架构模式,它的UI和数据是分离的,所有的页面更新,都需要通过对数据的更改来实现。 小程序分为两个部分webview和appService。其中webview主要用来展现UI,appService有来处理业务逻辑、数据及接口调用。它们在两个进程中运行

函数计算: 让小程序开发进入 Serverless 时代

。_饼干妹妹 提交于 2019-12-18 10:43:12
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 点击下载《不一样的 双11 技术:阿里巴巴经济体云原生实践》 本文节选自《不一样的 双11 技术:阿里巴巴经济体云原生实践》一书,点击上方图片即可下载! 作者 | 吴天龙(木吴)阿里云函数计算技术专家 导读 :小程序是轻量级的快速迭代的移动应用,对开发者从开发到上线的效率提出了更高的要求。使用函数计算,开发者无需关心后端服务的搭建运维,只需要编写函数就能够为小程序提供稳定可靠并且弹性伸缩的服务。并且随着小程序访问量增加,函数计算能够自动快速地弹性伸缩,即使应对 双11 活动高峰也能够如丝般顺滑。 自 2017 年第一批小程序上线以来,越来越多的移动端应用以小程序的形式呈现。小程序拥有触手可及、用完即走的优点,这大大降低了用户的使用负担,使小程序得到了广泛的传播。在阿里巴巴,小程序也被广泛地应用在淘宝/支付宝/钉钉/高德等平台上,例如今年 双11,大家在淘宝/天猫上参加的活动,大部分都是通过小程序提供的。 一个小程序可以分为客户端和服务端:客户端包括界面的展示和交互逻辑;服务端则包括数据的处理和分析。 为了支撑大量的小程序,平台在服务端面临的挑战有: 大量的小程序是不活跃的,传统的至少一台服务器的方式会造成资源浪费; 在活动高峰期小程序的调用量激增,要求服务端能够快速进行弹性伸缩。 针对小程序场景

小程序API

你。 提交于 2019-12-18 00:28:11
一、条件渲染: 小程序: <view wx:if="{{ condition }}"> 111 </view> <view wx:if="{{length > 5}}">1</view> <view wx:elif="{{length > 2}}">2</view> <view wx:else>3</view> vue : <div v-if="condition"> 111 </div> 二、列表渲染小程序: <view wx:for = " {{array}}"> {{index}} : {{item.message}} </view> vue : <div v-for"(item, index) in array" :key = "index">{{item}}<div> 小程序数据: Page({ data:{ array: [{message: 'foo'}, {message: 'bar'} ] } }) vue数据 export default({ data(){ return{ array: [ {message: 'foo'}, {message: 'bar'}]; } } }) 注意: 使用 wx:for-item 可以指定数组当前元素的变量名, 使用 wx:for-index 可以指定数组当前下标的变量名: <view wx:for="{{array}}"

微信小程序

蹲街弑〆低调 提交于 2019-12-07 17:52:20
微信小程序 限制大小2MB,大多数APP都应该配套一个小程序,软件成面的地面推广,用二维码,线下的情景交易 项目上线流程 本地开发:在微信web开发工具中预览和编辑 开发版:开发者可以真机测试 体验版:供开发者和体验者进行上线前的测试 提交审核:提交微信审核 线上版:微信审核完成后 团队开发职责划分 管理员:开发、测试、发布 开发者:开发、测试 体验者:测试权限 这三个文件是针对整个程序而言的逻辑,配置和样式 app.js :小程序的整体逻辑和公用的逻辑放在这里, app.json :小程序的一些配置, app.wxss :公用的样式 index文件夹负责单个页面的逻辑、配置和样式,index.js等等,index.wxml,首页结构的展示,小程序全局通用文件包含app.js,app.json,app.wxss,而小程序页面级别文件包含index.js,index.json,index.wxss,index.wxml js文件 :逻辑文件,逻辑层 json文件 :配置文件,配置层 wxml文件 :布局文件,视图层 wxss文件 :样式文件,视图层 当全局和页面级别文件都有一个共同的样式的时候,优先页面级别样式 app.json 全局配置文件,详细配置信息到微信小程序网站学习 pages ,设置页面路径,有先后顺序,在前面的首先显示 windows ,设置默认页面的窗口表现,

uniapp发布到微信小程序整改摘要

一笑奈何 提交于 2019-12-06 11:47:25
uniapp作为跨端的利器,可同时发布到安卓、ios、微信小程序、支付宝小程序、百度小程序、头条小程序、QQ小程序等8个平台。 如果是轻量级的应用,不涉及太多功能的话,或许可以直接打包移植,但涉及前后端各类交互多的项目,则需要注意很多的地方。 移植到各类平台,首先要避开那些在某平台上不生效或有差异的API,这时候可以用条件编译的方式,同时也要配置在该平台专属的一些参数,了解该平台的一些限制。 想做好跨端,建议先阅读下官方的一些指导: 条件编译及各端注意事项: https://uniapp.dcloud.io/platform 比如微信小程序:   如果用到了获取当前位置的API,则需要在manifest.json中找到mp-weixin代码块,添加如下代码: "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" // 高速公路行驶持续后台定位 } } 另外微信小程序对代码包有大小限制,貌似才2M,这时候你不得不把图片等静态资源放到服务器上以减少体量,也可以使用分包化解,但刚接触分包这一块还是比较繁琐的。 对于图片采取服务器路径的形式,这里注意一下,使用 :src="$imgSrc + 'home/bg.png'" 这种域名拼接某张图片的形式编译到微信小程序开发工具可能是不行的

微信小程序学习笔记-1

随声附和 提交于 2019-12-05 22:40:34
学习地址: https://www.w3cschool.cn/weixinapp/9wou1q8j.html 1.注册地址: https://mp.weixin.qq.com 2.开发工具下载: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 3.创建项目 4.生成代码 点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中, .js 后缀的是脚本文件, .json 后缀的文件是配置文件, .wxss 后缀的是样式表文件。微信小程序会读取这些文件,并生成 小程序实例 。 app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。 //app.js App({ onLaunch: function () { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) },

2019-11-26 面试(小程序总结)

匆匆过客 提交于 2019-12-05 17:54:33
原文来自:https://www.cnblogs.com/lilicat/p/10456481.html 小程序生命周期: 小程序分为应用、页面和组件三个部分,所以小程序的生命周期涉及到的知识点有一下几个:   1、应用的生命周期 :app()   2、页面的生命周期:page   3、组件的生命周期:component   4、应用的生命周期对页面生命周期的影响 (1) 应用的生命周期 App() 函数用来注册一个小程序,接受一个object参数,其指定小程序的生命周期回调等。 App()必须在app.js中调用,必须调用且只能调用一次。 App({ onLaunch : function( options) { // 监听小程序初始化。小程序初始化完成时(全局只触发一次) }, onShow : function( options) { // 监听小程序显示。小程序启动,或从后台进入前台显示时 }, onHide : function( ) { // 监听小程序隐藏。小程序从前台进入后台时。 }, onErro r: function( msg) { console.log(msg) // 错误监听函数。小程序发生脚本错误,或者 api 调用失败时触发,会带上错误信息 }, onPageNotFound : function( res) { // 页面不存在监听函数

全栈项目|小书架|微信小程序-项目结构设计分包

三世轮回 提交于 2019-12-05 15:34:01
前面的文章 介绍了服务端的基础搭建以及用户模块的设计,接下来就是在 服务端和客户端 实现具体的业务了。 本篇文章先来介绍 微信小程序 开发的项目结构设计,也就是项目分包情况。 由于项目是在 《极客时间-9小时搞定微信小程序开发》 的基础上开发,该项目的原有的分包如下: 在此基础上增加了一些目录 componends、miniprogram_npm、models ,最后的目录如下: componends :存放自定义组件,如自定义弹窗、列表 item 布局 config :存放配置信息,如接口 api 、一些常量 images :存放图片资源 miniprogram_npm :存放 npm 包,使用 npm 包之后自动生成 models :存放实体类的相关操作,如书籍 book.js 、 user.js pages :存放小程序页面,如首页 my 代表个人页面 utils :存放工具类,如网络请求,时间转换工具 package.json :使用 npm 之后生成的配置文件,可在文件中配置 npm 包构建后使用 sitemap.json :用来配置小程序及其页面是否允许被微信索引,默认所有页面都会被索引。 配置小程序-sitemap.json 配置 咨询请加微信:轻撩即可。 来源: https://www.cnblogs.com/gdragon/p/11931467.html