• 技术文章 >web前端 >前端问答

    分享一些值得收藏的精选Web前端面试题(附答案)

    青灯夜游青灯夜游2022-07-07 20:42:20转载427
    本篇文章给大家总结一些值得收藏的精选Web前端面试题(附答案)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    大前端零基础入门到就业:进入学习

    js面试题

    vue面试题

    【相关推荐:vuejs入门教程

    1. 父传子:子组件通过props[‘xx’] 来接收父组件传递的属性 xx 的值
    2. 子传父:子组件通过 this.$emit(‘fnName’,value) 来传递,父组件通过接收 fnName 事件方法来接收回调
    3. 其他方式:通过创建一个bus,进行传值
    4. 使用Vuex
    1. 用npm安装加载程序( sass-loader、 css-loader等加载程序)。
    2. 在 webpack.config.js中配置sass加载程序。
    	[v-cloak]{ 
    	display:none; 
    	} 
    	<div v-cloak>{{ title }}</div>
    1. v-model 多用于表单元素实现双向数据绑定(同angular中的ng-model)
    2. v-bind 动态绑定 作用: 及时对页面的数据进行更改
    3. v-on:click 给标签绑定函数,可以缩写为@,例如绑定一个点击函数 函数必须写在methods里面
    4. v-for 格式: v-for=“字段名 in(of) 数组json” 循环数组或json(同angular中的ng-repeat)
    5. v-show 显示内容 (同angular中的ng-show)
    6. v-hide 隐藏内容(同angular中的ng-hide)
    7. v-if 显示与隐藏 (dom元素的删除添加 同angular中的ng-if 默认值为false)
    8. v-else-if 必须和v-if连用
    9. v-else 必须和v-if连用 不能单独使用 否则报错 模板编译错误
    10. v-text 解析文本
    11. v-html 解析html标签
    12. v-bind:class 三种绑定方法
      • 对象型 ‘{red:isred}’
      • 三元型 ‘isred?“red”:“blue”’
      • 数组型 ‘[{red:“isred”},{blue:“isblue”}]’
    13. v-once 进入页面时 只渲染一次 不在进行渲染
    14. v-cloak 防止闪烁
    15. v-pre 把标签内部的元素原位输出
    if (isTrue(Ctor.options.functional)) { // 带有functional的属性的就是函数式组件 
    return createFunctionalComponent(Ctor, propsData, data, context, children);
    } 
    const listeners = data.on; 
    data.on = data.nativeOn; 
    installComponentHooks(data); // 安装组件相关钩子 (函数式组件没有调用此方法,从而性能高于普通组件)

    css、html面试题

    1. 在没有css代码的情况下,也能很好的呈现内容结构、代码结构(让非技术员也能看懂代码)
    2. 提高用户体验,比如:title,alt用于解释名词和图片信息
    3. 利于SEO。语义化能和搜索引擎建立更好的联系,优化搜索
    4. 便于团队开发与维护,语义化更具有可读性

    **Gecko内核:**代表浏览器是Firefox浏览器。Gecko内核是开源的,最大优势是可以跨平台。

    webkit :Webkit内核:代表浏览器是Safari(苹果的浏览器)以及低版本的谷歌浏览器,是开源的项目。

    **Presto内核:**代表浏览器是Opera浏览器(中文译为“欧朋浏览器”),Presto内核是世界公认最快的渲染速度的引擎,但是在2013年之后,Open宣布加入谷歌阵营,弃用了该内核。

    **Blink内核:**由谷歌和Opera开发,2013年4月发布,现在Chrome内核是Blink。

    浏览器

    性能优化

    react面试题

    1、什么时候使用状态管理器?

    2、说说 React 有什么特点?

    3、列出 React 的一些主要优点?

    4、什么是 JSX?

    5、说说为什么浏览器无法读取 JSX?

    6、你理解“在 React 中,一切都是组件”这句话?

    7、 React 中 render()的目的?

    8、什么是 Props?

    9、React 中的状态是什么?

    10、区分状态和 Props?

    条件StateProps
    从父组件中接受初始值YesYes
    父组件可以改变值NoYes
    在组件中设置默认值NoYes
    在组件的内部变化YesNo
    设置子组件的初始值YesYes
    在子组件的内部改变NoYes

    11、如何更新组件的状态?

    12、React 组件生命周期的阶段是什么?

    13、你对 React 的 refs 有什么了解?

    14、如何模块化 React 中的代码?

    15、什么是高阶组件 HOC?

    16、你能用 HOC 做什么?

    17、 React 中 key 的重要性是什么?

    18、MVC 框架的主要问题是什么?

    19、请你解释一下 Flux?
    在这里插入图片描述

    20、你对“单一事实来源”有什么理解

    21、列出 Redux 的组件?

    22、 Store 在 Redux 中的意义是什么?

    23、 Redux 有哪些优点?

    24、 什么是 React 路由?

    25、说说你对 React 的渲染原理的理解?

    26、React 中三种构建组件的方式?

    JQuery

    【相关推荐:jq教程

    (学习视频分享:web前端入门jQuery视频教程

    以上就是分享一些值得收藏的精选Web前端面试题(附答案)的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:前端面试题
    上一篇:reactjs只能在node中运行吗 下一篇:npm和node.js有什么关系吗
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• 总结分享微信小程序常见面试题• 100道常见PHP面试题(附解析),增强你的知识储备!• 20+个Vue经典面试题(附源码级详解)• 18个常见angular面试题(附答案分析)• 20+值得了解的PHP面试题(附答案分析)• 【吐血整理】2022年最新前端面试题大全及答案(收藏)
    1/1

    PHP中文网