首页 > 其他分享 >前端面试题(基础)

前端面试题(基础)

时间:2022-10-27 23:45:31浏览次数:79  
标签:面试题 git const 自定义 前端 基础 var 组件 传值


平时用的代码托管平台  以及基本指令?

 

初始化仓库 git init查看当前状态 status
克隆仓库ssh地址  Git clone “仓库连接”
拉取仓库数据 git pull
将代码上传到缓存 git add ./git add --all
添加上传代码的注释/提交信息 git commit -m “xxx”
查询修改和配置 Git config
查看本地所有分支 git branch
:wq回车确认合并

Get请求和post请求


都是http设定的八种请求方式中的两种常用的方式,
Get就是请求数据的时候用,当要获取重要数据时,常用post,但不是绝对安全的传输
他们还有的区别就是:
Get  post
能被缓存 不能被缓存
只允许asc码 没有限制
数据在url中对所有人可见 数据不会显示在url中
 

垂直水平居中的方法:


1、display flex justcontent center alignitem center
2、父相子绝 margin auto
3、Margin 50% auto  transform:translateY(-50%)
4、父相子绝(margin left、top:- 子/2)
5、(宽高未知)父相子绝(margin:auto)
6、父(设置display :table-cell)
 

vue组件传值


1、父组件向子组件传递数据:
2、在父组件中引用子组件上绑定一个自定义属性,并把数据绑定在自定义属性上,在子组件添加参数props接收
 
3、子组件向父组件传递数据:
子组件通过vue实例$emit进行触发携带参数,父组件监听使用v-on监听
 
4、非父子组件传值:
引入eventbus
在组件created中订阅方法  eventBus.$on(‘自定义事件’)
在另一个兄弟组件中的methods中写函数 eventBus.$emit
 
5、父访问子组件数据
子组件加上ref    通过this.$refs.ref
父组件通过 this,$children 访问子组件
 
6、多层组件传值向下传值—— this.$attrs,this.$.parents,
7、——this.$children   this.$root
 

Vue的生命周期


2.0:
beforeCreate -created-beforeMount-mounted-beforeUptate-update-beforeDestory-desdory-activited(keep-alive)-deactivited
3.0:
onBeforeMount  onMounted
onBeforeUpdate  onUpdated
onBeforeUnmount  onUnmounted
onErrorCaptured
onRenderTracked
onRenderTriggered
 

vue中操作DOM的三种方法:


1、原生js操作

2、Js原生DOM操作有哪些?


3、使用ref属性  
4、自定义的属性 directive
 

Let const var的区别


作用域:块级 let 、const  var没有作用域
变量提升:不提升 var存在变量提升
全局添加属性:var声明的是全局变量
重复声明:let const 不可以  var可以,后面覆盖前面的
暂时性死区:在let和const声明变量之前,该变量都是不可用的
初始值:const 必须设置初始值
指针指向:const不允许改变指针指向

标签:面试题,git,const,自定义,前端,基础,var,组件,传值
From: https://www.cnblogs.com/LIXI-/p/16834412.html

相关文章

  • #yyds干货盘点# 前端歌谣的刷题之路-第一百四十二题-单列布局
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了......
  • #yyds干货盘点# 前端歌谣的刷题之路-第一百四十题-flex-grid
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了......
  • JAVA常见基础知识点
    JAVA常见基础知识点一、注释Java中有三种注释,分别是单行注释、多行注释、文档注释。单行注释:注释某一行代码。使用//多行注释:注释某一段代码。使用/*...*/文档注释......
  • new: 轮播图 | MDN上HTML的总结和CSS面试题解答,以及vue-admin/豆瓣一个静态页面的实现
    主要参看oppo官网https://www.oppo.com/cn/,实现以下功能一、轮播图https://www.cnblogs.com/WindrunnerMax/p/12638005.html通常是在首页读秒播放的图片,本次了解的是opp......
  • Echarts基础
    Echarts步骤初始化varechart=echarts.init(dom节点,主题)定义选项optionvaroption={title标题legend图例color调试版本tooltip提示xAx......
  • javaSE基础-比较器
    Java比较器1、java对象正常情况下只能进行==或!=,不能进行比较大小。若需要比较对象的大小,需要实现两个接口中的任何一个:Comparable或Comparator2、Comparable接口......
  • 算法基础 Introduction
    算法要求正确性(Correctness)语法正确输入输出(IO)正确可读性(Readability)使用注释(不注释比坏注释好,代码易读比过多注释好)命名契合(camelCase、PascalCase、......
  • 微信小程序的基础配置
    在小程序中的前台、后台:用户当前页面运行或者操作小程序时称为前台,当用户点击左上角关闭或者离开微信时,小程序进入后台。销毁:小程序进入后台一定的时间或者系统资源占用过高......
  • 移动端H5前端性能优化指南
    加载优化1、合并CSS、JavaScript2、合并小图片3、缓存一切可以缓存的资源4、使用长Cache,在服务器端设置缓存。5、使用外联式引用CSS、JavaScript6、压缩HTML、CSS、JavaScri......
  • 移动前端viewport的基础概念
    在PC端,视口指的是浏览器的可视区域,其宽度和浏览器的宽度一致,在css标准文档中,视口是所有CSS百分比宽度计算基础,为CSS布局限制了一个最大的宽度。viewport在移动端是一个很重......