2024年前端最新微信小程序面试题汇总(二）(1)，2024年最新爆火的Web前端面试题
最后更多分享：前端字节跳动真题解析
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
1.wxss的图片引入需使用外链地址；
2. 没有Body, 样式可直接使用import导入；
12.webview中的页面怎么跳回小程序中？
参考答案：首先要引入最新版的jweixin-1. 3. 2. js，然后
wx.miniProgram.navigateTo({
url: ‘/pages/login/login’ + ‘$params’
})
13. 小程序关联微信公众号如何确定用户的唯一性？
参考答案：
使用wx. getUserInfo方法withCredentials为 true 时 可获取encryptedData，里面有 union_id。后端需要进行对称解密
14. 如何实现下拉刷新？
参考答案：
用view代替scroll-view, , 设置onPullDownRefresh函数实现
15. 使用webview直接加载要注意哪些事项？
参考答案：
一. 必须要在小程序后台使用管理员添加业务域名；
二.h5页面跳转至小程序的脚本必须是1. 3. 1以上；
三. 微信分享只可以都是小程序的主名称了，如果要自定义分享的内容，需小程序版本在1. 7. 1以上；
四.h5的支付不可以是微信公众号的appid，必须是小程序的appid，而且用户的openid也必须是用户和小程序的。
16. 小程序调用后台接口遇到哪些问题？
参考答案：
一. 数据的大小有限制，超过范围会直接导致整个小程序崩溃，除非重启小程序；
二. 小程序不可以直接渲染文章内容页这类型的html文本内容，若需显示要借住插件，但插件渲染会导致页面加载变慢，所以最好在后台对文章内容的html进行过滤，后台直接处理批量替换p标签div标签为view标签，然后其它的标签让插件来做，减轻前端的时间。
17.webview的页面怎么跳转到小程序导航的页面？
参考答案：
小程序导航的页面可以通过switchTab，但默认情况是不会重新加载数据的。
若需加载新数据，则在success属性中加入以下代码即可：
success: function(e) {
var page = getCurrentPages().pop();
if (page == undefined || page == null) return;
page.onLoad();
}
webview的页面，则通过
wx.miniProgram.switchTab({
url: ‘/pages/index/index’
})
18. 小程序和Vue写法的区别？
参考答案：
一. 循环遍历的时候：小程序是wx:for=“list”，而Vue是v-for=“(item, index) in list”
二. 调用data模型的时候：小程序是this. data. uinfo，而Vue是this. uinfo；给模型赋值也不一样，小程序是this. setData({uinfo:1})，而Vue是直接this. uinfo=1
19. 小程序生命周期
参考答案：
// app.js
App({
onLaunch(options) {
// Do something initial when launch.
},
onShow(options) {
// Do something when show.
},
onHide() {
// Do something when hide.
},
onError(msg) {
console.log(msg)
},
globalData: ‘I am global data’
})
//index.js
Page({
data: {
text: “This is page data.”
},
onLoad: function(options) {
// 页面创建时执行
},
onShow: function() {
// 页面出现在前台时执行
},
onReady: function() {
// 页面首次渲染完毕时执行
},
onHide: function() {
// 页面从前台变为后台时执行
},
onUnload: function() {
// 页面销毁时执行
},
onPullDownRefresh: function() {
基础学习：
前端最基础的就是 HTML , CSS 和 JavaScript 。
网页设计：HTML和CSS基础知识的学习
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
动态交互：JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
]
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
[外链图片转存中…(img-UE9arpdx-1715617721568)]
动态交互：JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
[外链图片转存中…(img-2Jx7JBVW-1715617721568)]
