曾经面试过的题目

1.vue的生命周期
在这里插入图片描述
1.beforeCreate:
即将创建,此阶段为实例初始化之后,此时的数据和事件机制都未形成
2.created:
创建完毕,在这个阶段vue实例已经创建完成
3.beforemount:
即将挂载,判断挂载节点是否存在
4.mounted:
渲染完毕,异步请求一般写在这个阶段,并将请求到的数据和DOM渲染到页面上
5.beforeUpdate:
即将更新渲染,表示data数据已更新,页面未更新
6.updated:
更新渲染后,表示页面和data数据已经全部更新完毕,
7.beforeDestroy:
销毁之前
8.destroyed:
销毁之后

2.v-if和v-show的区别
3. js定时
4. css清除浮动
5. js添加/删除数组中的元素
6. null和undefined转换为布尔值是什么
7. js判断重复
8. cookie和session的区别
9. vue父子,兄弟传值
10. js闭包
11. css样式优先级
12. = = 和= = =的区别
简而言之就是 “= =” 只要求值相等; “===” 要求值和类型都相等
13. vuex的核心特点
14. 前端跨域
15. 数组去空/去重
16. post和get的区别
GET在浏览器回退时是无害的,而POST会再次提交请求。
GET产生的URL地址可以被Bookmark,而POST不可以。
GET请求会被浏览器主动cache,而POST不会,除非手动设置。
GET请求只能进行url编码,而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。
GET请求在URL中传送的参数是有长度限制的,而POST么有。
对参数的数据类型,GET只接受ASCII字符,而POST没有限制。
GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。
GET参数通过URL传递,POST放在Request body中。
17. 前端页面的三层结构都有哪些
网页分成三个层次,即:结构层、表示层、行为层。
网页的结构层:由HTML 或XHTML 之类的标记语言负责创建,即HTML的语义化。,说白了就是一些标签
网页的表示层:说白了就是CSS
网页的行为层:说白了就是Javascript 语言和DOM 主宰的领域
18. git命令
1.从git上拉取新项目的代码
第一步:定位到项目目录
第二步:git init
第三步:git remote add origin git@github.com:zuiguanyin/yulongguangbiqianduan.git:地址
第四步:git pull origin master
2. 更新本地代码
备份:git stash save ‘xaaaa’
更新:git pull origin master
删除备份git stash pop
3. 提交代码
第一步:备份:git stash save ‘xaaaa’
第二步:更新:git pull origin master
第三步:删除备份git stash pop
第四步:git status : 查看代码修改情况
提交代码三部曲(1)>>:git add . : 代码提交到暂存区。(提交代码到暂存的地方)
提交代码三部曲(2)>>git commit -m ‘备注’ : 暂存区代码提交到本地git仓库(一定要添加备注)。
提交代码三部曲(3)>>git push origin master : 本地git仓库代码提交到远程仓库,(例子是提交到主分支,如果提交到分支 git push 分支名称)
合并分支操作>> git merge (需要被合并的分支)
切换分支名称>> git checkout (分支名称)
删除git在本地的无效远程分支>>git remote prune origin
删除本地分支>>git branch -D (分支名称)

19.div水平垂直对齐的方式
20. 单位(px、em/rem)
21. call、bind、apply区别
22. 什么是js闭包
23. vuex的核心概念
24. vue的相关指令

1.v-model
在表单上实现双向绑定效果,用到的修饰符会有
.lazy:默认情况下,v-model同步输入框的值和数据。可以通过这个修饰符,转变为在change事件再同步。
.number:自动将用户的输入值转化为数值类型。
.trim:自动过滤用户输入的首尾空格。
2.v-on
用来监听dom事件 (一般会简写成@click=v-on:click),使用他可能还会用到修饰符
.stop 阻止事件继续传播
.prevent 事件不再重载页面
.once 事件将只会触发一次
.self 只当在 event.target 是当前元素自身时触发处理函数
.passive 告诉浏览器你不想阻止事件的默认行为
3.v-for
用v-for指令根据遍历数组来进行渲染,使用方法如下
v-for="(item,index) in items"
v-for=“item of items”
4.v-if
v-if可以实现条件渲染,Vue会根据表达式的值的真假条件来渲染元素。
5.v-else
v-else是搭配v-if使用的,它必须紧跟在v-if或者v-else-if后面,否则不起作用。
6.v-else-if
v-else-if充当v-if的else-if块,可以链式的使用多次。可以更加方便的实现switch语句。
7.v-show
也是用于根据条件展示元素。和v-if不同的是,如果v-if的值是false,则这个元素被销毁,不在dom中。但是v-show的元素会始终被渲染并保存在dom中,它只是简单的切换css的dispaly属性。 v-if有更高的切换开销,v-show有更高的初始渲染开销。因此,如果要非常频繁的切换,则使用v-show较好;如果在运行时条件不太可能改变,则v-if较好
8.v-text
v-text主要用来更新textContent,可以等同于JS的text属性
9.v-html
双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。
10.v-pre
v-pre主要用来跳过这个元素和它的子元素编译过程。可以用来显示原始的Mustache标签。跳过大量没有指令的节点加快编译。
11.v-cloak
这个指令是用来保持在元素上直到关联实例结束时进行编译。
12.v-once
v-once关联的实例,只会渲染一次。之后的重新渲染,实例极其所有的子节点将被视为静态内容跳过,这可以用于优化更新性能。
13.v-bind
v-bind用来动态的绑定一个或者多个特性。没有参数时,可以绑定到一个包含键值对的对象。常用于动态绑定class和style。以及href等。 简写为一个冒号【 :】

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值