前端常见面试题

这篇具有很好参考价值的文章主要介绍了前端常见面试题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

HTML

  • HTML语义化的理解

  • <b><strong>的区别

  • link 和 @import 有什么区别

  • defer 和 async

  • HTML5离线储存


CSS

  • 盒子模型

  • 居中常见方法

  • BFC

  • flex布局

  • em 和 rem的区别

  • CSS 中哪些属性可以继承

  • CSS中position定位

  • 三栏布局


JS

  • 闭包

  • 原型和原型链

  • 继承

  • this

  • Promise

  • async 和 await

  • 深拷贝 和 浅拷贝

  • 防抖 和 节流

  • cookie、session、web storage

  • let 和 const:暂时性死区

  • ES6新特性

  • call、apply、bind

  • 数组算法:判断、去重、扁平化

  • 数组遍历

  • 事件循环:宏任务、微任务

  • 事件流:捕获、冒泡

  • get 和 post

  • for of 和 for in


vue

  • 生命周期(父组件和子组件生命周期钩子执行顺序是什么)

  • 路由动态加载

  • 路由鉴权

  • axios鉴权

  • 虚拟DOM、diff算法、key作用

  • computed 和 watch

  • 组件之间的通信

  • vuex

  • 性能优化


浏览器

  • 浏览器渲染过程

  • 从输入URL到页面加载全过程

  • 重绘与回流

  • 跨域和同源策略

  • CORS

  • CSRF、XSRF

  • 缓存机制:强制缓存、协商缓存

服务端渲染SSR
常见Http请求头
添加原生事件不移除为什么会内存泄露;还有哪些地方会内存泄露


小程序

  1. 生命周期函数
    onLoad 页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数
    onShow() 页面显示/切入前台时触发
    onReady() 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互
    onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面,小程序切入后台等
    onUnload() 页面卸载时触发。如 redirectTo 或 navigateBack 到其他页面时

2.登录流程
登录流程是调wx.login获取code传给后台服务器获取微信用户唯一标识openid及本次登录的会话密钥(session_key)等)。拿到开发者服务器传回来的会话密钥(session_key)之后,前端要保存wx.setStorageSync(‘sessionKey’, ‘value’)
持久登录状态:session信息存放在cookie中以请求头的方式带回给服务端,放到request.js里的wx.request的header里文章来源地址https://www.toymoban.com/news/detail-684830.html

到了这里,关于前端常见面试题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • web前端常见面试题归纳

    概念 块元素:默认独占一行,页面中垂直排列,宽高和内外边距可控 行内元素:默认同行排列,宽高由内容决定 行内元素和块元素举例 块元素: div、p、table、ul 行内元素: span、img、a、input 行内元素和块元素的相互转换 display:inline;将块元素转换为行内元素 display:block;将行

    2024年02月12日
    浏览(53)
  • 程序员面试系列,golang常见面试题

    原文链接 make(chan int, 1) 和 make(chan int) 之间有区别。 make(chan int, 1) 创建了一个有缓冲的通道,容量为1。这意味着通道可以缓存一个整数元素,即使没有接收方,发送操作也不会被阻塞,直到通道已满。如果没有接收方,发送操作会立即完成。如果通道已满,发送操作会被阻塞

    2024年02月16日
    浏览(45)
  • java面试常问,zookeeper常见面试题

    什么是 Spring Boot? 为什么要用 Spring Boot? Spring Boot 的核心配置文件有哪几个?它们的区别是什么? Spring Boot 的配置文件有哪几种格式?它们有什么区别? Spring Boot 的核心注解是哪个?它主要由哪几个注解组成的? 开启 Spring Boot 特性有哪几种方式? Spring Boot 需要独立的容器

    2024年03月15日
    浏览(63)
  • 程序员面试系列,docker常见面试题

    原文链接 什么是Docker?它的主要作用是什么? Docker和虚拟机之间有什么区别? Docker的主要组件有哪些? Docker镜像和容器的区别是什么? 如何构建Docker镜像?请简要描述构建过程。 如何创建和启动一个Docker容器? 如何在Docker容器内运行后台任务? Docker的网络模式有哪些?

    2024年02月15日
    浏览(43)
  • 程序员面试系列,kafka常见面试题

    原文链接 Kafka是什么?它的主要作用是什么? 什么是Kafka的主题(Topic)和分区(Partition)? Kafka中的消息是如何被生产者发送和消费者接收的? Kafka中的分区有什么作用?为什么分区是Kafka的基本并行单位? 什么是Kafka生产者和消费者?如何创建和配置它们? Kafka中的消息保

    2024年02月15日
    浏览(45)
  • Tomcat面试题+http面试题+Nginx面试题+常见面试题

    1、Tomcat的缺省端口是多少?怎么修改? 答:缺省端口是8080,若要修改,可以进入Tomcat的安装目录下找到conf目录下的server.xml文件,找到该文件中的Connector字段中的port。 2、Tomcat有哪几种connector运行模式(服务的请求方式)? 答:三种。修改它的运行模式需要在主配置文件中

    2023年04月10日
    浏览(44)
  • 前端常见面试题之ajax、http

    xhr.readyState 有以下状态值,分别代表的意思如下: 状态值 意思 0 未初始化,尚未调用open方法 1 启动,已经调用open方法 2 发送,已经调用send方法 3 接收,正在接收响应数据 4 完成,已经接收到全部响应数据 请注意,在这个表格中,状态值是从0开始的,0代表xhr对象已经被创

    2024年01月17日
    浏览(46)
  • 前端常见面试题之vue2

    在Vue2中,组件的生命周期钩子函数包括: beforeCreate :在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用 created :实例已经创建完成之后被调用 beforeMount :在挂载开始之前被调用:相关的 render 函数首次被调用 mounted:el 被新创建的 vm.$el 替换,并挂

    2024年02月22日
    浏览(44)
  • 程序员面试系列,k8s常见面试题

    原文链接 Kubernetes(通常简称为K8s)是一个开源的容器编排平台,用于自动化部署、扩展和管理容器化应用程序。它最初由谷歌开发,并于2014年捐赠给了云原生计算基金会(CNCF)。Kubernetes 提供了一个强大的容器化应用程序管理系统,使开发人员和运维团队能够更轻松地构建

    2024年02月06日
    浏览(46)
  • 前端常见面试题之防抖、节流、xss、xsrf

    输入URL :在浏览器的地址栏中输入要访问的网站的URL(统一资源定位符)。 DNS解析 :浏览器会将URL发送给DNS服务器,DNS服务器负责将URL解析为对应的IP地址。 建立TCP连接 :浏览器会根据解析得到的IP地址,使用TCP(传输控制协议)与服务器建立连接。 发起HTTP请求 :TCP连接

    2024年01月19日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包