Framework7面试题及答案 - [ Web技术面试题及答案 ]

下面列出了最常见的Framework7面试问题以及答案。通过阅读下面Framework7面试题和答案,有助于让您在面试过程中应付自如,也可作为测评或复习巩固Framework7知识。

1. Framework7是什么?

Framework7是一个免费的开源移动HTML框架。 它用于为iOS和Android设备开发混合移动应用程序或Web应用程序。 它与其他框架兼容,例如Angular,React。

详细答案>>

2. Framework7在哪一年推出?

Framework7于2014年推出。其最新版本v3.1.1于2018年8月3日发布,在MIT协议下获得许可。

详细答案>>

3. Framework7受欢迎的原因是什么?

Framework7很受欢迎,原因如下: 它可以帮助您开发适用于iOS和Android的应用程序。Framework7的学习曲线非常简单。Framework7有许多预先设置的小部件/组件。它有内置的帮助程序库。详细答案>>

4. Framework7的主要功能有哪些?

Framework7的主要功能: Framework7是一个开源框架,因此可以免费使用。Framework7具有简单而熟悉的jQuery语法,因此可以非常轻松地学习它。Framework7具有内置的FastClick库,因此触摸UI的控制点击延迟非常容易。Framework7具有内置的网格系统布局,用于响应地排列元素。Framework7通过灵活的路由器API动态加载模板中的页面。详细答案>>

5. Framework7有哪些优点?

Framework7的优点: Framework7不依赖于任何第三方库。Framework7有自定义DOM7用于DOM操作。Framework7还可以与Angular和React框架一起使用。了解HTML,CSS和一些基本JavaScript,就很容易使用Framework7创建应用程序。它通过Bower支持更快的开发。无需学习即可轻松开发适用于iOS和Android的应用程序。详细答案>>

6. Framework7有哪些缺点?

Framework7的缺点:

  • Framework7仅支持iOS和Android等平台。
  • Framework7的在线社区支持并不像iOS和Andriod那样广泛。
详细答案>>

7. Framework7的几种布局是什么?

Framework7为您的应用程序提供了不同类型的布局。 它主要支持四种类型的Navbar / Toolbar布局: 静态布局:静态布局最常用于布局类型,包括导航栏和工具栏,可以是可滚动的页面内容,每个页面包含其导航栏和工具栏。固定布局:固定布局使用其导航栏和工具栏,可在屏幕上显示,并且无法在页面上滚动。通过布局:在布局中,导航栏和工具栏对于单个视图中的所有页面都显示为固定。混合布局:此布局是单个视图中所有上述布局的混合。详细答案>>

8. Framework7中的Navbars是什么?

导航栏中有三个部分,可以按以下方式包含任何HTML内容: 左:它旨在放置反向链接图标或单个文本链接。中心:用于显示页面标题或标签链接。右:此部分可以与左侧部分类似地使用。详细答案>>

9. Framework7中不同的导航栏有什么用?

以下是包含详细信息的不同导航栏列表: 基本导航栏:可以使用导航栏,导航栏,内部,左侧,中间和右侧类创建基本导航栏。带链接的导航栏:要使用导航栏左侧和右侧部分中的链接,请添加带有类链接的<a>标记。多个链接:要使用多个链接,请在您选择的部分添加一些<a class="link">。带有文本和图标的链接:通过添加图标类并使用<span>元素包装链接文本,可以为链接提供图标和文本。仅带图标的链接:通过向链接添加仅图标类,可以仅为图标提供导航栏链接。相关...详细答案>>

10. Framework7中的工具栏是什么?

工具栏用于通过使用屏幕底部的导航元素轻松访问其他页面。

详细答案>>

11. Framework7工具栏有哪些不同之处?

可以通过表中指定的两种方式使用工具栏。 隐藏工具栏:如果要在加载页面时自动隐藏工具栏,请使用无工具栏类加载页面。底部工具栏:使用工具栏底部类将工具栏放在页面底部。详细答案>>

12. Framework 7工具栏使用的方法有哪些?

以下是工具栏使用的方法列表: myApp.hideToolbar(toolbar):它隐藏指定的工具栏。myApp.showToolbar(toolbar):显示指定的工具栏。view.hideToolbar():它隐藏了视图中指定的工具栏。view.showToolbar():它显示视图中的指定工具栏。详细答案>>

13. Framework 7中的搜索栏是什么?

搜索栏是使用搜索栏类在Framework 7中获得的。 它用于搜索元素。

详细答案>>

14. framework7中有哪些不同的SearchBar属性?

以下是不同SearchBar属性的列表: mySearchbar.params:它表示与对象一起传递的初始化参数。mySearchbar.query:它搜索当前查询。mySearchbar.searchList:它定义搜索列表块。mySearchbar.container:它使用HTML元素定义搜索栏容器。mySearchbar.input:它使用HTML元素定义搜索栏输入。mySearchbar.active:它定义是启用还是禁用搜索栏。详细答案>>

15. framework7中有哪些不同的SearchBar方法?

以下是framework7中SearchBar方法列表: mySearchbar.search(query):此方法用于搜索传递的查询。mySearchbar.enable():用于启用搜索栏。mySearchbar.disable():用于禁用搜索栏。mySearchbar.clear():它可以帮助您清除查询和搜索结果。mySearchbar.destroy():用于销毁搜索栏实例。详细答案>>

16. Framework 7中的内容块(Content Block)是什么?

在Framework 7中,内容块使您能够以不同的格式添加额外的内容。 它通常在拥有不同类型的内容时使用,并且必须将所有内容放在页面上。 例如: <div class = "page-content"> <p>This is out side of content block!!!</p> <div class = "cont...详细答案>>

17. Framework 7中的布局网格是什么?

Framework7提供了不同类型的网格类型,用于根据用户需求放置内容。

布局网格用于提供不同类型的列大小。

详细答案>>

18. 您对Framework 7中的叠加(Overlays)了解多少?

在Framework7中,叠加用于平滑地处理应用程序。 以下是框架7中的一些叠加的列表: 模态:模态是一个小窗口,用于显示来自不同源的内容而不离开父窗口。弹出窗口:弹出窗口是一个弹出框,用于在用户单击元素时显示内容。Popover:它管理临时内容的呈现。操作表:操作表用于向用户显示如何处理给定任务的一系列可能性。登录屏幕:覆盖登录屏幕显示登录屏幕格式,可以在页面或弹出窗口中使用,也可以作为独立的叠加层使用。Picker模式:Picker模式用于选择一些与日历选择器类似的自定义内容。详细答案>>

19. Framework 7中的进度条是什么?

进度条可用于向用户显示资产加载或任务进度。 可以使用进度条类指定进度条。 当用户不知道加载处理请求的时间长度时,可以使用进度条 - 无限类。 <div class = "progressbar-inline"> <p><span data-progress = "10" class = "progressbar"></span><...详细答案>>

20. Framework7中的手风琴(Accordion)是什么?

在框架7中,手风琴(Accordion)是一个图形控制元素,显示为一个堆叠的项目列表。 每个手风琴都可以扩展或拉伸,以显示与手风琴相关的内容。

详细答案>>

21. Framework 7中用于手风琴的不同类有哪些?

以下类用于Framework 7手风琴: accordion-list:它是一个可选类,包含一组手风琴项目列表。accordion-item:它是单个手风琴项目的必需类。accordion-item-toggle:这是用于扩展手风琴项目内容的必需类。accordion-item-content:用于隐藏的手风琴项目内容的必需类。accordion-item-expanded:这是一个扩展的手风琴项目。详细答案>>

22. Framework 7中有哪些类型的卡片?

Framework 7卡片包含与单个主题相关的有组织的信息,如照片,链接和文本。 以下是Framework 7卡类型的列表: 卡片HTML布局:基本卡片HTML布局使用卡片类来排列其项目。带卡的列表视图:通过将卡列表类添加到<div class =“list-block”>,可以将卡用作列表视图元素。详细答案>>

23. Framework 7中浮动操作按钮的用途是什么?

Framework7浮动操作按钮用于提升操作。 它就像一个浮动在UI上方的圆圈图标,具有包括变形,启动和传输锚点在内的运动行为。 Framework7中使用了3种类型的操作按钮: 浮动动作按钮布局:非常简单,必须将其作为页面或视图的子项放置。变形为Popover:如果要在单击浮动操作按钮时打开弹出窗口,则可以使用浮动按钮到弹出窗口类。快速拨号:可以使用快速拨号单击浮动操作按钮来调用相关操作。详细答案>>

24. Framework 7中有哪些选项卡?

Framework7选项卡是一组逻辑分组的内容,便于您在它们之间移动并快速保存像手风琴一样的空间。 让我们看一下Framework7选项卡的布局: <!-- Tabs wrapper should have "tabs" class. It is a required element --> <div class = "tabs"> <!-- The tab should have "tab" cla...详细答案>>

25. Framework 7中的消息栏是什么?

Framework7消息栏是一个可调整大小的工具栏,用于消息。 它提供了一个特殊的可调整大小的工具栏,用于处理应用程序中的消息传递系 语法: <div class="page toolbar-fixed"> <div class="toolbar messagebar"> <div class="toolbar-inner"> <textarea placehol...详细答案>>

26. Framework 7中的选择器是什么?

在Framework7中,选择器是一个非常强大的组件,它可以帮助您从列表中选择任何值,还可以用于创建自定义叠加选择器。 它看起来像原生iOS选择器,可以用作内联组件或叠加层。

详细答案>>

27. Framework 7中无限滚动的用途是什么?

当您要加载其他内容并在页面接近底部时执行所需操作时,将使用无限滚动。 语法 <div class = "page"> <div class = "page-content infinite-scroll" data-distance = "100"> ... </div> </div> 这里: page-content infinite-scroll:用...详细答案>>

28. Framework 7中的自动完成是什么?

在Framework7中,自动完成是一个移动友好和触摸优化组件,可以是下拉列表或独立方式。 可以使用JavaScript方法创建和初始化自动完成实例: myApp.autocomplete(parameters) 这里,parameters是用于初始化自动完成实例的必需对象。详细答案>>

29. 如何在Framework 7中使用日期功能?

Framework7提供了Calender组件,可以方便您轻松处理日期,并可用作内联或叠加组件。 叠加日历会自动转换为在平板电脑上弹出。 myApp.autocomplete(parameters) 这里,parameters是用于初始化自动完成实例的必需对象。详细答案>>

30. Framework7中的通知有什么用?

通知用于显示所需的消息,这些消息看起来像推送(或本地)iOS通知。 Framework7通知的用法是: 序号 通知用法 描述 1 通知JavaScript API 也可以使用相关的app方法使用JavaScript添加或关闭通知。 2 通知布局 使用JavaScript添加Framework7通知。 3 iOS示例 Framework7在iOS布局中使用不同类型的通知。 4 Material示例 Framework7通知也可以在Material布局中使用。 详细答案>>
注: 此试题仅作为相关知识水平测试,不能作为权威试题和答案。非商业转载注明原文链接即可;商业转载需本站授权同意。