小程序api

目录 微信小程序组件的生命周期？ 简单描述下微信小程序的相关文件类型？ app.json 是对当前小程序的全局配置，讲述三个配置各个项的含义？ 小程序的wxss和css有哪些不一样的地方？ 小程序有哪些参数传值的方法？ 微信小程序与H5的区别？ 小程序获取场景值的方法？ 小程序onPageScroll方法的使用注意什么？ 小程序视图渲染结束回调？ 小程序同步API和异步API使用时注意事项？ 小程序对wx:if 和 hidden使用的理解？ 小程序简单介绍下三种事件对象的属性列表？ 小程序的双向绑定和vue的异同？ 小程序页面间有哪些传递数据的方法？ 小程序WXSS和CSS的异同？ 一.简单描述下微信小程序的相关文件类型？ 二.怎么封装微信小程序的数据请求？ 三.微信小程序有哪些传值(传递数据)方法？ 四.哪些方法来提高微信小程序的应用速度？ 五.微信小程序的原理？ 六.分析微信小程序的优劣势？ 六.微信小程序与H5的区别？ 七.怎么解决微信小程序的异步请求问题？ 八.小程序关联微信公众号如何确定用户的唯一性？ 九.使用webview直接加载要注意哪些事项？ 十.小程序调用后台接口遇到哪些问题？ 十一.微信小程序如何实现下拉刷新？ 十二.webview中的页面怎么跳转回小程序？ 十三.bindtap和catchtap的区别？ 十四.简述wx.navigateTo(),wx

引子 ： 一个指标引发的血案 https://www.cnblogs.com/Sherlock09/p/11726885.html 性能优化 进入移动互联网时代，传统Web开发技术（HTML，CSS，JavaScript）风光不再，客户端技术（iOS以及Android）依靠良好的体验重新崛起。但是客户端技术的开发效率始终无法与Web技术抗衡，同时会受到诸多平台层面的限制。在这一大背景下，小程序独特的架构诞生了，它将Web前端技术与传统的客户端技术结合在一起，其目的是在开发效率上超过传统的客户端技术，在使用体验上超越传统的Web前端技术。由于小程序的架构区别于传统的Web前端技术，开发者在开发过程可能会遇到一些性能上的问题。本文旨在介绍百度小程序一些实现原理和优化手段，帮助开发者优化自己的小程序。 一 小程序运行时简介 在传统的Web前端项目中，所有代码全部运行在浏览器中。而小程序提供的运行环境有两种，分为逻辑层和视图层。假设现在开发者的小程序项目中有两个页面 pages/index和pages/home ，那么逻辑层代码指的是 app.js 与 pages/index/index.js 还有 pages/home/home.js ，视图层代码指的是 pages/index/index.swan 和 pages/home/home.swan

一、小程序的文件分为哪几种? wxml:HTML wxss:CSS js :JS json:配置文件 wxs :微信语法 小程序中凡是以app开头的文件都是全局配置文件 二、小程序全局的生命周期有哪些？页面级别的生命周期有哪些？ 小程序全局生命周期 onLanuch onShow onHide onError 页面级别生命周期 onLoad onShow onReady onHide onUnload 三、小程序中如何注册一个小程序以及如何注册一个页面 App({})小程序 Page({}) 四、如何获取小程序的实例 getApp() 五、如何修改页面数据的状态 this.setData({}) 六、小程序中事件分为哪几种？区别？事件如何进行传参？ 事件绑定分为：bindxx catchxx 区别：前者会有事件冒泡 后者会阻止事件冒泡 传参：通过绑定自定义属性 接收的时候通过e.currentTarget.dataset进行接收 七、小程序中的模板文件如何使用？如何传递参数? 通过template包裹的结果就是模板文件，template身上有2个属性一个是name 代表模板名称 另一个属性是is代表使用的哪个模板。 传递参数的时候通过data进行传递参数 语法 data="{{key:val}}" 八、wxs的使用 创建wxs文件 在wxs文件中编写相对应函数 通过module

小程序保存到相册的坑点 需求整理 利用base64方法进行图片缓存 网络图片下载方式保存图片 写在最后的话 需求整理 小程序的项目中应用到了保存图片分享到朋友圈的功能，刚开始以为不是很难，后来也是踩了一些坑，这里特此记录下来，以便查阅。 利用base64方法进行图片缓存 小程序文档中 关于图片保存应用到了 wx.saveImageToPhotosAlbum 的api，其中文件的路径不支持网络路径，后台返回的是base64的格式这里我们需要将其转换。 参考base64转为图片保存 相关代码如下： /* 无关代码略 */ var path = wx . env . USER_DATA_PATH ; //定义图片临时路径为微信全局路径 var fileManager = wx . getFileSystemManager ( ) ; //文件系统api let startIdx = this . Img . indexOf ( 'base64,' ) + 7 ; let timestamp = new Date ( ) . getTime ( ) ; fileManager . writeFile ( { filePath : ` ${ wx . env . USER_DATA_PATH } /test/ ${ timestamp } .png` , data : this .

APP.js App({ onLaunch: function() { //检查小程序版本 　　 var that = this; that.checkUpdateVersion(); }, checkUpdateVersion(){ var that = this; //判断微信版本是否 兼容小程序更新机制API的使用 if (wx.canIUse('getUpdateManager')) { //创建 UpdateManager 实例 const updateManager = wx.getUpdateManager(); console.log('是否进入模拟更新'); //检测版本更新 updateManager.onCheckForUpdate(function (res) { console.log('是否获取版本'); // 请求完新版本信息的回调 if (res.hasUpdate) { //监听小程序有版本更新事件 updateManager.onUpdateReady(function () { //新的版本已经下载好，调用 applyUpdate 应用新版本并重启 （ 此处进行了自动更新操作） updateManager.applyUpdate(); }) updateManager.onUpdateFailed(function () { //

小程序中无法使用 npm 来进行第三方库的管理，无法使用一些比较新的 ES 规范等等； Taro优点 ✅ 支持使用 npm/yarn 安装管理第三方依赖 ✅ 支持使用 ES7/ES8 甚至更新的 ES 规范，一切都可自行配置 ✅ 支持使用 CSS 预编译器，例如 Sass 等 ✅ 支持使用 Redux 进行状态管理 ✅ 支持使用 MobX 进行状态管理 ✅ 小程序 API 优化，异步 API Promise 化等等 来源： https://www.cnblogs.com/xiaoyaoweb/p/11647566.html

前端面试题总结 Vue面试题 生命周期函数面试题 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体适合哪些场景 5.created和mounted的区别 6.vue获取数据在哪个周期函数 7.请详细说下你对vue生命周期的理解？ vue路由面试题 1.mvvm 框架是什么？ 2.vue-router 是什么?它有哪些组件 3.active-class 是哪个组件的属性？ 4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值 5.vue-router 有哪几种导航钩子? 6.$route 和 $router 的区别 7.vue-router响应路由参数的变化 8.vue-router传参 9.vue-router的两种模式 10.vue-router实现路由懒加载（ 动态加载路由 ） vue常见面试题 1.vue优点 2.vue父组件向子组件传递数据？ 3.子组件像父组件传递事件 4.v-show和v-if指令的共同点和不同点 5.如何让CSS只在当前组件中起作用 6.<keep-alive></keep-alive>的作用是什么? 7.如何获取dom 8.说出几种vue当中的指令和它的用法？ 9. vue-loader是什么？使用它的用途有哪些？ 10.为什么使用key 11.axios及安装

微信小程序的文件预览 微信小程序的文件预览需要先使用 wx.downloadFile 下载文件，然后使用下载文件的临时路径通过 wx.openDocument 进行文件的预览 项目中，有的需要打开pdf 来阅读信息。就需要用小程序自带的api方法。 wxml代码： <button bindtap='preview'>工作简历预览</button> js代码： //简历预览 preview: function () { var that = this; console.log("简历预览") //这里的value是先在data里面初始化，然后我根据用户切换单选框，获取的简历文件的主键id console.log(this.data.value) var id = that.data.value; if (id == "") { wx.showModal({ title: '', content: '请选择一份简历', showCancel: false, confirmColor: "#FFB100" }) } else { //先通过简历的主键id,查询简历路径（大家可以根据自己的需求来传数据） wx.request({ url: app.globalData.url + "/api/interview/queryFilePath", data: { id: id },

微信小程序简述 什么是微信小程序？ 微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。 微信小程序入口 打开手机微信APP 点击发现 即可查看到我们的小程序的入口 小程序和APP的区别？ 简单来说，小程序就是一种不需要安装的APP，用户只要扫一扫就可以打开。 一、APP需要下载，浪费时间、流量及手机存储空间，而小程序则不用，它只需加载。 二、APP需要开发两个系统；而小程序则不同，它倚靠微信，随用随开，随走随关。 三、小程序的开发成本低，开发者可以把节省下来的精力专注在产品上面。 四、从用户角度出发，相对于APP，小程序的操作会更简便，提升用户体验度。 五、从商家角度出发，微信小程序的很大一部分价值来源于微信，微信可以将其庞大的用户精准的导给小程序商家，这对于商家来说无疑是最方便的。 小程序提供的开发支持 开发文档 介绍小程序的开发框架、基础组件、API及相关开发问题 开发者工具 集成开发调试、代码编辑、小程序预览及发布等功能 设计指南 提出设计原则及规范，帮助建立友好、高效、一致的用户体验 小程序体验Demo 可体验小程序组件及API功能

https://www.cnblogs.com/yangfengwu/p/10050784.html 源码下载链接: 或者 我的微信小程序篇的教程实际上是 1,用小程序实现具体的功能 2, 用微信公共号实现具体的功能 3,微信公众号+小程序实现具体的功能 由于下面所示的一系列文章基础知识还有没有写完(网页制作部分),而大部分朋友需要立即看到效果,所以增加这一系列文章,等到基础教程写完之后将把这部分文章放到 STM32+WIFI+GPRS物联网开发微信小程序篇,(这一系列文章是小程序的基础知识,只做几节,只是带着大家入门) 经过长时间的视频录制和用户反馈,我改变一下方式 说一下整体的目录结构 以后每一个篇章设计到的基础知识都已上面那种方式提供 0-XXXXXXX (这里面的所有的资料和源码全部公开) 下面的 1-精简版Mqtt小程序,配网以后利用小程序绑定设备,远程控制设备,采集温湿度数据 2-精简版MQTT小程序,在上一节的基础上增加数据存储 3-XXXXX 4-XXXX . . . 为具体实现的某个功能,但是实现这个功能可能还会涉及一些非基础,但是又必须学会的知识点,所以 咱们打开第一个 1-精简版Mqtt小程序,配网以后利用小程序绑定设备,远程控制设备,采集温湿度数据 里面 MiniProgramMqttSimplify 为当前工程源码 下面的 1-安装Nginx,配置反向代理