微信小程序必知面试题(小程序面试题前端)

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

1请谈谈微信小程序主要目录和文件的功能?Project.config.json项目配置文件,用的最多的是配置是否开启https验证;

App.js设置一些全局基础数据等。

App.json底部的tab、标题栏、路线等设置;

App.wxss公共样式,简介iconfont等。;

Pages包含特定页面;

Index.json(配置当前页面标题,简介组件等。);

Index.wxml(页面结构);

Index.wxss(页面样式表);

Index.js(页面的逻辑、请求和数据处理等。);

请谈谈wxml和标准html的异同?用于描述页面的结构;都是由标签、属性等组成的。;标签名称不同,小程序标签少,单个标签多;还有更多wx:if等属性和{{}} WXML等表达式只能在微信小程序开发者工具中预览,而HTML可以在浏览器中预览组件。WXML重新打包组件,小程序运行在JS核心,没有DOM树和窗口对象。窗口对象和文档对象不能在小程序中使用。请谈谈WXSS和CSS的异同?用来描述页面的外观;

WXSS拥有CSS的大部分特性,并做了一些扩展和修改。

WXSS增加新的维度单位,WXSS支持新的维度单位rpx在底部;

WXSS仅支持部分CSS选择器;

WXSS提供全局样式和局部样式。

4你如何封装微信小程序的数据请求?在根目录下创建utils目录、api.js文件和apiConfig.js文件;

在apiConfig.js中封装基本的get、post、put、upload等请求方法,设置请求体,取令牌和异常处理等。

将apiConfig.js封装的请求方法引入api,设置相应的方法,并根据页面数据请求的URL导出;

在特定页面中导入;

5小程序页面之间传递数据的方法有哪些?使用全局变量实现数据传输

当页面跳转或重定向时,url用于传递带有参数的数据。

使用组件模板传递参数

使用缓存传递参数

使用数据库传输数据

6请谈谈小程序和vue双向绑定的异同?一般都是一样的,只是小程序直接对this.data的属性不能同步到视图上。必须调用this.setData()方法!

7请谈谈小程序的生命周期功能?加载页面时会触发OnLoad()。它将只被调用一次来获取当前页面路径中的参数。

onShow()页面显示/切入前台时触发,一般用于发送数据请求;

当第一次呈现完成时,onReady()页面被触发。它只会被调用一次,这意味着页面可以与视图层进行交互。

当onHide()页面隐藏/剪切到背景中时触发,例如底部选项卡切换到其他页面或applet剪切到背景中。

卸载时会触发onUnload()页面,例如重定向到或导航回其他页面。

8简述微信小程序的原理?applet的本质是单页应用。所有页面渲染和事件处理都在一个页面中进行,但是可以通过微信客户端调用原生接口。

它的架构是数据驱动的,它的UI和数据是分离的,所有的页面更新都需要通过改变数据来实现。

从技术上讲,类似于现有的前端开发,使用JavaScript、WXML和WXSS技术进行开发;

功能可以分为两部分:webview和appService

Webview用于显示UI,appService用于处理业务逻辑、数据和接口调用;

两部分分两个进程运行,系统层JSBridge实现通信、UI渲染、事件处理等。

9请谈谈原生开发小程序,wepy和mpvue的对比?个人认为,如果是新项目,没有老h5项目的迁移,可以考虑用小程序进行原生开发。好处是相比第三方框架,坑少。

但是如果有vue开发的老h5项目或者h5项目也需要小程序开发,那么wepy或者mpvue迁移或者开发更合适。最近wepy几乎不更新,推荐美团的mpvue。

而且如果团队前端很强,自己做个框架也没问题。

10小程序和原生app哪个好?除了微信官方账号开发成本低、获客成本低、无需下载的优势外,小程序在服务请求延迟和用户体验上有了很大的提升,使其能够承载复杂的服务功能,让用户获得更好的用户体验。

11微信小程序原理简介。微信小程序是用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用来处理业务逻辑、数据和接口调用。它们在两个进程中运行,通过系统层的JSBridge相互通信,渲染UI,处理事件。

2微信小程序和vue的双向绑定有什么区别?applet的this.data属性不能直接同步到视图,所以必须调用:this.setData({})

推荐教程:“微信小程序”以上是微信小程序必须知道的面试题目的详细内容。请多关注本站其他相关文章!

本文由本站刊发,转载请注明:微信小程序必知面试题(小程序面试题前端) https://本站.com/77090.html

推荐站内搜索:备案网站、国外服务器、服务器托管、美国php空间、网站服务器租用、域名信息、备案密码找回、域名 查询、服务器、美国服务器租用、