放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 前端

    • 前端 概览
    • 前端汇总

    • front 博文

    • front 项目总结

    • front 高级

    • front tools

  • vue

    • vue 概览
    • vue 汇总

    • vue 博文

    • vue 项目总结

    • vue 高级

  • html

    • html 概览
    • html 汇总

    • html 博文

  • css

    • css 概览
    • css 汇总

    • css 博文

    • sass

    • less

  • js

    • javascript 概览
    • JS 汇总

    • ES6

    • JS 博文

    • JS 工具

  • node

    • node 概览
    • node 汇总

    • node 框架

    • node 博文

  • react

    • react 概览
    • react 汇总

    • react 博文

    • react 高级

  • 微信小程序

    • 微信小程序 概览
    • 微信小程序总结
    • 微信小程序文章
    • 微信小程序 博文

      • 小程序知识点
        • 微信小程序生命周期
      • 微信小程序 高级

    • 微信公众号

      • 微信公众号 概览
      • 微信公众号总结
      • 微信公众号文章
    • 多端开发

      • 多端开发
      • dsbridge 概览
      • jsbridge 概览
      • webview
      • uniapp

        • uniapp 概览
      • taro

        • taro 概览
      • flutter

        • flutter 概览
        • flutter 环境搭建
      • electron

        • electron 概览
    • front
    放肆青春
    2022-02-18

    小程序知识点

    # 小程序跳转方法

    1. wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面

    2. wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

    3. wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabBar 页面

    4. wx.navigateBack() : 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层

    5. wx.reLaunch() : 关闭所有页面,打开到应用的某个页面。

    # 小程序 WXSS 与 CSS 的区别

    1. wxss 背景图片只能引入外链,不能使用本地图片

    2. 小程序样式使用 @import 引入 外联样式文件,地址为相对路径。

    3. 尺寸单位为 rpx , rpx 是响应式像素,可以根据屏幕宽度进行自适应。

    # wxml 与标准的 html 的异同

    相同点:

    1. 都是用来描述页面的结构;

    2. 都由标签、属性等构成;

    不同点:

    1. 标签名字不一样,且小程序标签更少,单一标签更多;

    2. 多了一些 wx:if 这样的属性以及 这样的表达式

    3. WXML 仅能在微信小程序开发者工具中预览,而 HTML 可以在浏览器内预览

    4. 组件封装不同, WXML 对组件进行了重新封装,

    5. 小程序运行在 JS Core 内,没有 DOM 树和 window 对象,小程序中无法使用 window 对象和 document 对象。

    # bindtap 和 catchtap 区别

    相同点: 都是点击事件

    不同点: bindtap 不会阻止冒泡, catchtap 可以阻止冒泡

    # 小程序有哪些传递数据的方法

    1. 使用全局变量

    在 app.js 中的 this.globalData = { } 中放入要存储的数据。

    在 组件.js 中, 头部 引入 const app = getApp(); 获取到全局变量

    直接使用 app.globalData.key 来进行赋值和获取值。

    1. 使用 路由

    wx.navigateTo 和 wx.redirectTo 时,可以通过在 url 后 拼接 + 变量, 然后在 目标页面 通过在 onLoad 周期中,通过参数来获取传递过来的值。

    1. 使用本地缓存
    更新时间: 2/18/2022, 8:04:58 PM
    微信小程序文章
    微信小程序生命周期

    ← 微信小程序文章 微信小程序生命周期→

    最近更新
    01
    前端权限管理
    02-24
    02
    vue2指令
    02-24
    03
    vue2 hook
    02-24
    更多文章>
    Theme by Vdoing | Copyright © 2019-2022 放肆青春
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式