首页 > 其他分享 >前端面试题

前端面试题

时间:2024-07-17 10:26:32浏览次数:19  
标签:传参 面试题 前端 绑定 localstorage model vuex 页面

1.v-model是什么?怎么使用?vue中标签怎么绑定事件?
一、v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。用于表单数据的双向绑定,其实它就是一个语法糖

二、v-model 本质上不过是语法糖
可以用 v-model 指令在表单 、 及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。

v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件:
text 和 textarea 元素使用 value 属性和 input 事件
checkbox 和 radio 使用 checked 属性和 change 事件
sele

2.路由跳转时,params和query的区别?

1.用params传参的时候
页面跳转之后的页面路径为http://localhost:8080/#/index
这种传参方法:
1.用户看不到具体的参数值,相对安全
2.当页面刷新的时候传递的参数id在该页面中就不存在了。
3.params传参的时候,只能用name引入路由,不能使用path引入
2.用query传参的时候
页面跳转之后的页面路径http://localhost:8080/#/index?id=1
这种传参方法:
1.传递的参数值会暴露在页面路径中,不安全
2.当页面刷新的时候,传递的参数不会消失
3.query传参的时候,可以同时使用name和path引入路由

3.vuex存储和本地存储(localstorage、sessionstorage)的区别?

1、实质的区别

vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地

2、应用场景

vuex用于组件之间的传值,localstorage则主要用于页面之间的传值

3、永久性

当刷新页面时,vuex存储的值会丢失,localstorage不会

标签:传参,面试题,前端,绑定,localstorage,model,vuex,页面
From: https://blog.csdn.net/qq_61132537/article/details/140429923

相关文章

  • 表格集算表高性能原理:揭秘纯前端百万行数据秒级响应的魔法
    最新技术资源(建议收藏)https://www.grapecity.com.cn/resources/集算表(TableSheet)是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格,通过全新构建的关系型数据管理器结合结构化公式,在高性能表格的基础上提供排序、筛选、样式、行列冻结、自动更新、单元格更新等功......
  • Android经典面试题之Kotlin中Lambda表达式和匿名函数的区别
    本文首发于公众号“AntDream”,欢迎微信搜索“AntDream”或扫描文章底部二维码关注,和我一起每天进步一点点在Kotlin中,匿名函数和lambda表达式都是用于表示函数类型的匿名函数(即没有名字的函数)。虽然它们在某些情况下可以互换使用,但是它们在语法和使用场景上存在一些细微的......
  • 21世纪20年代了,还有人无脑喷前端非常简单??(附前端学习所有技术栈)
    前端基础:HTML、CSS、JavaScript前端高级:HTML5、CSS3、JavaScript语法规范:TypeScript、ECMAScrpit、Eslint、Prettier前端热门框架:Vue.js、React.js、Angular.js、Bootstrap、Nuxt.js、Svelte.js、Solid.js、Preact.js、TailwindCSS、UnoCSSJS常用方法组件库:Axios.js、JQuery、......
  • 前端面试必修--面试八股文(根据本人面试经验总结,持续更新)
    前端八股目录前端铜九铁十面试必备八股文——HTML&CSS-掘金(juejin.cn)webpack和vite之间的区别优点:缺点:1、前端工程化解决的问题1.为什么需要前端工程化?2.前端工程化流程常见请求头前端用户验证方案HTTP基本认证Session-Cookie认证Token认证JWT认证单点登录L......
  • 前端面试必修--面试算法题(附带字节跳动真题pdf)
    面试算法题目录简单53.最大子数组和-力扣(LeetCode)415.字符串相加-力扣(LeetCode)206.反转链表-力扣(LeetCode)1.两数之和-力扣(LeetCode)572.另一棵树的子树-力扣(LeetCode)1410.HTML实体解析器-力扣(LeetCode)69.x的平方根-力扣(LeetCode)26.删除有序数组中......
  • 大模型算法面试题(三)
    本系列收纳各种大模型面试题及答案。1、如何评估大模型的效果及安全性一、评估大模型的效果评估大模型的效果主要关注其在特定任务上的表现能力,这通常可以通过以下几个维度来衡量:语言理解能力:语义、语法、语境:评估模型是否能够准确理解输入文本的含义、语法结构以及上......
  • JVM高频面试题
    1.内存模型线程独享:虚拟机栈,本地方法栈,程序计数器线程共享:堆,方法区2.虚拟机栈的作用存放栈帧,栈帧又包含局部变量表,每个方法从被调用到执行结束的过程都对应着一个栈帧在虚拟机栈中从入栈到出栈的过程3.程序计数器存放下一条指令的信息4.堆Java堆......
  • 从校招新星到前端技术专家的成长之路
    引言我在2018年校招进入京东,主要负责广告投放系统的前端工作。在京东,这一路走来,我经历了多种角色转换,我从学生到职场人,从校招生到校招导师,从初级前端开发到前端技术专家,也见证了京东广告业务的蓬勃发展。回顾过去的成长历程,我心中充满了感慨。首先,我要衷心感谢那些与我并肩作战......
  • 关于hash的面试题
    目录题目1.java里,HashMap的底层实现原理2.如何判断一个HashMap是否已经满了?3.HashSet如何检查重复4.HashSet如何判断一个元素是否已经存在.简单的理解hash题目选自牛客网1.java里,HashMap的底层实现原理数组结构:HashMap使用一个数组来存储元素。哈希函数:通过键......
  • 从前端程序员到大模型算法岗的华丽转身
    在当今科技飞速发展的时代,前端程序员们正面临着前所未有的机遇与挑战。随着人工智能技术的崛起,大模型算法岗逐渐成为前端程序员们转型的新选择。本文将探讨从前端程序员转行大模型算法岗的机遇与挑战,以及如何顺利实现这一华丽转身。机遇:技术升级:大模型算法岗涉及机器学习......