小程序面试题

2023-10-27

简单谈谈微信小程序

在结构和样式方面,小程序提供了一些常用的标签与控件,比如:

  • view,小程序主要的布局元素,类似于html标签的div,你也完全可以像控制div那样去控制view。

  • scroll-view,你要滚动内容的话,没必要用view去做overflowscroll-view提供了更为强大的功能,通过参数的调整,你可以控制滚动方向,触发的事件等等

配置文件app.json平级的还有一个app.js文件,是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,在每个page目录里的js做当前页面的业务操作。但是小程序的页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件,所以我们常用的zepto/jquery 等类库也是无法使用的。

另一个app.wxss文件,这个是全局的样式,所有的页面都会调用到,每个项目目录下面的wxss是局部样式文件,不会和其他目录产生污染,可以放心使用样式名。

他提供的WXSS是一套样式语言,具有 CSS 大部分特性,可以看作一套简化版的css
同时为了更适合开发微信小程序,还对 CSS 进行了扩充以及修改,直接帮我们把适配的一部分工作都做了,比如他的rpx,可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素1rpx = 0.5px = 1物理像素。

在调用微信生态系统功能时,微信小程序提供了相应的api,比如你要修改一个头像,可以使用wx.chooseImage

小程序的原生组件有哪些

以微信小程序为例,可以分成容器组件基础组件表单组件媒体组件开放能力组件

小程序的安卓版和ios版是怎么开发出来

小程序开发基于htmlcssjavascript,与web开发一样具有跨平台特性,一次开发即可在安卓iOS等平台访问,但与普通web开发不同,小程序运行环境并不是浏览器,而是依附于各自的软件App,如微信小程序必须在微信中访问,支付宝小程序必须在支付宝中访问等,小程序的开发流程也有所不同,需要经过申请小程序帐号、安装小程序开发者工具、配置项目、开发、调试、上线发布等过程方可完成

uni-app弹窗被覆盖怎么解决

如果弹窗被别的内容覆盖,且设置很大的z-index也无法解决,这种情况多半是被一些如mapvideotextareacanvas等原生组件遮盖,因为原生组件层级高于前端组件,我们可以使用cover-view组件解决

小程序生命周期

onReady 生命周期函数–监听页面初次渲染完成

onShow 生命周期函数–监听页面显示

onHide 生命周期函数–监听页面隐藏

onUnload 生命周期函数–监听页面卸载

onPullDownRefresh 页面相关事件处理函数–监听用户下拉动作

onReachBottom 页面上拉触底事件的处理函数

onShareAppMessage 用户点击右上角转发

onPageScroll 页面滚动触发事件的处理函数

onTabItemTap 当前是 tab 页时,点击 tab 时触发

小程序路由跳转

1.通过组件navigator跳转,设置url属性指定跳转的路径,设置open-type属性指定跳转的类型(可选),open-type的属性有 redirect, switchTab, navigateBack

// redirect 对应 API 中的 wx.redirect 方法
<navigator url="/page/redirect/redirect?title=redirect" open-type="redirect">在当前页打开</navigator>

// navigator 组件默认的 open-type 为 navigate 
<navigator url="/page/navigate/navigate?title=navigate">跳转到新页面</navigator>

// switchTab 对应 API 中的 wx.switchTab 方法
<navigator url="/page/index/index" open-type="switchTab">切换 Tab</navigator>

// reLanch 对应 API 中的 wx.reLanch 方法
<navigator url="/page/redirect/redirect?title=redirect" open-type="redirect">//关闭所有页面,打开到应用内的某个页面

// navigateBack 对应 API 中的 wx.navigateBack 方法
<navigator url="/page/index/index" open-type="navigateBack">关闭当前页面,返回上一级页面或多级页面</navigator>

2.通过api跳转,wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()

wx
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

小程序面试题 的相关文章

  • 将数据从 Excel 复制到记事本

    我使用以下命令将数据从 Excel 复制到记事本SendKeysExcel VBA 函数 我希望避免使用 sendkeys 我有这个代码 sub test dim wb as Workbook set wb C Documents test
  • notepad++正则表达式如何从此列表中提取userId

    我有下面这个列表 originalscrape scrapeDate userId username full name is private follower count following count media count biogr
  • 如何查找/替换 xml 文件中的多个字符串?

    我有大约 600 个不同的文本字符串需要在 XML 文件中替换 我正在使用 notepad 但如果这可以完成任务 我也可以使用其他程序 文本更改列在单独的 Excel 文件中 有没有一种方法可以运行脚本或命令来一次查找 替换所有字符串 而不
  • 微信小程序的自动化测试框架

    微信发布了小程序的自动化测试框架Minium 提供了多种运行验证方式 其特点 支持一套脚本 iOS Android 模拟器 三端运行 提供丰富的页面跳转方式 看不到也能去得到 可以获取和设置小程序页面数据 让测试不止点点点 可以直接触发小程
  • 【计算机毕业设计】趵突泉景区的智慧导游小程序_5ztvv

    当今社会已经步入了科学技术进步和经济社会快速发展的新时期 国际信息和学术交流也不断加强 计算机技术对经济社会发展和人民生活改善的影响也日益突出 人类的生存和思考方式也产生了变化 传统趵突泉景区的智慧导游采取了人工的管理方法 但这种管理方法存
  • Notepad++ 搜索并替换多个文本行

    我在许多不同的规则中有数千个这样的规则 edit 1698 set src address 172 29 44 51 32 set dst address 172 29 44 67 32 set service tcp 1022 set s
  • 删除“NUL”字符

    我的记事本 中有这样的字符 当我尝试复制整行时 我实际上正在复制所有内容 直到 NUL File 1 我想做的就是替换那些空的 什么都没有 这样我就可以复制我的整行 也许有任何关键字可以告诉记事本 或任何其他可能有帮助的程序 替换这些字符
  • Notepad++ 不突出显示 HTML 文件中的 css [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 在 Notepad 中 HTML 文件中的 CSS 没有语法突出显示 可以启用吗 这个问题已在超级用户中得到回答不同语言语法突出显示 ht
  • 从 C# 应用程序打开 txt 文件

    以下代码假设从我的 C 应用程序打开 CMD 并打开文件 text txt 我尝试将文件路径设置为环境变量 但是当记事本打开时 它会查找 file txt 而不是 text txt 知道为什么吗 System Diagnostics Pro
  • 在 Notepad++ 中显示不匹配的 html 标签

    有没有办法在 Notepad 中突出显示不匹配的 HTML 标签 例如 如果我有以下 HTML 我想要标签以某种方式突出显
  • 在 Notepad ++ 中双击捕获 PHP 变量

    我刚刚从 eclipse 切换到 Notepad 并修改了记事本的一些行为 但仍有一个未解决 当我双击一个变量时 我希望我的编辑器能够捕获整个变量 记事本自动排除 php 前缀 效率不高 有什么办法可以改变我的行为吗 谢谢 从版本 7 3
  • 任何自动保存文档版本的 Notepad++ 插件 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有谁知道有什么记事本 插件可以定期保存我正在处理的内容的版本吗 理想情况下 它会保存许多版本 并在标题
  • 如何让notepad++在cmd中像普通记事本一样工作?

    我喜欢使用命令提示符来编写和编译java 为了编写代码 我在cmd中输入 记事本MyJavaClass java 这将打开记事本并询问我是否要创建新文件 如果它尚不存在 对我来说 问题是我喜欢使用 notepad 作为文本编辑器 因为它有很
  • Notepad++ HTML Tidy 未知异常 Windows 7 x64

    当我尝试从 NotePad v5 9 3 中的 TextFX 菜单运行 HTML Tidy 时 出现以下错误 找不到配置文件 C Program Files x86 Notepad plugins Config tidy HTMLTIDY
  • 如何设置新语言 IDE

    在工作中 我们使用专有语言 并使用带有简单代码突出显示的 Notepad 进行编程 这真的很烦人 所以我想做的是花一些时间来设置一个文本编辑器或现有的 IDE 来支持我的语言 我在谷歌上搜索了很多 有很多选择 在开始工作之前我想问你什么是最
  • Mercurial 和 Notepad++ 集成

    Notepad 是否有插件可以与 Mercurial 和 TortoiseHg 集成 如果将以下内容添加到我们的配置文件中 您可以使用 Notepad 打开文件 tortoisehg editor
  • 如何在Notepad++中将大写字母转换为小写字母

    我主要使用 Notepad 进行编码 如何将大写字母转换为小写字母 反之亦然 只需选择要更改的文本 右键单击并根据需要选择大写或小写
  • 通过键盘快捷键重新缩进 XML

    我正在浏览数百个 xml 文件 当我在记事本 中打开它们时 我必须对每个文件执行 HTML Tidy gt re indent XML 对于一个文件来说 这一步骤并不会花费太长的时间 但是加起来就会产生很多很多的文件 有没有办法将其放在记事
  • 将 Excel 行输出到一系列文本文件

    在 Excel 中 我在 A 列中有一个文章名称列表 在 B 列中有一个免责声明 现在 对于 A 列中的每篇文章 我想创建一个文本文件 A 是文件的标题 B 是文件的标题 免责声明是文件的内容 这可能吗 我的想法是 我有数百个这样的东西 我
  • 复制带有格式的 Notepad++ 文本?

    我正在使用 Notepad 来编写代码 如何复制 Notepad 中的代码及其格式以粘贴到 Microsoft Word 中 即语法突出显示等 这是当您选择要复制为 html 的文本时来自 notepad 的图像 and how the f

随机推荐

  • docker中的Volume

    简介 Volume是计算机存储技术中的一个术语 用于表示一块独立的存储空间 在操作系统中 一个硬盘可以被分为多个分区 每个分区可以被格式化为一个独立的卷 这个卷就被称为Volume Volume通常是指一个逻辑存储单元 可以是硬盘 U盘 S
  • 操作系统名词解释

    名词表示 CF 溢出标志位 进位标志位 IF 中断屏蔽标志位 SF 符号标志位 PROW 可编程只读存储器 FCFS 先来先服务算法 SJF 最短进程优先算法 SRTN 最短剩余时间优先算法 HRRF 最高响应比优先算法 名词解释 1 特权
  • mysql5.5忘记密码——修改密码

    ERROR 1045 28000 Access denied for user root localhost using password YES 1 进入mysql的bin目录 2 net stop mysql关闭Mysql服务 记住这一
  • 线性回归实战:股价预测(未完)

    线性回归实战 股价预测 问题描述剖析 数据预处理 理解股价数据 数据清洗 构造训练数据 处理NA字段 数据归一化 构建模型 训练数据和测试数据 训练模型 可视化结果 本文内容是对贪心科技课程第二章的笔记 问题描述剖析 我们制定的任务是 根据
  • C语言中char数组和char指针有什么区别?

    让我们通过下面的例子 来了解 C语言中字符数组和字符指针之间的区别 void test arr is array of characters char arr 12 Aticleworld ptr is pointer to char ch
  • 给定一个数t,以及n个整数,在这n个数中找到加和为t的所有组合

    题目 给定一个数t 以及n个整数 在这n个数中找到加和为t的所有组合 例如t 4 n 6 这6个数为 4 3 2 2 1 1 这样输出就有4个不同的组合它们的加和为4 4 3 1 2 2 and 2 1 1 请设计一个高效算法实现这个需求
  • 数据结构 ->顺序表的输入 输出 查找 删除 销毁 快速排序

    目录 话不多说 上代码 定义 顺序表的 输入 顺序表的 输出 顺序表的 查找 顺序表的 删除 顺序表的 销毁 顺序表的 快速排序 顺序表 全名顺序储存结构 是线性表的一种 顺序表储存数据时 会提前申请一整块足够大小的物理空间 然后将数据依次
  • 机器学习——聚类算法k-means

    机器学习 聚类算法k means 常见的聚类算法 k means算法 k 均值算法 由簇中样本的平均值来代表整个簇 文章目录 机器学习 聚类算法k means 聚类分析概述 一 k means背景 二 k means算法思想 1 k mea
  • Spring IOC 容器:掌握 Spring 的核心技术

    Spring 是一个非常流行和强大的 Java 开发框架 它可以帮助我们简化和优化 Java 项目的开发过程 Spring 的核心技术之一就是 IOC Inversion of Control 控制反转 它可以实现对象之间的解耦 让对象的创
  • 解决vxe-table切换显示隐藏的时候表格样式错乱问题

    在日常开发过程中我们会遇到表格切换显示的场景 但是切换后表格列宽会压缩到一起 如下图情况 此时我们只需要在切换表格的方法里触发一下表格的refreshData 方法即可解决此问题 this refs xTable refreshData
  • 报错无限递归:Could not write JSON: Infinite recursion (StackOverflowError);

    感谢原文大佬 https blog csdn net east123321 article details 80435051 问题描述 在controller返回数据到统一json转换的时候 出现了json infinite recursi
  • 【MySQL错误解决】ERROR 1273 (HY000): Unknown collation: ‘utf8‘ 错误的解决办法

    一 前言 今天把本地数据库导出的sql文件上传到服务器上的数据库的时候 出现了以下的错误 改错误之处我的文件再导入到数据库的时候 出现字符集不一样的错误 二 问题产生的原因 这是数据库编码的问题 查了网上的一些资料 出现这个问题的原因在于
  • Python基础专栏⑧-python基础篇-数据类型之字符串

    字符串是计算机处理中最常见的数据类型 在编程语言中 都存在字符串类型 python也不例外 一 字符串定义 字符串是由字符构成的一个序列 作为一个整体使用 字符串中字符的个数可以有0个 也可以有多个 0个的话 被称为空字符串 在python
  • CTF从零到一 信息收集 粗心的小李

    看到题目 很明显的说了git泄露 使用scrabble scrabble http 127 0 0 1 ls查看 cat查看index html 发现flag
  • openwrt.21.05烧录固件板子提示文件格式错误

    前面是因为编译的时候提示固件太大了 把flash从 4Mlzma 修改成 16Mlzma 了 那么编译过后 烧录进板子的时候 又报错了 怎么修改看这个 在最后Ubuntu下编译openwrt的过程出错及解决 小蚂蚁t的博客 CSDN博客 o
  • Linux学习之基本指令一

    在学习Linux下的基本指令之前首先大家要知道Linux下一切皆目录 我们的操作基本上也都是对目录的操作 这里我们可以联想我们是如何在windows上是如何操作的 只是形式上不同 类比学习更容易理解 目录 01 ls指令 02 pwd命令
  • Python解决:从键盘输入n个数,统计非负数字的个数和非负数字的和。

    题目 从键盘输入n个数 统计非负数字的个数和非负数字的和 代码如下 str input 请输入几个数字 用逗号隔开 n str1 str split 返回字符列表list sum 0 求和器 negetive number 0 个数求和 f
  • idea--Preferences

    Font Font Monaco Size 16 Line spacing 1 3 Appearance Theme Darcula 勾选Use dark window headers 第三方主题 www color themes com
  • 加密新潮流:社交代币衰落 社区代币崛起?

    这不是 Forefront 首次回顾加密行业中代币化社区赛道的年度发展历程 但毫无疑问 2022 年的情况确实发生了很大变化 其中 Forefront 的第一份报告 2020 年社交代币年度回顾 探讨了加密社交的新兴前景 涵盖了通过代币化时
  • 小程序面试题

    文章目录 简单谈谈微信小程序 小程序的原生组件有哪些 小程序的安卓版和ios版是怎么开发出来 uni app弹窗被覆盖怎么解决 小程序生命周期 小程序路由跳转 小程序的兼容问题有哪些 小程序框架都掌握哪一些 uniapp都会哪一些 平时开发