2023年最新前端面试题(小程序相关)

一、小程序 tabbar的限制(配置参数)

修改项目根目录中的 app.json 配置文件,与pages平级的位置新增 tabBar 的配置节点如下:

"tabBar": {

"selectedColor": "#C00000",

"list": [

{

"pagePath": "pages/home/home",

"text": "首页",

"iconPath": "static/tab_icons/home.png",

"selectedIconPath": "static/tab_icons/home-active.png"

},

{

"pagePath": "pages/cate/cate",

"text": "分类",

"iconPath": "static/tab_icons/cate.png",

"selectedIconPath": "static/tab_icons/cate-active.png"

},

{

"pagePath": "pages/cart/cart",

"text": "购物车",

"iconPath": "static/tab_icons/cart.png",

"selectedIconPath": "static/tab_icons/cart-active.png"

},

{

"pagePath": "pages/my/my",

"text": "我的",

"iconPath": "static/tab_icons/my.png",

"selectedIconPath": "static/tab_icons/my-active.png"

}

]

}

2023年最新前端面试题(小程序相关)_第1张图片
2023年最新前端面试题(小程序相关)_第2张图片

二、小程序的支付流程

  1. 创建订单

请求创建订单的 API 接口:把(订单金额、收货地址、订单中包含的商品信息)发送到服务器

服务器响应的结果:订单编号

  1. 订单预支付

请求订单预支付的 API 接口:把(订单编号)发送到服务器

服务器响应的结果:订单预支付的参数对象,里面包含了订单支付相关的必要参数

  1. 发起微信支付

调用 uni.requestPayment() 这个 API,发起微信支付;把步骤 2 得到的 “订单预支付对象” 作为参数传递给 uni.requestPayment() 方法

监听 uni.requestPayment() 这个 API 的 success,fail,complete 回调函数

三、小程序分包是什么?你怎么分包的?

一个完整的小程序项目,按照需求划分不同的子包,构建的时候打包成不同的分包,按需加载

四、跳转路径的几种api

五、登录部分怎么做的

你可能感兴趣的:(前端,css3,css,javascript)