1. v-model绑定的数据如何传递给子组件? 答:可以通过props属性将父组件的数据传递给子组件。父组件中使用v-model绑定的数据可以作为props属性传递给子组件,在子组件中通过props接收数据并使用。也可以通过事件机制,在父组件中监听子组件中的事件,从而达到传递数据的目的。

  2. axios工作中都配置啥,拦截器的作用? 答:在axios的工作中,一般会配置一些基本的请求头、响应头、超时时间等参数。拦截器的作用是在请求或响应发送前或接收后对数据进行预处理或处理。例如在请求时添加一些请求头信息、在响应时对返回的数据进行统一处理等。

  3. 页面代码有多少行? 答:这个问题需要具体根据页面来计算,每个页面的代码行数都不同,没有一个统一的标准。

  4. div与span区别? 答:div和span都是HTML中的容器元素,div用于布局或分组,span用于标记文本中的一部分。div是块级元素,会独占一行,可以设置宽度、高度等属性,而span是行内元素,不会独占一行,不能设置宽度、高度等属性。

  5. 用promise做超时的封装? 答:

function timeoutPromise(ms, promise) {
  return new Promise(function(resolve, reject) {
    promise.then(resolve, reject);
    setTimeout(function() {
      reject(new Error('请求超时'));
    }, ms);
  });
}
  1. flex布局能力,除了flex还有什么布局? 答:flex布局是CSS3新增的一种布局方式,主要用于弹性盒子的布局。除了flex布局,还有float布局、position布局、table布局、grid布局等。

  2. jq选择器有哪些? 答:jq选择器主要有元素选择器、类选择器、ID选择器、属性选择器、子元素选择器、后代元素选择器、相邻兄弟选择器、通用选择器等。

  3. 看过什么书? 答:这个问题需要根据自己的阅读情况来回答,可以列举一些具体的书籍或者类别。

  4. webpack打包的工具,如何区分生产pack和开发pack,图片优化的方案? 答:区分生产pack和开发pack可以通过webpack的mode参数来实现。图片优化的方案主要有压缩图片、懒加载、使用webp格式、使用CDN等。

  5. 前端页面与后台通信的方式? 答:前端页面与后台通信的方式主要有ajax、websocket、fetch等。

  6. 异步请求卡死的解决方案? 答:可以通过异步请求超时处理、使用异步请求队列、限制同时并发请求的数量等方式来解决异步请求卡死的问题。

  7. 用过什么开源软件? 答:这个问题需要根据自己的使用情况来回答,可以列举一些常用的开源软件或者项目。

  8. 有没有用css做过动画? 答:可以根据自己的实际经验来回答这个问题,如果有做过可以举例说明。

  9. node.js有没有接触? 答:可以根据自己的实际经验来回答这个问题,如果有接触过可以举例说明。

  10. vue的优缺点怎么用? 答:vue的优点主要有轻量级、易上手、快速响应等;缺点主要有对一些高级特性的支持不够、组件化开发不够灵活等。在使用vue时,需要根据实际情况来选择合适的开发方式,充分发挥vue的优点,避免不必要的缺点影响开发效率。

  11. v-if与v-for一起用有什么问题? 答:v-if与v-for一起使用时,可能会导致重复渲染的问题,影响页面性能。可以通过在v-for中使用过滤器或计算属性来避免这个问题。

  12. 实现浮动有哪些方式? 答:实现浮动可以通过设置float属性、使用position属性等方式。

  13. 页面图片优化? 答:页面图片优化可以通过压缩图片、使用webp格式、懒加载、使用CDN等方式来实现。

  14. 前一个页面数据怎么带到下一个页面去? 答:可以通过URL传参、使用localStorage、使用sessionStorage等方式来实现。

  15. 页面上的点击效果、鼠标悬停什么方法? 答:可以通过CSS伪类选择器来实现页面上的点击效果和鼠标悬停效果,例如:hover、:active等。

  16. H5新特性? 答:H5的新特性包括语义化标签、本地存储、canvas、多媒体等。

  17. git的命令? 答:常用的git命令包括git add、git commit、git push、git pull、git clone、git branch等。

  18. vue主要用哪些生命周期? 答:vue主要有created、mounted、updated、destroyed等生命周期函数。

  19. 父子传值? 答:父子组件之间可以通过props属性和$emit事件来进行数据传递。

  20. js一个数组里加一个元素怎么添加? 答:可以使用push()方法将一个元素添加到数组的末尾。

  21. 弹性布局? 答:弹性布局也称为flex布局,是CSS3新增的一种布局方式,主要用于弹性盒子的布局。

  22. 后期自己的职业发展? 答:可以根据自己的兴趣和职业规划来回答这个问题,可以谈谈自己的短期和长期目标以及实现方式。

  23. node.js了解吗? 答:可以根据自己的实际经验来回答这个问题,如果了解可以举例说明。

  24. 有没有接触过接口之类的? 答:可以根据自己的实际经验来回答这个问题,如果接触过可以举例说明。

  25. 标准盒模型的宽高怎么计算? 答:标准盒模型中,元素的宽度和高度不包括边框和内边距,只包括内容区域的宽度和高度。

  26. block与inline-block区别? 答:block元素会独占一行,可以设置宽度、高度等属性,而inline-block元素不会独占一行,可以设置宽度、高度等属性。

  27. position:fixed什么意思? 答:position:fixed是CSS中的一种定位方式,表示将元素相对于浏览器窗口进行定位,不随页面滚动而变化。

  28. 一段文字垂直水平居中? 答:可以使用CSS中的flex布局或者绝对定位来实现。

  29. 溢出用...怎么设置? 答:可以使用CSS中的text-overflow属性来实现,需要结合overflow和white-space属性一起使用。

  30. TB怎么垂直居中、清除浮动、外边距塌陷? 答:TB的垂直居中可以使用CSS中的flex布局或者绝对定位来实现;清除浮动可以使用clear属性;外边距塌陷可以使用BFC来解决。

  31. let与var区别? 答:let是ES6新增的声明变量的关键字,与var的主要区别是let声明的变量只在代码块内有效,而var声明的变量在全局都有效。

  32. 改变this的指向? 答:可以使用bind、call、apply等方法来改变this的指向。

  33. 箭头函数外层是window指向谁? 答:箭头函数没有自己的this指向,而是继承外层函数的this指向。

  34. vue生命周期? 答:vue生命周期主要包括created、mounted、updated、destroyed等钩子函数。

  35. v-if与v-show的区别? 答:v-if和v-show都是vue中控制元素显示隐藏的指令,v-if是根据表达式的值来动态添加或移除元素,v-show是根据表达式的值来控制元素的display属性。

  36. computed的方法和method里的方法有什区别? 答:computed的方法是基于响应式依赖进行计算的,会进行缓存,只有依赖发生变化时才会重新计算;而method里的方法则是每次调用时都会重新计算,不会进行缓存。

  37. v-bind与v-html的区别? 答:v-bind用于绑定元素的属性或者组件的props属性,v-html用于渲染HTML代码。

  38. 用到什么插件? 答:这个问题需要根据自己的实际情况来回答,可以列举一些常用的插件或者库。

  39. element-ui里是时间控件几种类型? 答:element-ui里的时间控件有时间选择器和日期选择器两种类型。

  40. 路由的哈希和历史模式的区别? 答:路由的哈希模式是通过URL中的#符号来实现,不会向服务器发送请求,而是在本地进行操作;历史模式则是通过HTML5的history API来实现,可以在URL中显示实际的路径,需要向服务器发送请求。

  41. 强制刷新的方法? 答:可以使用location.reload()方法来实现页面的强制刷新。

  42. ES6新增了什么新方法? 答:ES6新增了很多新的语法和方法,包括let、const、箭头函数、模板字符串、解构赋值、Promise、async/await等。

  43. vuex的用法? 答:vuex是vue中的状态管理库,用于集中管理应用中的状态,可以通过store来管理和获取状态,通过mutations来修改状态。

  44. nextTick的用法和作用? 答:nextTick是vue中的一个方法,用于在DOM更新之后执行一些操作,例如在更新后获取DOM元素的位置、大小等信息。

  45. CSS实现垂直水平居中的方法? 答:可以使用CSS中的flex布局或者绝对定位来实现。

  46. ES6的新特性? 答:ES6的新特性包括let、const、箭头函数、模板字符串、解构赋值、Promise、async/await等。

  47. 箭头函数this指向问题? 答:箭头函数没有自己的this指向,而是继承外层函数的this指向。

  48. 原型链? 答:原型链是JavaScript中的一种机制,用于实现对象之间的继承关系。每个对象都有一个原型对象,可以通过原型链来访问原型对象中的属性或方法。

  49. 闭包? 答:闭包是JavaScript中的一种机制,用于实现私有变量和函数的概念。闭包可以访问外层函数的变量和函数,但外层函数无法访问闭包中的变量和函数。

  50. 原生JS封装ajax? 答:

function ajax(url, options) {
  return new Promise(function(resolve
回答下面面试时的问题回答的全面一点v-model绑定的数据如何传递给子组件 axios工作中都配置啥拦截器的作用页面代码有多少行 div与span区别 用 promise做超时的封装 flex布局能力 除了flex还有什么布局 jq选择器有哪些 看过什么书 webpack打包的工具 如何区分生产pack和开发pack 图片优化的方案 前端页面与后台通信

原文地址: https://www.cveoy.top/t/topic/b8pK 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录