首页
学习
活动
专区
圈层
工具
发布

30 道 Vue 面试题,内含详细讲解(中)

11、父组件可以监听到子组件的生命周期吗?...include 和 exclude 属性,两者都支持字符串或正则表达式, include 表示只有名称匹配的组件会被缓存,exclude 表示任何名称匹配的组件都不会被缓存 ,其中 exclude 的优先级比...provide / inject API 主要解决了跨级组件间的通信问题,不过它的使用场景,主要是子组件获取上级组件的状态,跨级组件间建立了一种主动提供与依赖注入的关系。...即:SSR大致的意思就是vue在客户端将标签渲染成的整个 html 片段的工作在服务端完成,服务端形成的html 片段直接返回给客户端这个过程就叫做服务端渲染。...(3)ViewModel 层 ViewModel 是由前端开发人员组织生成和维护的视图数据层。

1.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    文档分割提高RAG的常用技巧

    精度:避免过大片段包含无关噪声,或过小片段丢失关键上下文,使检索结果更相关、更聚焦。...保留元信息:分割时通常会将父级标题信息(如 Header 1 > Header 2 > Header 3)作为元数据添加到片段中,极大增强检索和生成时的上下文理解。...需要结合其他技术(如父文档检索、句子窗口检索、摘要链等)。...案例:研报中的跨页数据对比(如"图3"在P10,"分析结论"在P12)操作:- 第一层:用结构化分割法按章节切分- 第二层:对"财务分析"章节采用父文档检索# 子片段(用于检索)chunks = split_text...(chunk_size=400) # 父片段(用于生成)parent_chunks = split_text(chunk_size=2000) 当检索到子片段"见图3趋势"时,自动关联所属的父片段(

    51300

    文档分割提高RAG的常用技巧

    精度:避免过大片段包含无关噪声,或过小片段丢失关键上下文,使检索结果更相关、更聚焦。...保留元信息:分割时通常会将父级标题信息(如 Header 1 > Header 2 > Header 3)作为元数据添加到片段中,极大增强检索和生成时的上下文理解。...需要结合其他技术(如父文档检索、句子窗口检索、摘要链等)。...案例:研报中的跨页数据对比(如"图3"在P10,"分析结论"在P12) 操作: 第一层:用结构化分割法按章节切分 第二层:对"财务分析"章节采用父文档检索 # 子片段(用于检索) chunks = split_text...(chunk_size=400) # 父片段(用于生成) parent_chunks = split_text(chunk_size=2000) 当检索到子片段"见图3趋势"时,自动关联所属的父片段

    57510

    上手指南 | Jetpack Hilt 依赖注入框架

    HiltAndroidApp @HiltAndroidApp 将会触发 Hilt 的代码生成,作为程序依赖项容器的基类 生成的 Hilt 依附于 Application 的生命周期,他是 App 的父组件...的使用 使用之前需要在 app.build 下添加一下对 viewModel的支持 implementation 'androidx.hilt:hilt-lifecycle-viewmodel:1.0.0...的实例 @AndroidEntryPoint class HomeContentActivity : AppCompatActivity(){ //生成 ViewModel 的实例...就将你的库中所有活动一样,使父级成为 ApplicationComponent 也没有意义,因为您没有将组件放入 Application 。...同样,如果一个仅包含片段库并托管在应用程序的活动中,那可能会遇到类似的情况,您希望库片段是独立的,单让 FragmentComponent 对象作为 ActivityComponent 并没有意义。

    2.5K20

    Jetpack Hilt 依赖注入框架上手指南

    @HiltAndroidApp @HiltAndroidApp 将会触发 Hilt 的代码生成,作为程序依赖项容器的基类 生成的 Hilt 依附于 Application 的生命周期,他是 App 的父组件...的使用 使用之前需要在 app.build 下添加一下对 viewModel的支持 implementation 'androidx.hilt:hilt-lifecycle-viewmodel:1.0.0...的实例 @AndroidEntryPoint class HomeContentActivity : AppCompatActivity(){ //生成 ViewModel 的实例...就将你的库中所有活动一样,使父级成为 ApplicationComponent 也没有意义,因为您没有将组件放入 Application 。...同样,如果一个仅包含片段库并托管在应用程序的活动中,那可能会遇到类似的情况,您希望库片段是独立的,单让 FragmentComponent 对象作为 ActivityComponent 并没有意义。

    1.9K20

    前端面试宝典(五)—— Vue

    ,ViewModel 是一个同步 View 和 Model 的对象(桥梁)。...它们通过ViewModel来通信,ViewModel通常要实现一个observer观察者,当数据发生变化,ViewModel能够监听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,ViewModel...props/$emit:父组件A通过props的方式向子组件B传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现。用于父传子或子传父。...$emit/$on:通过一个空的Vue实例作为中央事件总线(事件中心),用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信,包括父子、兄弟、跨级。...provide / inject API 主要解决了跨级组件间的通信问题,不过它的使用场景,主要是子组件获取上级组件的状态,跨级组件间建立了一种主动提供与依赖注入的关系。用于跨级通讯。 ?

    90410

    30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)

    所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定 :父级 prop 的更新会向下流动到子组件中,但是反过来则不行。...这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。 额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值。...provide / inject API 主要解决了跨级组件间的通信问题,不过它的使用场景,主要是子组件获取上级组件的状态,跨级组件间建立了一种主动提供与依赖注入的关系。...即:SSR大致的意思就是vue在客户端将标签渲染成的整个 html 片段的工作在服务端完成,服务端形成的html 片段直接返回给客户端这个过程就叫做服务端渲染。...(3)ViewModel 层 ViewModel 是由前端开发人员组织生成和维护的视图数据层。

    1.9K31

    RAG—Chunking策略实战|得物技术

    不当的分块会破坏语义边界,拆散关键线索并与噪声纠缠,使被检索的片段呈现“顺序错乱、信息残缺”的面貌。在这样的输入下,再强大的模型也难以基于支离破碎的知识推理出完整、可靠的答案。...适用场景结构清晰的说明文、手册、白皮书、法规、FAQ 聚合页;需要“句级证据准确 + 段/小节级上下文完整”的问答。使用流程结构粗切(父块)按标题层级/段落/代码块切出父块。...父块存储B:保存原文与结构元信息,此处可以选建一个父块级向量索引用于粗排或回退。检索与组装用索引A召回 top_k_child 子块。...示例:Agent 输出模式(伪 Prompt 片段)系统:你是分块器。目标:为RAG检索创建高内聚、可追溯的块。...检索(在线):小块高精度召回 → 按父块聚合与重排→ 在父块中抽取命中句邻域作为上下文,控制整体 token 预算。

    72810

    Android BaseQuickAdapter3.0.4版本二级列表的使用及遇到的问题

    ——《微卡智享》 本文长度为3942字,预计阅读9分钟 前言 前阵子做的新产品用使用BaseQuickAdapter中的basemultiitemquickadapter来实现二级列表,网的这个相关的资料也挺多...,使用的版本是2.9.4,在使用中发现当二级列表展开时对子列表数据进行操作后,列表中展开和闭合显示的数据会异常。...get() = null } Head父级列表继承自BaseExpandNode,其中要定义其明细列表MutableList class Head : BaseExpandNode...get() = Bodys } 03 adapter适配器 DataAdatper适配器继承自BaseNodeAdapter,使用NodeProvider将一级列表Head和二级列表Body分开写,代码看起来也方便些...,完整的ViewModel代码 class DataViewModel: ViewModel() { val DataList = MutableSharedFlow<MutableList<

    4.1K30

    (31)Vue安装

    创建实例 var vm = new Vue({ // 选项 }) vm (ViewModel 的缩写) 表示 Vue 实例 // 我们的数据对象 var data = { a: 1 } //...清除浮动 添加空div,使用clear: both 父元素使用overflow: hidden 父元素使用overflow: auto 父级定义高度 父级div定义伪类:after和zoom ?...,有他们在时,float不起作用 清除浮动的方式: 父级div定义height 最后一个浮动元素后加空div标签 并添加样式clear:both 父级div定义zoom 包含浮动元素的父标签添加样式...image.png MVVM分为Model、View、ViewModel三者 Model 代表数据模型 View 代表UI视图 ViewModel 负责监听 Model 中数据的改变并且控制视图的更新...父子组件通讯:父->子:使用props,子->父:$emit方法传递参数 .prevent: 提交事件不再重载页面; .stop: 阻止单击事件冒泡; .self: 当事件发生在该元素本身而不是子元素的时候会触发

    2.1K20

    Android入门教程 | Fragment 基础概念

    inflater.inflate(R.layout.example_fragment, container, false); } } 传递至 onCreateView() 的 container 参数是片段布局将插入到的父级...将作为扩展布局父项的 ViewGroup。传递 container 对系统向扩展布局的根视图(由其所属的父视图指定)应用布局参数具有重要意义。...创建此 Activity 布局时,系统会将布局中指定的每个片段实例化,并为每个片段调用 onCreateView() 方法,以检索每个片段的布局。...然后,FragmentActivity 会自动通过 onBackPressed() 从返回栈检索片段。...与 Activity 一样,您也可使用 onSaveInstanceState(Bundle)、ViewModel 和持久化本地存储的组合,在配置变更和进程终止后保留片段的界面状态。

    5.2K40

    常考vue面试题(附答案)

    演变成ViewModel。...子组件不可以直接改变父组件的数据。这样做主要是为了维护父子组件的单向数据流。每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值。如果这样做了,Vue 会在浏览器的控制台中发出警告。...Vue提倡单向数据流,即父级 props 的更新会流向子组件,但是反过来则不行。这是为了防止意外的改变父组件状态,使得应用的数据流变得难以理解,导致数据流混乱。...prop 都使得其父子之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。...这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。另外,每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。

    88620

    Vue的使用你学会了吗?

    创建实例 var vm = new Vue({ // 选项 }) vm (ViewModel 的缩写) 表示 Vue 实例 // 我们的数据对象 var data = { a: 1 } //...overflow: hidden 父元素使用overflow: auto 父级定义高度 父级div定义伪类:after和zoom #test { position: absolute; width...,有他们在时,float不起作用 清除浮动的方式: 父级div定义height 最后一个浮动元素后加空div标签 并添加样式clear:both 父级div定义zoom 包含浮动元素的父标签添加样式overflow...为hidden或auto :表示伪类,::表示伪元素 this是在执行上下文创建时确定的一个在执行过程中不可更改的变量 MVVM分为Model、View、ViewModel三者 Model 代表数据模型...View 代表UI视图 ViewModel 负责监听 Model 中数据的改变并且控制视图的更新 父子组件通讯:父->子:使用props,子->父:$emit方法传递参数 .prevent: 提交事件不再重载页面

    1.7K50
    领券