2019 微信小程序面试题
微信小程序相关的
微信小程序组件的生命周期?
答:生命周期函数-onLoad: 页面加载
一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。
onShow: 页面显示
每次打开页面都会调用一次。
onReady: 页面初次渲染完成
一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
onHide: 页面隐藏
当navigateTo或底部tab切换时调用。
onUnload: 页面卸载简单描述下微信小程序的相关文件类型?
答:微信小程序项目结构主要有四个文件类型,如下
.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件app.json 是对当前小程序的全局配置,讲述三个配置各个项的含义?
答:pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
window字段 —— 小程序所有页面的顶部背景颜色,文字颜色定义在这里的
tab字段—小程序全局顶部或底部tab小程序的wxss和css有哪些不一样的地方?
答:新像素单位 rpx样式可直接使用import导入小程序有哪些参数传值的方法?
- 给HTML元素添加data-属性来传递我们需要的值,然后通过e.currentTarget.dataset或onload的param参数获取。但data-名称不能有大写字母和不可以存放对象;
- 设置id 的方法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值;
- 在navigator中添加参数传值。
如何提高微信小程序的应用速度?
一、提高页面加载速度
二、用户行为预测
三、减少默认data的大小
四、组件化方案微信小程序与H5的区别?
- 第一条是运行环境的不同
传统的HTML5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。 - 第二条是开发成本的不同
只在微信中运行,所以不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG - 第三条是获取系统级权限的不同
接系统级权限都可以和微信小程序无缝衔
- 小程序获取场景值的方法?
let options = wx.getLanchOptionsSync()
小程序onPageScroll方法的使用注意什么?
答:由于此方法调用频繁,不需要时,可以去掉,不要保留空方法,并且使用onPageScroll时,尽量避免使用setData(),尽量减少setData()的使用频次。小程序视图渲染结束回调?
答:使用setData(data, callback),在callback回调方法中添加后续操作代码小程序同步API和异步API使用时注意事项?
答:像wx.setStorageSync这种以Sync结尾的API为同步API,使用时使用try-catch来查看异常,如果判定API为异步,可以在其回调方法success、fail、complete中进行下一步操作。小程序对wx:if 和 hidden使用的理解?
wx:if 有更高的切换消耗。
hidden 有更高的初始渲染消耗。
因此,如果需要频繁切换的情景下,用 hidden 更好,如果在运行时条件不大可能改变则 wx:if 较好。小程序简单介绍下三种事件对象的属性列表?
- 基础事件(BaseEvent)
type: 事件类型
timeStamp:事件生成时的时间戳
target:触发事件的组件的属性值集合
currentTarget:当前组件的一些属性集合 - 自定义事件(CustomEvent)
detail - 触摸事件(TouchEvent)
touches
changedTouches
小程序的双向绑定和vue的异同?
答:大体相同,但小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData()方法!小程序页面间有哪些传递数据的方法?
- 使用全局变量实现数据传递
- 页面跳转或重定向时,使用url带参数传递数据
- 使用组件模板 template传递参数
- 使用数据库传递数据
小程序wxml与标准的html的异同?
答:都是用来描述页面的结构;都由标签、属性等构成;标签名字不一样,且小程序标签更少,单一标签更多;多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式、WXML仅能在微信小程序开发者工具中预览,而HTML可以在浏览器内预览;组件封装不同, WXML对组件进行了重新封装,
小程序运行在JS Core内,没有DOM树和window对象,小程序中无法使用window对象和document对象。小程序WXSS和CSS的异同?
答:都是用来描述页面的样子;
WXSS 具有 CSS 大部分的特性,也做了一些扩充和修改;
WXSS新增了尺寸单位,WXSS 在底层支持新的尺寸单位 rpx;
WXSS 仅支持部分 CSS 选择器;
WXSS 提供全局样式与局部样式
2019 微信小程序面试题相关推荐
- 2021面试题——微信小程序面试题
1.简单描述下微信小程序的相关文件类型 wxml模板文件:是框架设计的一套标签语言,结合基础组件,事件系统.可以构建出页面的结构: wxss样式文件:是一套样式语言,用于描述wxml的组合样式: js ...
- 微信小程序面试题(day08)
文章目录 微信小程序自定义组件的使用? 微信小程序事件通道的使用? 微信小程序如何使用vant组件库? 微信小程序自定义组件父传子子传父? 微信小程序自定义组件生命周期有哪些? 微信小程序授权登录流程 ...
- 微信小程序面试题总结
A类问题 1 请谈谈微信小程序主要目录和文件的作用? project.config.json 项目配置文件,用得最多的就是配置是否开启https校验: App.js 设置一些全局的基础数据等: App ...
- 微信小程序面试题大全
1.简述微信小程序的相关文件类型? WXML 搭建页面的结构 WXSS 页面样式文件 js 逻辑处理,网络请求 json 配置当前页面标题和引入组件等 app.js 可以在里边监听生命周期函数.声明全 ...
- 微信小程序面试题(个人学习)
文章目录 前言 1 微信小程序的相关文件类型 1. 1项目结构 1.2主要文件 2 简述微信小程序原理 3 小程序的双向绑定和vue哪里不一样 4 小程序的wxss和css有哪些不一样的地方? 5 小 ...
- 微信小程序面试题大全(持续更新)
1.请谈谈微信小程序主要目录和文件的作用? project.config.json:项目配置文件,用的最多的就是配置是否开启https校验 App.js:设置一些全局的基础数据等 App.json:底 ...
- 2019小程序没必要做了_2019微信小程序的发展前景怎么样?有必要开发微信小程序吗?...
微信小程序自从上线以来,一直很受大家的欢迎,当然微信小程序的功能也在不断的更新着,小程序共有七项主要功能,相信创业者对于这7种不同的功能,会迸发出更多的奇思妙想,那么通过功能我们可以思考一下,2019 ...
- 第 7 节:前端面试指南 — 微信小程序篇(附面试题答案)
这周很多读者朋友都在「微信小程序」的视频了. 前 6 期没看的同学,建议先看完再来看这一期的,传送门: 第 1 期:「简历篇」含简历模板文件 第 2 期:「HTML篇」含面试题&答案 第 3 ...
- 直击微信公开课:2019年小程序将会有哪些改变?
又是一年一度的微信公开课 PRO,犹记去年,张小龙曾说小程序是微信期望最大的项目,而在过去的一年中,百度.支付宝.头条小程序接连上线,对微信小程序进行围攻,对此,微信在新的一年会如何反击?来看Info ...
最新文章
- 第四章 Lync server 2010的安装
- SO做了Booked之后,一直处理于“已延交”,发运事务处理的活动区变灰
- 帆软finereport实现动态切换分组和列表模式
- 基于FFmpeg H264 + G711A 音视频裸流合并 MP4文件 ( G711A 转 AAC)
- KMP(字符串匹配)算法 O(m+n)
- 【MySQL】深入浅出剖析mysql事务锁机制 - 笔记
- java将json转为hashmap_将JSON字符串转换为HashMap
- Python tutor 简介
- 每次新增页面复制粘贴?100多行源码的 element-ui 的新增组件功能教你解愁
- 普通程序员转型深度学习指南
- C++网络编程快速入门(一):TCP网络通信基本流程以及基础函数使用
- 远程计算机需要网络级别身份验证,而您的计算机不支持该验证,请联系您的系统管理员或者技术人员来获得帮助...
- Linux Shell高级技巧(五)
- 谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer
- validate验证
- 【脑经急转弯】—— 猜额头上的数字
- java 循环赛问题_分治法实现循环赛日程表问题
- Android之音频和视频的提取
- 报表工具的演示录像发布
- git 代码行数统计