WLIULIANBO的博客

关于开发环境面试官想通过开发环境了解候选人的实际工作情况开发环境的工具，能体现工作出得效率会以聊天形式为主，不会问具体的问题开发环境Git基础什么是版本管理版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容。人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制，不方便多人同时编辑同一个文档，容易产生覆盖Git 是什么Git是一个版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任

http 面试题前端工程师开发界面需要用后端的接口，提交/获取数据 —— http 协议要求事先掌握好 ajax什么是 httpHTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。它基于TCP/IP通信协议来传递数据(HTML文件，图片文件，查询结果等)HTTP协议是一个属于应用层的面向对象的协议，由于其简洁、快速的方式，适用于分布式超媒体系统。它

存储题目知识点解答题目描述 coolkie localStorage sessionStorage 的区别容量API 易用性是否跟随 http 请求发送出去相同点：都存储在客户端不同点：（1）.存储大小cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。（2）.有效时间localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数

ajax题目手写一个简易的 ajax跨域的常用实现方式手写一个简易的 ajaxAjax一般是通过XMLHttpRequest对象来是实现的let request =new XMLHttpRequest() //声明一个XMLHttpRequest对象常用的方法和属性XMLHttpRequest对象的setRequestHeader方法语法：request.setRequestHeader(key,value) //设置请求头XMLHttpRequest对象的open方法语

事件题目知识点解答题目编写一个通用的事件监听函数描述事件冒泡的流程无限下拉的图片列表，如何监听每个图片的点击编写一个通用的事件监听函数 var Event = { //页面加载完成后 readyEvent:function(fn){ if(fn == null){ fn = document; } var oldonload = window.onload; if(typeof window.onload != 'functi

题目融合识别浏览器的类型分析拆解 url 各个部分知识点navigatorscreenlocationhistoryW3C标准没有规定任何js基础相关的东西（变量、原型、作用域、异步）；定义了用于浏览器中js操作页面的API和全局变量1、DOM1.1、DOM本质DOM可理解为：浏览器把拿到的html代码，结构化一个浏览器能识别并且js可操作的一个模型######1.2、DOM节点操作var div1 = document.getElementById('di

常说的js(浏览器执行的js)包含两个部分：一、js基础知识（ECMA262标准）1、变量类型和计算1 .1、值类型（存的是值）var a = 100;var b = a;a = 200;console.log(a); //200console.log(b); //1001.2、引用类型（存的是地址）var a = {age: 25};var b = a;b.age = 100;console.log(a.age); //100console.log(b.age);

JS 异步 — 进阶之前讲解 JS 异步，在于初阶的应用本章在于 JS 异步的原理和进阶对初学者有点难度，尽量深入浅出思维导图本章主要内容event looppromise 进阶async / await微任务 / 宏任务先看几个面试题问答请描述 event loop （事件循环 / 事件轮询）的机制，可画图123微任务是ES6语法规定的宏任务是有浏览器灰顶的4什么是宏任务和微任务，两者有是区别？1.宏任务（MacroTask）,微任务（Mic

异步和单线程题目知识点解答题目同步和异步的区别是什么？手写用 promise 接在一张图片前端使用异步场景有哪些?知识点单线程和异步应用场景callback hell 和 Peomise单线程和异步JS 是单线程语言，只能同时做一件事儿浏览器和 nodejs 以支持 JS 启动进程，如 Web WorkerJS 和 DOM 渲染共同一个线程，因为 JS 可修改 DOM 结构遇到等待（网路请求，定时任务）不能卡住需要异步毁掉 callback 函数形式

作用域 和 闭包题目知识点解答题目this 的不同应用场景，如何取值？分类： 1:当作普通函数被调用时候，this指向的对象是window this 的指向一般理解为谁调用，this指向谁比如:这里的a()这里相当于window.a();function a(){ var user = "candy"; console.log(this,user); // undefined console.log(this); // window};a();下一个例子：

Vue 面试真题演练觉得是面试中的网上收集整理的面试题热门技术和知识点v-show 和 v-if 的区别v-show 通过 CSS display 控制显示和隐藏v-if 组件真正的渲染和销毁，而不是显示和隐藏频繁切换显示状态用 v-show ，否则用 v-if为何在 v-for 中用 key必须用key，切不能是 index 和 randomdiff 算法中通过 tag 和 key 来判断，是否是 sameNode减少渲染次数 ， 提升渲染能力描述 Vue 组件生命周期

Vue 原理（大厂必考）面试为何会考察原理面试中如何考察？以何种方式Vue 原理包括那些面试为何会考察原理，有用不到知其然知其所以然 —— 各行业通用的道理了解原理，才能应用的更好（竞争激烈，择优录取）大厂造轮子（有钱有资源，业务定制，技术KPI）面试如何考察 Vue 原理考察重点，而不是考察细节。掌握好 2/8 原则和使用相关的原理，例如 vdom 模本渲染整体流程是否全面？热门技术是否有深度Vue 原理组件化响应式vdom 和 diff模本编译渲染过程

Vue 使用一、基本使用，组件使用 ———— 常用，必须会的二、高级特性 ——— 不常用， 但体现深度三、Vuex 和 Vue-router 使用自己去看文档不行吗？行，但这种是一种最低效的方式文档是一个备忘录，是给会用的人查阅的，并不是入门的教程文档全面冗长且细节过多，不能突出面试考点回顾之前上篇 Vue 面试题v-show 和 v-if 的区别为何 v-for 中药用 key描述 Vue 组件生命周期 （有父子组件的情况）Vue 组件如何通讯描述组件渲染和更新的过程双

首先我们先看几个面试题先看几个面试题，自己去思考一下，自己能回答上多少，在去对比一下面试题的答案思考如何应对这些面试题、以及所以的面试一、Vue 面试题1、v-sho 和 v-if 的区别是什么区别：（1）、当条件为真的时候 没有区别 当条件为假的时候 v-if是不创建元素 v-show 渲染元素然后隐藏掉（2）、v-if更适合数据的筛选和初始渲染， v-show更适合元素的切换2、为何 v-for 中要用 key(1）、vue中列表循环需加:key=“唯一标识” 唯一标识尽量是it

前段框架及项目面试 Vue Reace Webpack通过看这个视频让我知道面试都要准备那些面试题，面试题的准备不要太繁杂了，如果是你自学准备的话，是需要你有足够的时间，需要你有自学能力，需要你有毅力，要是通过这个视频的可以让快速的掌握面试题的技巧。主要分为两点：1.全面全面的知识体系大量的面试真题完整的技术面试流程2.高效直击面试考点和重点，无需自己去扒那些详细的文档会深入浅出讲解原理，无需自己去阅读那些源码，原理是不等于源码的会解读项目的设计的思路，提炼项目的经验需要主意：1