微信小程序详细讲解页面传值，globalData，wx，web前端开发基础，微信小程序页面传值详解，globalData与wx在Web前端开发基础中的应用探讨

摘要：，，本文介绍了微信小程序中的页面传值、globalData以及web前端开发基础。详细讲解了如何在微信小程序中实现页面之间的数据传递，通过globalData实现跨页面数据共享的方法，以及wx对象在其中的作用。本文也概述了web前端开发的基础知识，对于初学者了解微信小程序开发和web前端开发有一定的指导意义。

var app = getApp();

然后可以设置全局数据，例如表示用户已登录的状态：

app.globalData.hasLogin = true;

关于页面间的跳转和数据传递，可以使用wx.navigateTo和wx.redirectTo方法，可以将部分数据放在url里，新页面onLoad时可以初始化这些数据。

// Navigate
wx.navigateTo({
    url: ‘…/pageD/pageD?name=raymond&gender=male’,
})
// Redirect
wx.redirectTo({
    url: ‘…/pageD/pageD?name=raymond&gender=male’,
})

在pageB.js中，可以在onLoad函数中接收传过来的值：

Page({
    onLoad: function(option){ 
        console.log(option.name + 'is' + option.gender); 
    }
})

注意，wx.navigateTo和wx.redirectTo不允许跳转到tab所包含的页面，并且onLoad只执行一次，如果需要在页面间传递固定值，比如一个固定的id，可以在事件处理函数中加入参数，使用dataset获取数据然后传递，可以使用本地缓存Storage来存储数据，小程序提供了同步和异步的存储方法，同步缓存数据更安全，而异步缓存性能更好，可以根据需求选择合适的方法。

// 存储数据
wx.setStorageSync('key', 'value'); // 同步存储
wx.setStorage({key:'key', data:'value'}); // 异步存储

关于面试方面的一些建议：在面试过程中，除了项目经验的回顾和展示外，还需要注重基础知识和学科基础知识的准备，大公司往往更加注重学生的基础，因此熟练掌握html/css/js的核心知识以及数据结构、计算机网络、算法等学科知识是非常重要的，如果有精力的话，也可以了解主流框架的核心思想，提醒一下，即使没有使用过框架也不需要过于担心，只要把重点放在基础知识和学科基础知识之上即可。

对于想要提升前端技能的朋友，可以关注一些学习资料，2024年Web前端开发全套学习资料》，包含了从基础到进阶的全方位知识，适合不同水平的前端开发者学习提升，如果有需要的话，可以扫码获取相关资料。（备注：前端）