网站推广.NET

网站推广.NET

重现经典:前端面试问题-小程序

来源:互联网

前言

首先,让我们谈谈为什么总结小程序个相关的面试问题。

我们可以随意打开一个招聘网站,您会发现小程序的市场需求仍然很高,有些公司可能只需要写小程序个前端人员

尽管小程序的大部分开发都非常简单,但仍需要了解一些常用的知识。因此,有小程序个面试问题的摘要。当然,有兴趣或需要的人也可以单击此处查看前端面试问题的完整版本

如果文章中有遗漏或错误,也请参阅看到纠正我的朋友的评论,在此先感谢您

以下↓

1.简要描述微信小程序的相关文件类型。微信小程序项目结构主要有四种文件类型。主文件2.简要说明微信小程序原理微信小程序三种技术:JavaScript,WXML,WXSS开发本质上是一个单页应用程序。所有页面渲染和事件处理都在一个页面中进行,但是可以通过微信客户端调用各种本机接口

微信的体系结构是一种数据驱动的体系结构模型。其UI和数据是分开的。所有页面更新都需要通过数据更改来实现

小程序分为两部分,webview和appService。其中,webview主要用于显示UI,而appService用于处理业务逻辑,数据和接口调用。它们在两个过程中运行,通过系统层JSBridge进行通信,并实现UI渲染和事件处理

3.小程序与Vue的双向绑定在哪里

小程序 this.data的属性无法直接同步到视图,必须调用:

this.setData({ // 这里设置})

4.在4. 小程序中,wxss和css有什么区别小程序 WXSS与CSS类似,但是在CSS的基础上进行了一些添加和修改

rpx是一个响应像素,可以适应屏幕宽度。屏幕宽度为750rpx。例如,在iPhone6上,屏幕宽度为375px,总共有750个物理像素,那么750rpx = 375px = 750个物理像素

/** index.wxss **/@import './base.wxss';.container{ color: red;}

5.小程序在页面之间传输数据的方式是什么

在app.js文件中定义全局变量globalData,并存储需要存储在其中的信息

// app.jsApp({ // 全局变量 globalData: { userInfo: null }})

使用时,直接使用getApp()获取存储的信息

//pageA.js// Navigatewx.navigateTo({ url: '../pageD/pageD?name=raymond&gender=male',})// Redirectwx.redirectTo({ url: '../pageD/pageD?name=raymond&gender=male',})// pageB.js...Page({ onLoad: function(option){ console.log(option.name + 'is' + option.gender) this.setData({ option: option }) }})

需要注意的问题:

wx.navigateTo和wx.redirectTo不允许跳到选项卡中包含的页面

OnLoad仅执行一次

6.小程序的生命周期功能

查看详细信息

7.如何封装微信小程序的数据请求

参考此处

8.可以使用哪些方法来提高微信小程序的应用速度

1、提高页面加载速度

2、用户行为预测

3、减小默认数据的大小

4、组件化解决方案

9.微信小程序优点,缺点,缺点,缺点10.如何解决小程序的异步请求问题小程序支持大多数ES6语法1 1. 小程序关联微信如何确定正式帐户用户的唯一性如果开发人员具有多个移动应用程序,网站应用程序和公共帐户(包括小程序),则可以通过unionid区分用户的唯一性,因为只要它们位于相同的微信开放平台帐户对于移动应用程序,网站应用程序和公共帐户(包括小程序),用户的unionid是唯一的。换句话说,对于同一用户,对于在同一微信开放平台下的不同应用程序,联合标识是相同的。 1 2.如何实现下拉刷新

参考此处

1 3.bindtap和catchtap有什么区别

同一点:首先,它们都用作单击事件函数,单击时会触发该事件。它们在此功能中相同,因此无需区分它们

不同点:它们之间的主要区别在于,bindtap不能防止冒泡事件,而catchtap可以防止冒泡。

1 4.简要描述wx.navigateTo(),wx.redirectTo(),wx.switchTab(),wx.navigateBack(),wx.reLaunch()和后记之间的区别

很多事情真的又做了,收获一定是最大的。那些坑坑洼洼,破裂的精神火花是我们成长道路上的珍贵事物。

我会不时更新一些面试问题或有趣的事情,并与有需要的朋友分享