微信小程序详细讲解页面传值,globalData,wx,web前端开发基础

这篇具有很好参考价值的文章主要介绍了微信小程序详细讲解页面传值,globalData,wx,web前端开发基础。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在其他非app.js文件中修改:

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

Page({

onLoad: function(option){ // option 可以接收传过来的值

console.log(option.name + ‘is’ + option.gender)

}

})

需要注意的问题:wx.navigateTo 和 wx.redirectTo 不允许跳转到 tab 所包含的页面 onLoad 只执行一次

假如在A页面有一个固定的值要传递到B页面,比如说一个固定的值id要传递给B

跳转b页面

在事件中写入参数,当然如果是传多个参数的话就要在后面加 & (按得 符号)

// 传入多个值这样传

goSsarch(e){

let val = e.currentTarget.dataset.item.name

wx.navigateTo({

url: ‘/pages/detail/detail?val=’+val, // 传入单个值

url: ‘/pages/detail/detail?val=’+val + ‘&id=’+ 123, // 传多个值

url:/pages/detail/detail?val=${val}&id=123 // 磨板字符串

})

}

二、或者使用本地缓存 Storage 相关

web:

  • 存: localStorage.setItem(key, value)

  • 取: localStorage.getItem(key)

小程序:

  • 存: setStorageSync(key ,value) 是微信小程序同步缓存方法

  • 取: getStorageSync(key) 是微信小程序同步缓存方法

  • wx.setStorage(Object object) 是微信小程序异步缓存方法

  • wx.getStorage(Object object) 是微信小程序异步缓存方法

以Sync 结尾 同步缓存,二者的区别是,异步不会阻塞当前任务,同步缓存直到同步方法处理完才能继续往下执行。

异步就是不管保没保存成功,程序都会继续往下执行.同步是等保存成功了,才会执行下面的代码.

使用异步,性能会更好;而使用同步,数据会更安全

一般都使用同步,异步是为了用户体验的情况而选择,同步相对简单。

存储数据

// 把数据 num++

numAdd(e) {

let shopObject = wx.getStorageSync(‘shopObject’) // 将数据取出来操作

shopObject.forEach(item => {

if (item.goods_id == e.detail) {

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

微信小程序 wxml app global data,程序员,微信小程序,前端,小程序

微信小程序 wxml app global data,程序员,微信小程序,前端,小程序

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

微信小程序 wxml app global data,程序员,微信小程序,前端,小程序

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

微信小程序 wxml app global data,程序员,微信小程序,前端,小程序

微信小程序 wxml app global data,程序员,微信小程序,前端,小程序

完整版面试题资料免费分享,只需你点赞支持,动动手指点击此处就可免费领取了。

前端实习面试的套路


回顾项目

往往在面试时,面试官根据你简历中的项目由点及面地展开问答,所以请对你做过的最好的项目进行回顾和反思。回顾你做过的工作和项目中最复杂的部分,反思你是如何完成这个最复杂的部分的。

面试官会重点问你最复杂的部分的实现方法和如何优化。重点要思考如何优化,即使你项目中没有对那部分进行优化,你也应该预先思考有什么优化的方案。如果这部分答好了,会给面试官留下很不错的印象。

重点在于基础知识

这里指的基础知识包括:前端基础知识和学科基础知识。

前端基础知识:html/css/js 的核心知识,其中 js 的核心知识尤为重要。比如执行上下文、变量对象/活动对象(VO/AO)、作用域链、this 指向、原型链等。

学科基础知识:数据结构、计算机网络、算法等知识。你可能会想前端不需要算法,那你可能就错了,在大公司面试,面试官同样会看重学生这些学科基础知识。
你可能发现了我没有提到React/Vue这些框架的知识,这里得说一说,大公司不会过度的关注这方面框架的知识,他们往往更加考察学生的基础。
这里我的建议是,如果你至少使用或掌握其中一门框架,那是最好的,可以去刷刷相关框架的面试题,这样在面试过程中即使被问到了,也可以回答个 7788。如果你没有使用过框架,那也不需要太担心,把重点放在基础知识和学科基础知识之上,有其余精力的话可以去看看主流框架的核心思想。

就错了,在大公司面试,面试官同样会看重学生这些学科基础知识。
你可能发现了我没有提到React/Vue这些框架的知识,这里得说一说,大公司不会过度的关注这方面框架的知识,他们往往更加考察学生的基础。
这里我的建议是,如果你至少使用或掌握其中一门框架,那是最好的,可以去刷刷相关框架的面试题,这样在面试过程中即使被问到了,也可以回答个 7788。如果你没有使用过框架,那也不需要太担心,把重点放在基础知识和学科基础知识之上,有其余精力的话可以去看看主流框架的核心思想。文章来源地址https://www.toymoban.com/news/detail-857891.html

到了这里,关于微信小程序详细讲解页面传值,globalData,wx,web前端开发基础的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序如何及时获取页面循环元素的宽度、高度、距离左边值、函数自调、类似递归、闪屏、selectAll、exec、globalData、map、scroll-view

    distanceLeft :定义一个数组存储各个循环元素距离左边的值。 isPage :控制页面显示与隐藏。 scrollLeft :动态设置滚动距离。 isAactivity :存储 tabBar 对应 id 值。因为从 tabBar 页面跳转到 tabBar 页面时不能在路径上携带参数,所以此参数存储在全局变量中。 在微信小程序中使用

    2024年02月13日
    浏览(55)
  • 微信小程序全局变量(globalData)和缓存(StorageSync)的区别和用法

    globalData和storage的区别 一、app.globalData 是全局变量,下次进入的时候,就要重新获取,一般用于: 1、保存一些可能涉及安全类的数据,例如资源类,每次需要很准确的,就建议用全局变量。 2、全局变量每次关闭小程序重新打开的时候,都会进行初始化更新。 二、缓存(S

    2024年02月01日
    浏览(39)
  • 【微信小程序】实现授权登入---超详细讲解

               微信授权登录是指在使用某些第三方网站或应用时,用户可以选择使用自己的微信账号进行登录和验证身份。通过微信授权登录,用户可以免去繁琐的注册流程,只需点击授权按钮,即可使用自己的微信账号进行登录。当用户选择使用微信授权登录时,他们会

    2024年02月05日
    浏览(42)
  • 【微信小程序】-—下拉刷新、上拉触底事件详细讲解

    下拉式移动端的专有名词,指的是通过手指子在屏幕上的下拉滑动操作,从而重新加载页面数据 (1)方法一:全局开启下拉刷新 在app.json的window节点中,将enablePullDownRefresh设置为true (2)方法二:局部开启下拉刷新 在页面的.json配置文件中,将enablePullDownRefresh设置为true 在实

    2024年02月06日
    浏览(50)
  • 微信小程序:父子组件传值

    在微信小程序里,父组件可以向子组件传值,子组件也可以向父组件传值,不过这两种传值方式不大相同,下面先简单介绍这两种传值的区别。 两者的区别 父组件向子组件传值,使用的是   属性绑定   的方法,并且只能传递普通类型的数据 子组件向父组件传值,使用的是

    2024年02月07日
    浏览(61)
  • 【微信小程序】父子组件之间传值

    1. 父组件向子组件 传值 2. 子组件向父组件 传值 父向子传值使用的是 属性绑定 ,子组件中的 properties 对象进行接收父组件传递过来的值。 子向父传值使用的是 自定义事件 ,父组件通过自定义事件中的 事件对象e 来接收子组件传递过来的值。 1.1 在父组件的.json文件中导入子

    2024年02月16日
    浏览(48)
  • 关于微信公众号的h5页面跳转微信小程序的详细介绍

    关于微信公众号跳转小程序的功能,我也是研究了一整天才弄好的,主要是微信官方文档写的不清楚,百度上的各种文章也各说各的,不过最后还是要相信官网文档,接下来我会一步一步分析,希望对你有帮助,并且最后会贴上全部代码。 一、条件 已认证的 服务号 ,服务号

    2024年02月10日
    浏览(65)
  • 微信小程序怎样给事件传值的

    通过自定义属性传值: 在触发事件的组件上,可以通过自定义属性将需要传递的值绑定到事件对象上。在事件处理函数中,通过 event.currentTarget.dataset 来获取自定义属性的值。 代码如下: 通过事件对象传值: 在触发事件时,可以使用 event.detail 将值传递给事件处理函数。在

    2024年02月03日
    浏览(40)
  • 【微信小程序入门到精通】— swiper 超详细的属性值讲解!确定不来看看?

    对于目前形式,微信小程序是一个热门,那么我们该如何去学习并且掌握之后去做实际项目呢? 为此我特意开设此专栏,在我学习的同时也将其分享给大家! 本篇文章主要介绍我们微信小程序 swiper 的常用属性,接下来我们将逐一讲解。 如果在往下阅读的过程中,有什么错

    2024年02月08日
    浏览(55)
  • 微信小程序有哪些传值(传递数据)方法

    URL参数传递: 可以通过URL参数的方式将数据传递给小程序页面。 Storage存储: 可以通过Storage API将数据存储在本地,然后在小程序页面中读取。 全局变量: 可以将数据存储在小程序的全局变量中,然后在小程序页面中读取。 数据绑定: 可以通过数据绑定的方式将数据传递给

    2024年02月06日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包