-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathWeb-Interview.html
1 lines (1 loc) · 56.1 KB
/
Web-Interview.html
1
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#222"><meta name="generator" content="Hexo 5.4.0"><link rel="apple-touch-icon" sizes="180x180" href="/images/favicon-32x32.png"><link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"><link rel="mask-icon" href="/images/favicon-32x32.png" color="#222"><link rel="stylesheet" href="/css/main.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" integrity="sha256-2H3fkXt6FEmrReK448mDVGKb3WW2ZZw35gI7vqHOE4Y=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/jquery.fancybox.min.css" integrity="sha256-Vzbj7sDDS/woiFS3uNKo8eIuni59rjyNGtXfstRzStA=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/nprogress.css" integrity="sha256-no0c5ccDODBwp+9hSmV5VvPpKwHCpbVzXHexIkupM6U=" crossorigin="anonymous"><script src="https://cdn.jsdelivr.net/npm/[email protected]/nprogress.js" integrity="sha256-a5YRB27CcBwBFcT5EF/f3E4vzIqyHrSR878nseNYw64=" crossorigin="anonymous"></script><script class="next-config" data-name="main" type="application/json">{"hostname":"www.wrysmile.cn","root":"/","images":"/images","scheme":"Gemini","version":"8.5.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":true,"bookmark":{"enable":true,"color":"#222","save":"manual"},"fancybox":true,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script><meta name="description" content="介绍 主要总结了各个公司的面试与笔试时的一些内容"><meta property="og:type" content="article"><meta property="og:title" content="前端：面试与笔试经验总结"><meta property="og:url" content="https://www.wrysmile.cn/Web-Interview.html"><meta property="og:site_name" content="Wrysmile 的博客"><meta property="og:description" content="介绍 主要总结了各个公司的面试与笔试时的一些内容"><meta property="og:locale" content="zh_CN"><meta property="article:published_time" content="2017-06-10T10:38:39.000Z"><meta property="article:modified_time" content="2023-01-31T10:23:56.185Z"><meta property="article:author" content="Zhang Yangeng"><meta property="article:tag" content="前端"><meta property="article:tag" content="经验"><meta name="twitter:card" content="summary"><link rel="canonical" href="https://www.wrysmile.cn/Web-Interview.html"><script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"https://www.wrysmile.cn/Web-Interview.html","path":"Web-Interview.html","title":"前端：面试与笔试经验总结"}</script><script class="next-config" data-name="calendar" type="application/json">""</script><title>前端：面试与笔试经验总结 | Wrysmile 的博客</title><script>!function(e,t,o,c,i,a,n){e.DaoVoiceObject=i,e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},e[i].l=+new Date,a=t.createElement(o),n=t.getElementsByTagName(o)[0],a.async=1,a.src=c,a.charset="utf-8",n.parentNode.insertBefore(a,n)}(window,document,"script",("https:"==document.location.protocol?"https:":"http:")+"//widget.daovoice.io/widget/13e39436.js","daovoice"),daovoice("init",{app_id:"13e39436"}),daovoice("update")</script><noscript><link rel="stylesheet" href="/css/noscript.css"></noscript><link rel="alternate" href="/atom.xml" title="Wrysmile 的博客" type="application/atom+xml"></head><body itemscope itemtype="http://schema.org/WebPage" class="use-motion"><div class="headband"></div><main class="main"><header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="header-inner"><div class="site-brand-container"><div class="site-nav-toggle"><div class="toggle" aria-label="切换导航栏" role="button"><span class="toggle-line"></span> <span class="toggle-line"></span> <span class="toggle-line"></span></div></div><div class="site-meta"><a href="/" class="brand" rel="start"><i class="logo-line"></i><h1 class="site-title">Wrysmile 的博客</h1><i class="logo-line"></i></a><p class="site-subtitle" itemprop="description">欢迎来到我的个人小屋</p><img class="custom-logo-image" src="/images/favicon-32x32.png" alt="Wrysmile 的博客"></div><div class="site-nav-right"><div class="toggle popup-trigger"><i class="fa fa-search fa-fw fa-lg"></i></div></div></div><nav class="site-nav"><ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>关于</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a></li><li class="menu-item menu-item-search"><a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索</a></li></ul></nav><div class="search-pop-overlay"><div class="popup search-popup"><div class="search-header"><span class="search-icon"><i class="fa fa-search"></i></span><div class="search-input-container"><input autocomplete="off" autocapitalize="off" maxlength="80" placeholder="搜索..." spellcheck="false" type="search" class="search-input"></div><span class="popup-btn-close" role="button"><i class="fa fa-times-circle"></i></span></div><div class="search-result-container no-result"><div class="search-result-icon"><i class="fa fa-spinner fa-pulse fa-5x"></i></div></div></div></div></div><div class="toggle sidebar-toggle" role="button"><span class="toggle-line"></span> <span class="toggle-line"></span> <span class="toggle-line"></span></div><aside class="sidebar"><div class="sidebar-inner sidebar-nav-active sidebar-toc-active"><ul class="sidebar-nav"><li class="sidebar-nav-toc">文章目录</li><li class="sidebar-nav-overview">站点概览</li></ul><div class="sidebar-panel-container"><div class="post-toc-wrap sidebar-panel"><div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">介绍</span></a></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">一、字节跳动</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E4%B8%80%E9%9D%A2"><span class="nav-text">1.一面</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-%E8%AE%B2%E8%BF%B0%E4%B8%80%E4%B8%8B%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C%E7%9A%84%E4%B8%83%E5%B1%82"><span class="nav-text">(1).讲述一下计算机网络的七层</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-TCP%E3%80%81UDP%E3%80%81HTTP%E5%88%86%E5%88%AB%E5%A4%84%E4%BA%8E%E5%93%AA%E4%B8%80%E5%B1%82%EF%BC%9F"><span class="nav-text">(2).TCP、UDP、HTTP分别处于哪一层？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-TCP%E5%92%8CUDP%E7%9A%84%E5%8C%BA%E5%88%AB"><span class="nav-text">(3).TCP和UDP的区别</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4-JS%E4%B8%AD%E6%9C%89%E5%87%A0%E7%A7%8D%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%EF%BC%9F"><span class="nav-text">(4).JS中有几种数据类型？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#5-JS%E4%B8%AD%E6%9C%89%E5%87%A0%E7%A7%8D%E5%88%A4%E6%96%AD%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E7%9A%84%E6%96%B9%E6%B3%95%EF%BC%8C%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F"><span class="nav-text">(5).JS中有几种判断数据类型的方法，有什么区别？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#6-JS%E4%B8%AD%E5%88%A4%E6%96%AD%E4%B8%A4%E4%B8%AA%E6%95%B0%E6%8D%AE%E7%9B%B8%E7%AD%89%E7%9A%84%E6%96%B9%E6%B3%95"><span class="nav-text">(6).JS中判断两个数据相等的方法</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#7-%E4%BB%A5%E4%B8%8B%E4%BB%A3%E7%A0%81%E7%9A%84%E8%BE%93%E5%87%BA%E7%BB%93%E6%9E%9C%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F%E6%B6%89%E5%8F%8A%E4%BB%80%E4%B9%88%E7%9F%A5%E8%AF%86%E7%82%B9%EF%BC%9F"><span class="nav-text">(7).以下代码的输出结果是什么？涉及什么知识点？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#8-BFC%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">(8).BFC是什么？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#9-JSON%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">(9).JSON数据格式是什么？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#10-%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0-JSON-%E6%B7%B1%E6%8B%B7%E8%B4%9D%EF%BC%9F"><span class="nav-text">(10).如何实现 JSON 深拷贝？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#11-let%E3%80%81const%E3%80%81var%E7%9A%84%E5%8C%BA%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">(11).let、const、var的区别是什么？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#12-%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E5%92%8C%E4%BA%8B%E4%BB%B6%E5%A7%94%E6%89%98%E5%88%86%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">(12).事件冒泡和事件委托分别是什么？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#13-%E5%A6%82%E4%BD%95%E5%88%A4%E6%96%AD%E6%98%AF%E9%82%A3%E4%B8%AA%E5%AD%90%E5%85%83%E7%B4%A0%E5%8F%91%E7%94%9F%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%EF%BC%9F"><span class="nav-text">(13).如何判断是那个子元素发生事件冒泡？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#14-%E5%89%8D%E7%AB%AF%E4%B8%AD%E6%98%AF%E5%A6%82%E4%BD%95%E5%8F%91%E9%80%81%E8%AF%B7%E6%B1%82%E7%9A%84%EF%BC%9F"><span class="nav-text">(14).前端中是如何发送请求的？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#15-%E7%94%A8css2%E5%92%8Ccss3%E5%88%86%E5%88%AB%E5%86%99%E4%B8%80%E4%B8%8B%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E5%92%8C%E6%B0%B4%E5%B9%B3%E5%B1%85%E4%B8%AD"><span class="nav-text">(15).用css2和css3分别写一下垂直居中和水平居中</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#16-%E9%97%AD%E5%8C%85%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">(16).闭包是什么？</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%EF%BC%81%E5%BB%BA%E8%AE%AE"><span class="nav-text">！建议</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">二、北京校萌科技有限公司</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-http%E7%8A%B6%E6%80%81%E7%A0%81%E5%90%AB%E4%B9%89"><span class="nav-text">1.http状态码含义</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AD%98%E5%82%A8%E7%9A%84%E5%87%A0%E7%A7%8D%E6%96%B9%E5%BC%8F"><span class="nav-text">2.浏览器存储的几种方式</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E6%95%B0%E7%BB%84%E7%9A%84%E5%90%84%E7%A7%8D%E6%96%B9%E6%B3%95"><span class="nav-text">3.数组的各种方法</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-%E5%9F%BA%E6%9C%AC%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E5%92%8C%E5%BC%95%E7%94%A8%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B"><span class="nav-text">4.基本数据类型和引用数据类型</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#5-%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F"><span class="nav-text">5.小程序的生命周期</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">三、润尼尔科技有限公司</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-sessionStorage%E3%80%81localStorage%E4%B8%8Ecookie%E7%9A%84%E5%8C%BA%E5%88%AB"><span class="nav-text">1.sessionStorage、localStorage与cookie的区别</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-jQuery%E4%B8%8E%E5%85%B6%E4%BB%96%E6%A1%86%E6%9E%B6%E7%9B%B8%E6%AF%94%E7%9A%84%E4%BC%98%E5%8A%BF"><span class="nav-text">2.jQuery与其他框架相比的优势</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-http%E4%B8%8Ehttps%E7%9A%84%E5%8C%BA%E5%88%AB"><span class="nav-text">3.http与https的区别</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-%E4%BB%80%E4%B9%88%E6%98%AF%E8%B7%A8%E5%9F%9F"><span class="nav-text">4.什么是跨域</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#5-%E4%BA%86%E8%A7%A3canvas%E5%90%97%EF%BC%9F"><span class="nav-text">5.了解canvas吗？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#6-%E7%94%A8%E7%BD%91%E9%A1%B5%E6%92%AD%E6%94%BE%E8%BF%87%E8%A7%86%E9%A2%91%E6%88%96%E9%9F%B3%E9%A2%91%E5%90%97%EF%BC%9F"><span class="nav-text">6.用网页播放过视频或音频吗？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#7-Linux%E5%91%BD%E4%BB%A4%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%8C%E7%AE%80%E8%A6%81%E8%AF%B4%E6%98%8E%E4%B8%80%E4%B8%8B"><span class="nav-text">7.Linux命令有哪些，简要说明一下</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">四、中科聚网</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E7%BC%96%E5%86%99%E4%B8%80%E4%B8%AA%E6%96%B9%E6%B3%95%EF%BC%8C%E8%BF%9B%E8%A1%8C%E6%95%B0%E7%BB%84%E5%8E%BB%E9%87%8D"><span class="nav-text">1.编写一个方法，进行数组去重</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E5%A6%82%E4%BD%95%E9%98%BB%E6%AD%A2%E9%BB%98%E8%AE%A4%E4%BA%8B%E4%BB%B6%EF%BC%9F"><span class="nav-text">2.如何阻止默认事件？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E5%90%8C%E6%AD%A5%E5%92%8C%E5%BC%82%E6%AD%A5%E7%9A%84%E5%8C%BA%E5%88%AB"><span class="nav-text">3.同步和异步的区别</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-ES6%E7%9A%84%E6%96%B0%E7%89%B9%E6%80%A7%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">4.ES6的新特性有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#5-vue%E7%9A%84%E6%8C%87%E4%BB%A4%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">5.vue的指令有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#6-vue%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">6.vue的生命周期有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#7-%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E7%9A%84%E6%96%B9%E6%B3%95"><span class="nav-text">7.前端性能优化的方法</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#8-%E8%B0%88%E8%B0%88%E4%BD%A0%E5%AF%B9MVC%E4%B8%8EMVVM%E7%9A%84%E7%90%86%E8%A7%A3"><span class="nav-text">8.谈谈你对MVC与MVVM的理解</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#9-%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9A%84%E4%BC%98%E5%8A%A3%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">9.微信小程序的优劣有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#10-%E4%BB%80%E4%B9%88%E6%98%AF%E5%93%8D%E5%BA%94%E5%BC%8F%E5%BC%80%E5%8F%91%EF%BC%9F"><span class="nav-text">10.什么是响应式开发？</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">五、北京丰升</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E4%BB%80%E4%B9%88%E6%98%AF%E8%B7%A8%E5%9F%9F%EF%BC%9F"><span class="nav-text">1.什么是跨域？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AD%98%E5%82%A8%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">2.浏览器存储有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E6%B8%85%E9%99%A4%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%96%B9%E5%BC%8F%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">3.清除浮动的方式有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-get%E4%B8%8Epost%E7%9A%84%E5%8C%BA%E5%88%AB%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">4.get与post的区别有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#5-HTTP%E7%8A%B6%E6%80%81%E7%A0%81%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">5.HTTP状态码有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#6-ES6%E6%96%B0%E7%89%B9%E6%80%A7%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">6.ES6新特性有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#7-var%E3%80%81let%E3%80%81const%E7%9A%84%E5%8C%BA%E5%88%AB%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">7.var、let、const的区别有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#8-%E9%AB%98%E7%BB%B4%E6%95%B0%E7%BB%84%E5%A6%82%E4%BD%95%E8%BD%AC%E5%8C%96%E4%B8%BA%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84%EF%BC%9F"><span class="nav-text">8.高维数组如何转化为一维数组？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#9-%E8%BE%93%E5%85%A5%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%E5%A6%82%E4%BD%95%E8%BE%93%E5%87%BA%E4%B8%BA%E5%8F%A6%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%EF%BC%9F"><span class="nav-text">9.输入一个对象如何输出为另一个对象？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#10-vue%E4%B8%AD%E7%9A%84data%E4%B8%BA%E4%BB%80%E4%B9%88%E6%98%AF%E5%87%BD%E6%95%B0%EF%BC%9F"><span class="nav-text">10.vue中的data为什么是函数？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#11-%E5%A6%82%E4%BD%95%E5%B0%86%E4%B8%80%E4%B8%AA%E9%93%BE%E6%8E%A5%E8%A7%A3%E6%9E%90%E6%88%90%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%EF%BC%9F"><span class="nav-text">11.如何将一个链接解析成一个对象？</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">六、简巨科技</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E6%83%B3%E6%89%BE%E4%B8%80%E5%AE%B6%E4%BB%80%E4%B9%88%E6%A0%B7%E7%9A%84%E5%85%AC%E5%8F%B8%E5%91%A2%EF%BC%9F"><span class="nav-text">1.想找一家什么样的公司呢？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E5%85%AC%E5%8F%B8%E4%BB%8E%E4%BA%8B%E7%9A%84%E8%A1%8C%E4%B8%9A%E6%9C%89%E8%80%83%E8%99%91%E8%BF%87%E5%90%97%EF%BC%9F"><span class="nav-text">2.公司从事的行业有考虑过吗？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E5%AF%B9%E8%87%AA%E5%B7%B1%E7%9A%84%E8%81%8C%E4%B8%9A%E8%A7%84%E5%88%92%E6%9C%89%E4%BB%80%E4%B9%88%E6%83%B3%E6%B3%95%EF%BC%9F"><span class="nav-text">3.对自己的职业规划有什么想法？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-%E6%8E%A5%E5%8F%97%E5%8A%A0%E7%8F%AD-%E5%87%BA%E5%B7%AE-%E9%A9%BB%E5%9C%BA%E5%90%97%EF%BC%9F"><span class="nav-text">4.接受加班/出差/驻场吗？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#5-%E4%BD%A0%E7%9A%84%E4%BC%98%E7%82%B9-%E7%BC%BA%E7%82%B9%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">5.你的优点/缺点有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#6-%E4%BD%A0%E7%9A%84%E6%80%A7%E6%A0%BC%E6%80%8E%E4%B9%88%E6%A0%B7%EF%BC%9F"><span class="nav-text">6.你的性格怎么样？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#7-%E4%BD%A0%E4%B9%B0%E8%BF%87%E6%9C%80%E8%B4%B5%E7%9A%84%E4%B8%9C%E8%A5%BF%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">7.你买过最贵的东西是什么？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#8-%E4%BD%A0%E6%98%AF%E4%B8%80%E4%B8%AA%E8%BD%B4%E7%9A%84%E4%BA%BA%E5%90%97%EF%BC%9F"><span class="nav-text">8.你是一个轴的人吗？</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">七、思无界</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E6%9C%89%E4%BB%80%E4%B9%88%E5%B8%B8%E7%94%A8%E7%9A%84API%EF%BC%9F"><span class="nav-text">1.微信小程序中有什么常用的API？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E5%8D%95%E4%BD%8D%E9%99%A4%E4%BA%86px%E3%80%81rpx%E8%BF%98%E6%9C%89%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="nav-text">2.单位除了px、rpx还有什么？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E7%86%9F%E6%82%89%E7%9A%84Linux%E5%91%BD%E4%BB%A4%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-text">3.熟悉的Linux命令有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-CSS3%E4%B8%AD%E6%80%8E%E4%B9%88%E5%81%9A%E5%8A%A8%E7%94%BB%E6%A0%B7%E5%BC%8F%EF%BC%9F"><span class="nav-text">4.CSS3中怎么做动画样式？</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link"><span class="nav-text">八、</span></a></li></ol></div></div><div class="site-overview-wrap sidebar-panel"><div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="site-author-image" itemprop="image" alt="Zhang Yangeng" src="/images/avatar.jpg"><p class="site-author-name" itemprop="name">Zhang Yangeng</p><div class="site-description" itemprop="description">保持独立思考，不卑不亢不怂，长成自己想要的样子！</div></div><div class="site-state-wrap site-overview-item animated"><nav class="site-state"><div class="site-state-item site-state-posts"><a href="/archives/"><span class="site-state-item-count">69</span> <span class="site-state-item-name">日志</span></a></div><div class="site-state-item site-state-categories"><a href="/categories/"><span class="site-state-item-count">13</span> <span class="site-state-item-name">分类</span></a></div><div class="site-state-item site-state-tags"><a href="/tags/"><span class="site-state-item-count">52</span> <span class="site-state-item-name">标签</span></a></div></nav></div><div class="links-of-author site-overview-item animated"><span class="links-of-author-item"><a href="https://github.com/zhangyangeng" title="GitHub → https://github.com/zhangyangeng" rel="external nofollow noopener noreferrer" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a> </span><span class="links-of-author-item"><a href="https://weibo.com/u/2294901673" title="weibo → https://weibo.com/u/2294901673" rel="external nofollow noopener noreferrer" target="_blank"><i class="fab fa-weibo fa-fw"></i>weibo</a></span></div><div class="cc-license site-overview-item animated" itemprop="license"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/zh-cn" class="cc-opacity" rel="external nofollow noopener noreferrer" target="_blank"><img src="https://cdn.jsdelivr.net/npm/@creativecommons/[email protected]/assets/license_badges/small/by_nc_sa.svg" alt="Creative Commons"></a></div><div class="links-of-blogroll site-overview-item animated"><div class="links-of-blogroll-title"><i class="fa fa-globe fa-fw"></i> 推荐网站</div><ul class="links-of-blogroll-list"><li class="links-of-blogroll-item"><a href="http://topbook.cc/" title="http://topbook.cc/" rel="external nofollow noopener noreferrer" target="_blank">Topbook</a></li></ul></div></div></div></div></aside><div class="sidebar-dimmer"></div></header><div class="back-to-top" role="button" aria-label="返回顶部"><i class="fa fa-arrow-up"></i> <span>0%</span></div><div class="reading-progress-bar"></div><a role="button" class="book-mark-link book-mark-link-fixed"></a><noscript><div class="noscript-warning">Theme NexT works best with JavaScript enabled</div></noscript><div class="main-inner post posts-expand"><div class="post-block"><article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://www.wrysmile.cn/Web-Interview.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.jpg"><meta itemprop="name" content="Zhang Yangeng"><meta itemprop="description" content="保持独立思考，不卑不亢不怂，长成自己想要的样子！"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="Wrysmile 的博客"></span><header class="post-header"><h1 class="post-title" itemprop="name headline">前端：面试与笔试经验总结</h1><div class="post-meta-container"><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="far fa-calendar"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2017-06-10 18:38:39" itemprop="dateCreated datePublished" datetime="2017-06-10T18:38:39+08:00">2017-06-10</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="far fa-calendar-check"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2023-01-31 18:23:56" itemprop="dateModified" datetime="2023-01-31T18:23:56+08:00">2023-01-31</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="far fa-folder"></i> </span><span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E9%9D%A2%E8%AF%95%E7%AC%94%E8%AF%95/" itemprop="url" rel="index"><span itemprop="name">面试笔试</span></a> </span></span><span id="/Web-Interview.html" class="post-meta-item leancloud_visitors" data-flag-title="前端：面试与笔试经验总结" title="阅读次数"><span class="post-meta-item-icon"><i class="far fa-eye"></i> </span><span class="post-meta-item-text">阅读次数：</span> <span class="leancloud-visitors-count"></span></span></div><div class="post-meta"><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="far fa-file-word"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>3.9k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="far fa-clock"></i> </span><span class="post-meta-item-text">阅读时长 ≈</span> <span>4 分钟</span></span></div></div></header><div class="post-body" itemprop="articleBody"><h1>介绍</h1><ul class="lvl-0"><li class="lvl-2">主要总结了各个公司的面试与笔试时的一些内容</li></ul><span id="more"></span><h1>一、字节跳动</h1><h2 id="1-一面">1.一面</h2><h3 id="1-讲述一下计算机网络的七层">(1).讲述一下计算机网络的七层</h3><ul class="lvl-0"><li class="lvl-2"><p>应用层、表示层、会话层、传输层、网络层、数据链路层、物理层</p></li></ul><h3 id="2-TCP、UDP、HTTP分别处于哪一层？">(2).TCP、UDP、HTTP分别处于哪一层？</h3><ul class="lvl-0"><li class="lvl-2"><p>传输层、传输层、应用层</p></li><li class="lvl-2"><p>HTTP与TCP的关系：</p></li></ul><h3 id="3-TCP和UDP的区别">(3).TCP和UDP的区别</h3><ul class="lvl-0"><li class="lvl-2"><p>TCP：面向连接、传输可靠(保证数据正确性,保证数据顺序)、用于传输大量数据(流模式)、速度慢，建立连接需要开销较多(时间，系统资源)</p></li><li class="lvl-2"><p>UDP：面向非连接、传输不可靠、用于传输少量数据(数据包模式)、速度快</p></li><li class="lvl-2"><p>TCP和UDP协议的一些应用例子：</p><ul class="lvl-2"><li class="lvl-4">TCP一般用于文件传输（FTP HTTP 对数据准确性要求高，速度可以相对慢），发送或接收邮件（POP IMAP SMTP 对数据准确性要求高，非紧急应用），远程登录（TELNET SSH 对数据准确性有一定要求，有连接的概念）等等</li><li class="lvl-4">UDP一般用于即时通信（QQ聊天 对数据准确性和丢包要求比较低，但速度必须快），在线视频（RTSP 速度一定要快，保证视频连续，但是偶尔花了一个图像帧，人们还是能接受的），网络语音电话（VoIP 语音数据包一般比较小，需要高速发送，偶尔断音或串音也没有问题）等等。</li></ul></li></ul><h3 id="4-JS中有几种数据类型？">(4).JS中有几种数据类型？</h3><ul class="lvl-0"><li class="lvl-2"></li></ul><h3 id="5-JS中有几种判断数据类型的方法，有什么区别？">(5).JS中有几种判断数据类型的方法，有什么区别？</h3><ul class="lvl-0"><li class="lvl-2"><p>typeof和instanceof</p></li><li class="lvl-2"><p>区别：</p></li></ul><h3 id="6-JS中判断两个数据相等的方法">(6).JS中判断两个数据相等的方法</h3><ul class="lvl-0"><li class="lvl-2"></li><li class="lvl-2"><p><code>NAN === NAN</code> 成立吗？</p></li><li class="lvl-2"><p><code>0.1 === 0.1</code> 成立吗？</p></li></ul><h3 id="7-以下代码的输出结果是什么？涉及什么知识点？">(7).以下代码的输出结果是什么？涉及什么知识点？</h3><ul class="lvl-0"><li class="lvl-2"><p>代码如下：</p></li></ul><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">setTimeout(()=>{log(1)}, 0);</span><br><span class="line">Promise.resolve().then(e=>{log(2)});</span><br><span class="line">setTimeout(()=>{log(3)}, 0);</span><br><span class="line">let p = new Promise((res)=>{</span><br><span class="line"> log(4);</span><br><span class="line"> setTimeout(</span><br><span class="line"> ()=>{</span><br><span class="line"> Promise.resolve().then(e=>{log(7)});</span><br><span class="line"> res(6)</span><br><span class="line"> log(5)</span><br><span class="line"> }</span><br><span class="line"> ,0);</span><br><span class="line"> setTimeout(()=>{log(8)}, 0);</span><br><span class="line">})</span><br><span class="line">p.then(e=>{log(e)});</span><br></pre></td></tr></table></figure><ul class="lvl-0"><li class="lvl-2"><p>输出结果为：4 2 7 6 1 3 5 8</p></li><li class="lvl-2"><p>涉及知识点：js异步中的两种队列（微、宏）、promise异步编程</p></li></ul><h3 id="8-BFC是什么？">(8).BFC是什么？</h3><ul class="lvl-0"><li class="lvl-2"></li></ul><h3 id="9-JSON数据格式是什么？">(9).JSON数据格式是什么？</h3><ul class="lvl-0"><li class="lvl-2"><p>键值对：</p></li></ul><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">{</span><br><span class="line"> "name": "wrysmile",</span><br><span class="line"> age: 25</span><br><span class="line">}</span><br></pre></td></tr></table></figure><ul class="lvl-0"><li class="lvl-2"><p>数组/集合：</p></li></ul><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">{</span><br><span class="line"> [1,2,3],</span><br><span class="line"> [4,5,6]</span><br><span class="line">}</span><br></pre></td></tr></table></figure><h3 id="10-如何实现-JSON-深拷贝？">(10).如何实现 JSON 深拷贝？</h3><ul class="lvl-0"><li class="lvl-2"><p>例如：</p></li></ul><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">var a = {b:1, c: {d:3}, e:[2,3,4]}</span><br><span class="line">var copy = clone(a)</span><br></pre></td></tr></table></figure><h3 id="11-let、const、var的区别是什么？">(11).let、const、var的区别是什么？</h3><ul class="lvl-0"><li class="lvl-2"><p>区别：</p></li><li class="lvl-2"><p>以下代码输出什么？</p></li></ul><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">if(true){</span><br><span class="line"> console.log(a)</span><br><span class="line"> let a = 2</span><br><span class="line">}</span><br></pre></td></tr></table></figure><ul class="lvl-0"><li class="lvl-2"><p>以下代码输出什么？</p></li></ul><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">const a = {b: 2}</span><br><span class="line">a.b = 4</span><br></pre></td></tr></table></figure><h3 id="12-事件冒泡和事件委托分别是什么？">(12).事件冒泡和事件委托分别是什么？</h3><ul class="lvl-0"><li class="lvl-2"></li></ul><h3 id="13-如何判断是那个子元素发生事件冒泡？">(13).如何判断是那个子元素发生事件冒泡？</h3><ul class="lvl-0"><li class="lvl-2"></li></ul><h3 id="14-前端中是如何发送请求的？">(14).前端中是如何发送请求的？</h3><ul class="lvl-0"><li class="lvl-2"><p><code><link></code>、<code><a></code> 标签中的 href 属性</p></li><li class="lvl-2"><p><code><script></code>、<code><img></code>、<code><iframe></code> 的 src属性</p></li><li class="lvl-2"><p>通过表单提交来发送请求</p></li><li class="lvl-2"><p>ajax、axios、jquery 调用 ajax 方法</p></li></ul><h3 id="15-用css2和css3分别写一下垂直居中和水平居中">(15).用css2和css3分别写一下垂直居中和水平居中</h3><ul class="lvl-0"><li class="lvl-2"><p>css3新增了一些属性，像flex，这是css3中很重要的改变，所以除了flex以外的垂直水平居中的技巧都是属于css2的。</p></li><li class="lvl-2"><p>水平居中：</p><ul class="lvl-2"><li class="lvl-4">css2<br>将元素display为行内元素，再text-align:center;即可或者将块级元素定义一个宽度，再margin: 0 auto;即可</li><li class="lvl-4">css3<br>将元素display设为flex，再通过justify-content: center; 实现居中。</li></ul></li><li class="lvl-2"><p>垂直居中</p><ul class="lvl-2"><li class="lvl-4">css2<br>单行内容的垂直居中可以通过设置相同height值和line-height值来实现。多行内容的垂直居中且高度可变可以通过设置上下相同的padding值来实现。行级盒子：小图标和标题对齐设置vertical-align: middle。绝对定位：top:50%; left:50%;的方法，需要已知块级的宽高</li><li class="lvl-4">css3<br>将元素display设为flex，再通过align-items:center;来实现。</li></ul></li></ul><h3 id="16-闭包是什么？">(16).闭包是什么？</h3><ul class="lvl-0"><li class="lvl-2"><p>函数嵌套且内层函数调用外层函数的变量就会形成闭包</p></li></ul><h2 id="！建议">！建议</h2><ul class="lvl-0"><li class="lvl-2"><p>学习好计算机网络、数据结构、JS基础内容</p></li><li class="lvl-2"><p>建议多端学习，如 Web、小程序、客户端</p></li></ul><h1>二、北京校萌科技有限公司</h1><h2 id="1-http状态码含义">1.http状态码含义</h2><ul class="lvl-0"><li class="lvl-2"><p>点击 <a target="_blank" rel="external nofollow noopener noreferrer" href="https://www.runoob.com/http/http-status-codes.html">这里</a> 进行查看</p></li></ul><h2 id="2-浏览器存储的几种方式">2.浏览器存储的几种方式</h2><ul class="lvl-0"><li class="lvl-2"><p>分别为：cookie、localStorage、sessionStorage、indexedDB</p></li><li class="lvl-2"><p>区别：第一个属于文档对象模型DOM树根节点document，后者属于浏览器对象模型BOM的对象window</p></li></ul><h2 id="3-数组的各种方法">3.数组的各种方法</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="4-基本数据类型和引用数据类型">4.基本数据类型和引用数据类型</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="5-小程序的生命周期">5.小程序的生命周期</h2><ul class="lvl-0"><li class="lvl-2"><p>小程序的生命周期如下：</p><ul class="lvl-2"><li class="lvl-4">onLunch()：小程序首次加载初始化</li><li class="lvl-4">onShow()：小程序进入前台的时候</li><li class="lvl-4">onHide()：小程序进入后台的时候</li><li class="lvl-4">onError()：发生脚本错误时</li></ul></li><li class="lvl-2"><p>页面的生命周期如下：</p><ul class="lvl-2"><li class="lvl-4">onLoad()：页面加载</li><li class="lvl-4">onReady()：页面初次渲染完成</li><li class="lvl-4">onShow()：页面显示</li><li class="lvl-4">onHide()：页面隐藏</li><li class="lvl-4">onUnload()：页面卸载</li></ul></li></ul><h1>三、润尼尔科技有限公司</h1><h2 id="1-sessionStorage、localStorage与cookie的区别">1.sessionStorage、localStorage与cookie的区别</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="2-jQuery与其他框架相比的优势">2.jQuery与其他框架相比的优势</h2><ul class="lvl-0"><li class="lvl-2"><p>轻量级</p></li><li class="lvl-2"><p>强大的选择器</p></li><li class="lvl-2"><p>出色的DOM操作的封装</p></li><li class="lvl-2"><p>可靠的事件处理机制</p></li><li class="lvl-2"><p>完善的Ajax</p></li><li class="lvl-2"><p>不污染顶级变量</p></li><li class="lvl-2"><p>出色的浏览器兼容性</p></li><li class="lvl-2"><p>链式操作方式</p></li><li class="lvl-2"><p>隐式迭代</p></li><li class="lvl-2"><p>行为层与结构层的分离</p></li><li class="lvl-2"><p>丰富的插件支持</p></li></ul><h2 id="3-http与https的区别">3.http与https的区别</h2><ul class="lvl-0"><li class="lvl-2"><p>https 协议需要到 CA 申请证书，一般免费证书较少，因而需要一定费用</p></li><li class="lvl-2"><p>http 是超文本传输协议，信息是明文传输；https 则是具有安全性的 ssl 加密传输协议</p></li><li class="lvl-2"><p>http 和 https 使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443</p></li><li class="lvl-2"><p>http 的连接很简单，是无状态的；HTTPS 协议是由 SSL+HTTP 协议构建的可进行加密传输、身份认证的网络协议，比 http 协议安全</p></li></ul><h2 id="4-什么是跨域">4.什么是跨域</h2><ul class="lvl-0"><li class="lvl-2"><p>违背同源策略的都可以认为是跨域，即协议、url、端口等都不相同</p></li><li class="lvl-2"><p>解决跨域：jsonp 与 CORS</p></li></ul><h2 id="5-了解canvas吗？">5.了解canvas吗？</h2><ul class="lvl-0"><li class="lvl-2"><p><strong>Canvas API</strong> 提供了一个通过<a target="_blank" rel="external nofollow noopener noreferrer" href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript">JavaScript</a> 和 <a target="_blank" rel="external nofollow noopener noreferrer" href="https://developer.mozilla.org/zh-CN/docs/Web/HTML">HTML</a>的<a target="_blank" rel="external nofollow noopener noreferrer" href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/canvas">canvas</a>元素来绘制图形的方式</p></li><li class="lvl-2"><p>它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面</p></li></ul><h2 id="6-用网页播放过视频或音频吗？">6.用网页播放过视频或音频吗？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="7-Linux命令有哪些，简要说明一下">7.Linux命令有哪些，简要说明一下</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h1>四、中科聚网</h1><h2 id="1-编写一个方法，进行数组去重">1.编写一个方法，进行数组去重</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="2-如何阻止默认事件？">2.如何阻止默认事件？</h2><ul class="lvl-0"><li class="lvl-2"><p>在IE浏览器中通过 <code>e.returnValue=false;</code></p></li><li class="lvl-2"><p>在其他浏览器中调用方法 <code>e.preventDefault();</code></p></li><li class="lvl-2"><p><code>return false</code> 实现阻止事件的默认行为；禁止冒泡，同时取消默认行为</p></li></ul><h2 id="3-同步和异步的区别">3.同步和异步的区别</h2><ul class="lvl-0"><li class="lvl-2"><p>同步：提交请求 -> 等待服务器处理 -> 处理完毕返回（这个期间客户端浏览器不能干任何事）</p></li><li class="lvl-2"><p>异步: 请求通过事件触发 -> 服务器处理（这时浏览器仍然可以做其他事情）-> 处理完毕</p></li></ul><h2 id="4-ES6的新特性有哪些？">4.ES6的新特性有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="5-vue的指令有哪些？">5.vue的指令有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="6-vue的生命周期有哪些？">6.vue的生命周期有哪些？</h2><ul class="lvl-0"><li class="lvl-2"><p>beforeCreate（创建前）</p></li><li class="lvl-2"><p>created（创建后）</p></li><li class="lvl-2"><p>beforeMount（载入前）</p></li><li class="lvl-2"><p>mounted（载入后）</p></li><li class="lvl-2"><p>beforeUpdate（更新前）</p></li><li class="lvl-2"><p>updated（更新后）</p></li><li class="lvl-2"><p>beforeDestroy（销毁前）</p></li><li class="lvl-2"><p>destroyed（销毁后）</p></li></ul><h2 id="7-前端性能优化的方法">7.前端性能优化的方法</h2><ul class="lvl-0"><li class="lvl-2"><p>七大手段：减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的 API 和构建优化</p></li><li class="lvl-2"><p>可以查看 <a target="_blank" rel="external nofollow noopener noreferrer" href="https://www.cnblogs.com/xiaohuochai/p/9178390.html">这里</a></p></li></ul><h2 id="8-谈谈你对MVC与MVVM的理解">8.谈谈你对MVC与MVVM的理解</h2><ul class="lvl-0"><li class="lvl-2"><p>可以查看 <a target="_blank" rel="external nofollow noopener noreferrer" href="https://www.cnblogs.com/keitsi/p/5764785.html">这里</a></p></li></ul><h2 id="9-微信小程序的优劣有哪些？">9.微信小程序的优劣有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="10-什么是响应式开发？">10.什么是响应式开发？</h2><ul class="lvl-0"><li class="lvl-2"><p>定义：Ethan Marcotte 在 2010 年 5 月份提出的一个概念，旨在让一个网站同时兼容多种设备，而不是为不同设备定制不同的版本</p></li><li class="lvl-2"><p>主要有如下几部分：</p><ul class="lvl-2"><li class="lvl-4">字体大小响应</li><li class="lvl-4">屏幕尺寸响应</li><li class="lvl-4">屏幕精度响应</li><li class="lvl-4">交互方式响应</li><li class="lvl-4">网络状况响应</li><li class="lvl-4">其他功能响应</li><li class="lvl-4">使用场景响应</li><li class="lvl-4">用户偏好响应</li></ul></li><li class="lvl-2"><p>具体内容可以查看 <a target="_blank" rel="external nofollow noopener noreferrer" href="https://www.cnblogs.com/flash3d/archive/2013/09/28/3343877.html">这里</a></p></li></ul><h1>五、北京丰升</h1><h2 id="1-什么是跨域？">1.什么是跨域？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="2-浏览器存储有哪些？">2.浏览器存储有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="3-清除浮动的方式有哪些？">3.清除浮动的方式有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="4-get与post的区别有哪些？">4.get与post的区别有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="5-HTTP状态码有哪些？">5.HTTP状态码有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="6-ES6新特性有哪些？">6.ES6新特性有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="7-var、let、const的区别有哪些？">7.var、let、const的区别有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="8-高维数组如何转化为一维数组？">8.高维数组如何转化为一维数组？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="9-输入一个对象如何输出为另一个对象？">9.输入一个对象如何输出为另一个对象？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="10-vue中的data为什么是函数？">10.vue中的data为什么是函数？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="11-如何将一个链接解析成一个对象？">11.如何将一个链接解析成一个对象？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h1>六、简巨科技</h1><h2 id="1-想找一家什么样的公司呢？">1.想找一家什么样的公司呢？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="2-公司从事的行业有考虑过吗？">2.公司从事的行业有考虑过吗？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="3-对自己的职业规划有什么想法？">3.对自己的职业规划有什么想法？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="4-接受加班-出差-驻场吗？">4.接受加班/出差/驻场吗？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="5-你的优点-缺点有哪些？">5.你的优点/缺点有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="6-你的性格怎么样？">6.你的性格怎么样？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="7-你买过最贵的东西是什么？">7.你买过最贵的东西是什么？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="8-你是一个轴的人吗？">8.你是一个轴的人吗？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h1>七、思无界</h1><h2 id="1-微信小程序中有什么常用的API？">1.微信小程序中有什么常用的API？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="2-单位除了px、rpx还有什么？">2.单位除了px、rpx还有什么？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="3-熟悉的Linux命令有哪些？">3.熟悉的Linux命令有哪些？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h2 id="4-CSS3中怎么做动画样式？">4.CSS3中怎么做动画样式？</h2><ul class="lvl-0"><li class="lvl-2"></li></ul><h1>八、</h1></div><footer class="post-footer"><div class="my_post_copyright"><script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script><script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script><script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script><p><span>本文标题:</span><a href="/Web-Interview.html">前端：面试与笔试经验总结</a></p><p><span>文章作者:</span><a href="/" title="访问 Zhang Yangeng 的个人博客">Zhang Yangeng</a></p><p><span>发布时间:</span>2017年06月10日 - 18:06</p><p><span>最后更新:</span>2023年01月31日 - 18:01</p><p><span>许可协议:</span><i class="fab fa-creative-commons"></i> <a rel="external nofollow noopener noreferrer" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" title="Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)">署名-非商业性使用-禁止演绎 4.0 国际</a></p><p><span>注意事项:</span>转载请保留原文链接及作者，请尊重作者的劳动成果</p><p><span>原始链接:</span><a href="/Web-Interview.html" title="前端：面试与笔试经验总结">https://www.wrysmile.cn/Web-Interview.html</a> <span class="copy-path" title="点击复制文章链接"><i class="fa fa-clipboard" data-clipboard-text="https://www.wrysmile.cn/Web-Interview.html" aria-label="复制成功！"></i></span></p></div><script>var clipboard=new Clipboard(".fa-clipboard");$(".fa-clipboard").click(function(){clipboard.on("success",function(){swal({title:"",text:"复制成功",icon:"success",showConfirmButton:!0})})})</script><div class="reward-container"><div>坚持原创技术分享，您的支持将是对我最大的鼓励！</div><button onclick='document.querySelector(".post-reward").classList.toggle("active")'>赞赏</button><div class="post-reward"><div><img src="https://s2.ax1x.com/2019/01/28/kKrX7T.png" alt="Zhang Yangeng 微信"> <span>微信</span></div><div><img src="https://i.loli.net/2019/01/25/5c4ac75f2e5b7.jpg" alt="Zhang Yangeng 支付宝"> <span>支付宝</span></div></div></div><div class="post-tags"><a href="/tags/%E5%89%8D%E7%AB%AF/" rel="tag"><i class="fa fa-tag"></i> 前端</a> <a href="/tags/%E7%BB%8F%E9%AA%8C/" rel="tag"><i class="fa fa-tag"></i> 经验</a></div><div class="post-nav"><div class="post-nav-item"></div><div class="post-nav-item"><a href="/Hexo-01.html" rel="next" title="Hexo博客之基础搭建教程">Hexo博客之基础搭建教程 <i class="fa fa-chevron-right"></i></a></div></div></footer></article></div><div class="comments" id="lv-container" data-id="city" data-uid="MTAyMC80MjQ5Ni8xOTA0Mw=="></div></div></main><footer class="footer"><div class="footer-inner"><div class="copyright">© 2019 – <span itemprop="copyrightYear">2023</span> <span class="with-love"><i class="fa fa-heart"></i> </span><span class="author" itemprop="copyrightHolder">Wrysmile</span></div><div class="wordcount"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-chart-line"></i> </span><span>站点总字数：</span> <span title="站点总字数">413k</span> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-coffee"></i> </span><span>站点阅读时长 ≈</span> <span title="站点阅读时长">6:15</span></span></div><div class="busuanzi-count"><span class="post-meta-item" id="busuanzi_container_site_uv"><span class="post-meta-item-icon"><i class="fa fa-user"></i> </span><span class="site-uv" title="总访客量"><span id="busuanzi_value_site_uv"></span> </span></span><span class="post-meta-item" id="busuanzi_container_site_pv"><span class="post-meta-item-icon"><i class="fa fa-eye"></i> </span><span class="site-pv" title="总访问量"><span id="busuanzi_value_site_pv"></span></span></span></div><script color="0,0,255" opacity="0.5" zindex="-1" count="99" src="https://cdn.jsdelivr.net/npm/canvas-nest.js@1/dist/canvas-nest.js"></script><script type="text/javascript">!function(e,r){function t(){for(var e=0;e<n.length;e++)n[e].alpha<=0?(r.body.removeChild(n[e].el),n.splice(e,1)):(n[e].y--,n[e].scale+=.004,n[e].alpha-=.013,n[e].el.style.cssText="left:"+n[e].x+"px;top:"+n[e].y+"px;opacity:"+n[e].alpha+";transform:scale("+n[e].scale+","+n[e].scale+") rotate(45deg);background:"+n[e].color+";z-index:99999");requestAnimationFrame(t)}var o,n=[];e.requestAnimationFrame=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)},function(t){var a=r.createElement("style");a.type="text/css";try{a.appendChild(r.createTextNode(t))}catch(e){a.styleSheet.cssText=t}r.getElementsByTagName("head")[0].appendChild(a)}(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o="function"==typeof e.onclick&&e.onclick,e.onclick=function(e){var t,a;o&&o(),t=e,(a=r.createElement("div")).className="heart",n.push({el:a,x:t.clientX-5,y:t.clientY-5,scale:1,alpha:1,color:"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}),r.body.appendChild(a)},t()}(window,document)</script><script type="text/javascript">var titleTime,OriginTitle=document.title;document.addEventListener("visibilitychange",function(){document.hidden?($('[rel="icon"]').attr("href","/img/TEP.ico"),document.title="╭(°A°`)╮ 页面崩溃啦 ~",clearTimeout(titleTime)):($('[rel="icon"]').attr("href","/favicon.ico"),document.title="(ฅ>ω<*ฅ) 噫又好了~"+OriginTitle,titleTime=setTimeout(function(){document.title=OriginTitle},2e3))})</script></div></footer><script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script><script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/next-boot.js"></script><script src="/js/bookmark.js"></script><script src="/js/third-party/search/local-search.js"></script><script class="next-config" data-name="nprogress" type="application/json">{"enable":true,"spinner":false}</script><script src="/js/third-party/nprogress.js"></script><script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><script class="next-config" data-name="leancloud_visitors" type="application/json">{"enable":true,"app_id":"mzhbgeWR9BA3SvqtvaAJulC1-gzGzoHsz","app_key":"xcGndtx2gmyop5yrT6euUk9G","server_url":null,"security":false}</script><script src="/js/third-party/statistics/lean-analytics.js"></script><script src="/js/third-party/comments/livere.js"></script></body></html>