微信小程序中需要了解的面试题有哪些

介绍

小编给大家分享一下微信小程序中需要了解的面试题有哪些,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

1请谈谈微信小程序主要目录和文件的作用?

<李>

project.config。json项目配置文件,用得最多的就是配置是否开启https校验;

<李>

应用程序。js设置一些全局的基础数据等;

<李>

应用程序。json底部标签,标题栏和路由等设置;

<李>

应用程序。wxs公共样式,引入iconfont等;

<李>

页面里面包含一个个具体的页面;

<李>

索引。json(配置当前页面标题和引入组件等),

<李>

索引。wxml(页面结构);

<李>

索引。wxs(页面样式表);

<李>

索引。js(页面的逻辑,请求和数据处理等),

2请谈谈wxml与标准的html的异同?

<李>

都是用来描述页面的结构;

<李>

都由标签,属性等构成;

<李>

标签名字不一样,且小程序标签更少,单一标签更多;

<李>

多了一些天气:如果这样的属性以及{{}}这样的表达式

<李>

wxml仅能在微信小程序开发者工具中预览,而html可以在浏览器内预览

<李>

组件封装不同,wxml对组件进行了重新封装,

<李>

小程序运行在js核心内,没有DOM树和窗口对象,小程序中无法使用窗口对象和文档对象。

3请谈谈wxs和CSS的异同?

<李>

都是用来描述页面的样子,

<李>

wxs具有CSS大部分的特性,也做了一些扩充和修改。

<李>

wxs新增了尺寸单位,wxs在底层支持新的尺寸单位rpx;

<李>

wxs仅支持部分CSS选择器;

<李>

wxs提供全局样式与局部样式

4你是怎么封装微信小程序的数据请求的?

<李>

在根目录下创建跑龙套目录及api.js文件和apiConfig.js文件;

<李>

在apiConfig。js封装基础的get、post和put上传等请求方法,设置请求体,带上令牌和异常处理等;

<李>

在api中引入apiConfig。js封装好的请求方法，根据页面数据请求的urls, 设置对应的方法并导出；

  • 在具体的页面中导入；

    • 5 小程序页面间有哪些传递数据的方法？

    • 使用全局变量实现数据传递

    • 页面跳转或重定向时，使用url带参数传递数据

    • 使用组件模板 template传递参数

    • 使用缓存传递参数

    • 使用数据库传递数据

    6 请谈谈小程序的双向绑定和vue的异同？

    大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！

    7 请谈谈小程序的生命周期函数？

    • onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。

    • onShow() 页面显示/切入前台时触发，一般用来发送数据请求；

    • onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。

    • onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。

    • onUnload() 页面卸载时触发，如redirectTo或navigateBack到其他页面时。

    8 简述微信小程序原理？

    • 小程序本质就是一个单页面应用，所有的页面渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口；

    • 它的架构，是数据驱动的架构模式，它的UI和数据是分离的，所有的页面更新，都需要通过对数据的更改来实现；

    • 它从技术讲和现有的前端开发差不多，采用JavaScript、WXML、WXSS三种技术进行开发；

    • 功能可分为webview和appService两个部分；

    • webview用来展现UI，appService有来处理业务逻辑、数据及接口调用；

    • 两个部分在两个进程中运行，通过系统层JSBridge实现通信，实现UI的渲染、事件的处理等。

    9 请谈谈原生开发小程序、wepy、mpvue 的对比？

    • 个人认为，如果是新项目，且没有旧的 h6 项目迁移，则考虑用小程序原生开发，好处是相比于第三方框架，坑少。

    • 而如果有 老的 h6 项目是 vue 开发 或者 也有 h6 项目也需要小程序开发，则比较适合 wepy 或者 mpvue 来做迁移或者开发，近期看wepy几乎不更新了，所以推荐美团的mpvue。

      微信小程序中需要了解的面试题有哪些