秀秀的奇妙旅行

微软C+AI一二三面面经微软STCA - 暑期实习 - 二面【暑期实习】【前端】微软SWE面经-初面-前2轮微软校招面经-苏州CMD（凉）2020.3.9 微软苏州软开暑期实习生凉经Web前端HTML5&CSS3[零基础入门到就业] （JavaScript/JS/2021版/百度名师张容铭亲......

js基本语法javaScript基本语法js常用函数javascript常用函数大全1、常规函数2、数组和字符串的常用函数① 数组相关函数slice、splice、split 三者的区别js数组常用方法Array.push()Array.pop()Array.unshift()Array.shift()Array.concat()Array.slice()Array.substr()Array.splice()Array.split()Array.join()

登录每个文件的作用和位置样式：调位置居中、flex模式的应用data绑定问题 表单ref——重置、验证axios的引入和使用：之后就可以使用this.$ http,像ref是this.$ ref.。。，this.$ routeraxios的参数有的可以使用this.LoginForm（this的使用）将axios全局挂载到VUE原型上axios导入2关于token：写在登陆按钮的method里面把产生的token（登陆成功后产生的数据data.token）放到sessionStora

刚结束自己的第一个面试，来记录一下这次面试的体验以及需要加强的部分面试前边会根据你的项目提一些问题，比如我用的vue，那开始肯定要提问你vue的问题，所以vue必须要好好掌握一下，而且肯定会结合项目来的（权限管理之类的 ）后边就直接提问js+css的一些内容（面试官肯定直接根据列的题目提纲问了，这边没啥问题，当然也要防止他再回去结合项目问，）最后还问了对自己的工作有什么期望（提升前端技术，接触后台技术 笑cry）技术方面（只记录自己没答出来的）深拷贝你项目中用到过吗，你商品管理应该会有编.

一、组件的种类以及基础用法vue中组件name的作用1、定义子组件2、定义父组件3、父组件中使用子组件（在父组件中进行子组件局部组件的注册）4、父组件像子组件传递内容二、详细介绍1、默认插槽2、具名插槽3、作用域插槽① 为什么用作用域插槽②如何使用③ 我项目中用到作用域插槽的地方三、插槽的使用情景一、组件的种类以及基础用法vue中组件name的作用vue中组件name的作用1、定义子组件2、定义父组件3、父组件中使用子组件（在父组件中进行子组件局部组件的注册）得到效果如下4、父.

1、MVVM2、双向绑定（v-model）（发布者订阅者模式）① 原理②具体实现③ Object.defineProperty()3、虚拟domvue核心之虚拟DOM(vdom)是这样：如果没有虚拟dom的话， 一次操作中有十次更新dom节点的操作，就要去真实的的dom中更改十次，有虚拟dom，把十次更改都先沾到虚拟dom上，然后一次更改在把十次虚拟dom改变的时候，并不是直接把整个虚拟dom树上的dom都更新一遍，而是根据diff只更改那十个节点，然后再去操作

前端性能优化探讨及浏览器缓存机制一、缓存如何实现前端性能优化1、什么是浏览器缓存2、js请求，一般会有哪些地方有缓存处理?3、什么是静态资源二、缓存的类型1、客户端缓存① 浏览器的http缓存1）缓存过程分析2）分类强缓存协商缓存缓存的实际中的应用策略② 本地存储cookie，localStorage，sessionStorage （客户端保存数据）实现数据持久化(数据本地化)cookie还可以用于跟踪用户身份2、 CDN 缓

1、js有哪些数据类型引用数据类型2、undefined和null的区别3、如何判断一个变量是Array类型，是Number类型？Typeof（）和instanceof3、= = 和 === 的区别，js隐性类型转换步骤① 隐式（强制）类型转换定义② toString、valueOf 方法 ——转化对象的方法4 、JavaScript中的装箱和拆箱操作① 装箱② 拆箱5、数组和字符串的常用函数① 数组相关函数② 字符串函数1、js有哪些数据类型NaN：Not a Number引用数据类型.

① JS和CSS的引入/写入位置应该放在哪里？1）js2）css② html、css、js文件的解析顺序③ js优化延迟加载方式1） js中script标签中defer和async属性的区别（加载js文件）④ css文件的加载和优化1）css优化的原理2） css优化的方式④ 如何实现前端的性能优化1） 优化css和js文件的加载（以及重绘和回流）2）减少请求数量3）webpack优化（减小资源大小）① JS和CSS的引入/写入位置应该放在哪里？1）jsJS和CSS的引入/写入位置应该放在哪里？.

webpack一、什么是webpackwebpack常用命令总结二 、webpack的组成1、module chunk bundle区别2、loader和plugins的区别区别pluginloder什么是loder常用的loderbabel、typeScript③ dev-server三、如何借助webpack来优化前端性能①优化开发环境打包速度（热更新）② css、压缩③ js 、HTML代码压缩④ tree shaking四、webpack，grunt，gulp五、Webpack proxy工作原理.

一、HTML语义化1、什么叫语义化2、为什么要语义化3、 HTML5新增的标签4、 b和strong的区别（em）？二、HTML51、 Doctype的作用2、 如何区分html和html5?① 文档类型声明② 结构语义3、HTML、XHTML、XML有什么区别三 、特殊标签和属性1、meta标签2、script标签中defer和async属性的区别3、src和href的区别（a和link的区别）？① src② herf③ src和href的区别④ img的srcset的作用是什么优雅降级和渐进增强一次性.

说下你对 mvvm 的理解？双向绑定的理解？请详细说下你对 vue 生命周期的理解？请说出 vue.cli 项目中 src 目录每个文件夹和文件的用法？webpack什么是webpack说下你对 mvvm 的理解？双向绑定的理解？请详细说下你对 vue 生命周期的理解？请说出 vue.cli 项目中 src 目录每个文件夹和文件的用法？webpack什么是webpack...

cookie，localStorage，sessionStorage （客户端保存数据）记录用户登录状态方法（cookie、token、session）cookie，localStorage，sessionStorage （客户端保存数据）参考记录用户登录状态方法（cookie、token、session）在前后端通信数据传输的过程中，有的涉及到用户权限的问题，这时候就需要这个三个工具这三个功能是干什么的：HTTP 协议是无状态的。但是随着 web 应用的发展，越来越多的场.

SEMSEM（搜索引擎营销）基本思想是让用户发现信息，并通过(搜索引擎)搜索点击进入网站/网页进一步了解他所需要的信息。SEM的方法包括搜索引擎优化(SEO)、付费排名、精准广告以及付费收录SEOSEO是指在了解搜索引擎自然排名机制的基础之上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中关键词的自然排名，获得更多的展现量，吸引更多目标客户点击访问网站SEO与SEM相同点和不同点名称：SEO（Search Enginner Optinazition）与 SEM（Sear

学习视频单个面试题目讲解前端面试高频题目面试题 一、关于类和对象1、面向对象、重载、多态（重写）① 面向对象② 重载和多态2、如何新建一个对象（通过类/构造函数）3、构造函数中的new做了什么4、构造函数的实例成员和静态成员二 、原型、原型链1、原型构造函数的属性prototype——原型对象的属性__proto__隐式原型、显式原型原型对象prototype的属性constructor2、原型链三 、this相关1、 this的指向2、改变(函数)this的指向:call、apply和bind方法

参考① 记录用户登录状态方法（cookie、token、session）1）这三个功能是干什么的：在前后端通信数据传输的过程中，有的涉及到用户权限的问题，这时候就需要这个三个工具HTTP 协议是无状态的。但是随着 web 应用的发展，越来越多的场景需要标识用户身份。例如：单点登陆、购物车等等。而cookie、session 与 token，就是为了实现带有状态的“会话控制”2）区别cookie、 session与token的区别一般cookie和session一起使用：cookie

1、盒子模型的组成，以及box-sizing的作用2、 使用css隐藏元素的方式3、行内元素and块级元素4、display/position属性5、不定高的DIV居中6、flexbox（弹性布局）7、网格布局8、流式布局、响应式布局9、BFC10、浮动元素清除浮动:after伪类选择器11、 css选择器12 、css中的长度单位13、CSS 引入的方式有哪些? link 和@import 的区别是?1、盒子模型的组成，以及box-sizing的作用2、 使用css隐藏元素的方式opacity.