杭州酒店团购网站建设,网站建设方面的书籍书籍,简单的网站多少钱,下载asp做网站前情提要#xff08;分享个人情况#xff0c;可以直接跳过#xff09; 先说一下我的个人情况#xff0c;我是2026届的#xff0c;目前是在找前端实习。 3月初#xff0c;从3月3日开始在Boss上投简历。 分享我的个人故事#xff0c;不想看可以直接滑到下面#xff0c;…前情提要分享个人情况可以直接跳过 先说一下我的个人情况我是2026届的目前是在找前端实习。 3月初从3月3日开始在Boss上投简历。 分享我的个人故事不想看可以直接滑到下面 接下来讲述以周为单位 第一周 在周四和周五分别约到了一场面试。 周四面试官问我都是关于vue2的八股文然后我没怎么看回答的很糟糕10分钟左右就结束了他最后问我有没有什么问题我当时非常down感觉世界都灰暗了什么都没有问。没想到他下午竟然又约了二面问的全是关于项目的项目没什么亮点我认为回答的也一般。 周五这次面试既有八股文也有项目八股文比较简单就是htmlcssJavaScript之类的很基础后来关于项目就问了我一点你做项目让你印象最深的我就很简单说了一点后来就没继续问项目了。 第一周真的很狼狈我发现自己八股文项目都很糟糕两天时间我针对自己的问题做了初步的改正。 第二周 我还有一个最大的问题就是和别人交流总是有点紧张然后这周我就积极约面试每天把BOSS上面的打招呼次数都用完 周二-周五每天都有一场面试接下来就是在面试中发现问题解决问题。 这一周就是动力满满一面试就暴露问题面试完我就复盘总结自己哪方面需要改变一直都是发现问题解决问题过得比较充实。 这一周面完感觉自己经验已经积累够了我就打算下周投一些中厂之类的因为我其实不太甘心自己在一个小厂的所以就打算继续投。 第三周 这一周就是投的比较佛系而且投的都是中大厂也在一些官网投。因为学校不让实习的原因我个人也没什么动力了感觉有offer也走不了就比较又懈怠了这周没怎么学因为个人是任务驱动型的就是有什么需要解决我才会行动否则就比较摆烂。 现在一周已经过去了回复我的人寥寥无几基本没什么水花只有在周四有一场面试然后这个面试就结合项目来提问一些八股文就回答的一般。他还问了我一个八股文让我做一道题现在想我真是太老实了当时应该直接上网搜 服了CSDN新开发的一个编辑模式真不太好用刚一个撤销把我的一部分记录给弄丢了重写 回归正题说一些我遇到的问题 http和请求方面的 1.http的状态码 回答2xx-5xx的他额外了提问3xx方面的 2xx - 成功状态码 200 3xx - 重定向状态码。301资源永久移动到新位置 302 临时移动到新位置 304资源未修改可以使用缓存 4xx - 客户端错误状态码 403服务器拒绝请求客户端没有访问权限。 404 请求资源不存在 5xx - 服务器错误状态码 500服务器内部错误无法完成请求。503 服务器暂时不可用通常由于过载或维护 2.get和post区别get是否可以提交数据post是否可以请求数据。post是否可以在路径后面拼接变量。 答案是都可以。 GET1. 用于从服务器获取资源。例如加载网页、查询信息等。2. 数据附加在 URL 后面长度限制。3.可以进行提交数据但是数据会暴露在URL里面不安全而且有长度限制。4.默认缓存 POST1.用于向服务器提交数据。通常用于提交表单、上传文件、修改数据等。2.数据通过请求体Request Body传递不会显示在 URL 中没有长度限制。3.post可以获取数据。4.不会默认缓存。 3.如果一个页面中多个请求如何区分这些请求 使用promise.all 4.一个页面中请求A和请求B完成之后在发生请求C如何实现他说让自己实现不用已经给的一些语法之类的。 Promise.all 把A,B完成之后去执行C 2.async/await 让A,B先执行然后执行Cawait会暂停当前代码只有前面执行完才执行后面 3.通过一个计数器来记录请求A和请求B的完成状态当两个请求都完成后再发起请求C。 5.浏览器本地存储方式区别 localStoragesessionStoragecookieindexedDB这个当时没有答出来面试官补充了 6.你怎么解决跨域什么是跨域proxy可以实现跨域原理 协议域名和端口只要有一个不一样就是跨域 浏览器会检测到跨域而不是服务器。 如何解决1. jsonp script的src属性向后端发送请求后端把数据放到callback回调函数中返回。 2.cors跨域资源共享后端配置目标服务器设置响应头 access-control-allow-origin设置为允许跨域的源。 3. proxy代理在vue里面webpack.config.js的devserve属性设置路径以什么开头匹配规则。设置目标服务器地址和是否开启代理和重写路径。这里原理就是服务器代替浏览器去请求目标接口从而绕过浏览器的同源策略。 7.你是否封装过axios说一下 css 1.说一下盒子模型 普通盒子模型和怪异盒子模型 2.解释一下BFC。 bfc块级格式上下文是css一个渲染机制有一套独属于自己的渲染规则bfc区域不会与浮动相重叠所以他会形成一个相对外界完全独立的空间让内部的子元素不会影响外部的元素。 触发他的条件根元素html浮动元素display:inline-block/flexoverflow:hidden/atuo/scrollposition:absolute/fixed。 场景 1.防止margin重叠设置一个元素为bfc 2.清除内部浮动防止父元素高度塌陷元素设置浮动他会脱离正常的文档流导致父元素无法正确计算高度通过给父元素设置bfc让他可以包含内部浮动的元素。 3.自适应多栏布局因为bfc区域不会和浮动元素重叠左右两个元素一个元素设置浮动给他固定大小bfc元素高度固定宽度自适应 3.定位有哪几种 static/absolute/relative/fixed 然后面试官又继续提问relative和absolute区别。 Relative元素相对于其正常位置进行偏移使用 top、bottom、left、right 调整位置不影响其他元素布局。 Absolute元素相对于最近的已定位祖先元素非 static进行定位若无则相对于 html。脱离文档流不影响其他元素。 4.响应式布局如何实现 让网站能够根据不同设备的屏幕尺寸比如PC平板和手机来自动调整布局和设计。 场景 1.媒体查询根据媒体查询为不同的屏幕尺寸设置不同的样式media screen and (min-width:1000px){}media screen (min-width:500px) and (max-width:1000px){} 2.使用相对单位百分比emrem定义布局的宽高从而让页面可以根据屏幕尺寸自动调整实现自适应。 3.flex布局 注意为了适应移动端meta设置viewport 优点可以兼容不同设备。缺点兼容设备工作量大效率低。 这里回答给自己埋了一个雷点面试官又继续问rem我其实知道但当时搞混淆rem和em了。 em相对于当前自己的大小如果没有就是父元素字体大小rem相当于根元素html字体大小 5..元素水平垂直居中的方法 flex /positontransform/positionmargin 6.说一下重绘和重排的区别 重绘当元素的外观发生变化如颜色、背景、边框等但不影响布局时浏览器会重新绘制元素。 重排当元素的几何属性发生变化如尺寸、位置、布局等浏览器需要重新计算元素的布局并重新构建渲染树。 js 1.说一下事件循环接下来又给我了一道题这里其实考到了异步任务的宏任务和微任务 同步任务在主线程进行放入栈中。异步任务不进入主线程进入队列。同步任务顺序执行只有执行栈中的同步任务都执行完成了系统才会把任务队列的异步任务放入执行栈中执行如此循环直到所有任务执行完毕。 console.log(A); setTimeout(() console.log(B), 0); Promise.resolve().then(() console.log(C)); console.log(D);A-D-C-B2.说一下原型链接下来给我一道题这里主要靠考我的就是Object.setPrototypeOf这个方法他改变了原型 function Person(name) {this.name name; }Person.prototype.sayName function () {console.log(this.name); };Person.prototype.type human; const p1 new Person(Alice); const p2 new Person(Bob);Object.setPrototypeOf(p1, { sayName() { console.log(Changed!); } });p1.sayName(); // 输出?changed p2.sayName(); // ?bobconsole.log(p1.type); // ?undefinded console.log(p2.type); // ?humanconsole.log(p1.__proto__ Person.prototype); // ?false console.log(p2.__proto__ Person.prototype); // ?true3.解释一下闭包。说一下闭包的场景 闭包是指一个内部函数引用的外部变量。具体来说就是函数的嵌套一个函数里面嵌套了另一个函数内部函数调用外部函数的变量内部函数在外部函数外面调用。 作用创建私有变量防止变量被污染。回调函数。函数柯里化。 缺点内存泄露保留对外部变量的引用可能会导致内存无法释放这样还会占用更多内存。 4.你在项目中常用到的数组方法 增删改查push unshift pop shift splice指定位置添加或删除 splice(1,2)在1的位置删除两个 修改 concat slice join 查找indexOf includes 遍历 forEach map filter reduce find 5.你在项目中常用到的字符串方法 查找indexof includes 修改concat slice split replace ES6 1.letconstvar区别 2.说一下promise 3.箭头函数和普通函数区别 4.了解map吗说一下map vue2 1.v-if和v-show的区别 v-if本质通过添加和删除dom节点v-show本质通过display:none控制隐藏 2.组件间通信的方式 父子通信。1.props父亲给儿子传递数据子通过props接收。 2.自定义事件$emit。子$emit触发自定义事件事件名和参数父亲通过绑定监听器获取子传递的数据。3.ref。父亲在使用子组件时候给子组件绑定ref通过ref获取数据this.$ref. 兄弟通信通过创建一个全局事件总线eventbus。一个组件通过$emit触发自定义事件传递参数另一个组件通过$on监听自定义事件。 祖孙。祖先通过provide传递值孙子通过inject接受值。 vuex可以实现任意组件间通信 3.生命周期created和mounted区别 beforecreated/created/beforemounted/mounted/beforeupdate/updated/beforedestroy/destoryed created时候vue实例创建完成datamethodcomputed初始化完成但DOM未生成 mounted组件模板渲染未真实的DOM 4.父组件里面有一个子组件他们如何加载生命周期钩子 父亲beforecreate/created/beforemount/—子beforecreate/created/beforemount/mounted/—父亲mounted 5.routes和router区别 routes 路由是路由的静态配置定义了 URL 路径与组件的映射关系。路由对象包含path、componentchildren。 router 路由器是 Vue Router的实例用于管理路由的跳转、监听 URL 变化以及渲染对应的组件。它通过 new VueRouter() 创建并接收 routes 作为配置。 6.如果父组件接受子组件传递过来的值是否可以修改原理 不可以数据单向流动。 7.如果给vue2的对象新增一个属性是否能监听到怎么让他可以监听到 不可以vue.set 8.如果我发现了indexof这个方法在控制台报错怎么办 我说可以把这个方法替换成其他的但是他说工作量大 通过在Object的原型链上补充一个indexof这个方法要不然就使用webpack。 9.vue3有哪些新特性 1.compostion api 2.更小的体积支持tree-shaking 3.响应式系统重构proxy代替了vue2的Object.dinfineproperty递归遍历对象的属性开销大无法监听新增或删除的属性vue.set.vue.delelteproxy监听整个对象不需要递归 遍历 4.虚拟dom的优化渲染速度更快 5.多根节点。 属于给自己埋雷了面试官又问怎么重写了虚拟dom vue2 基于 Snabbdom 库每次渲染都会对比静态节点。vue3 不依赖第三方库优化后diff算法支持patch flag通过在编译阶段标记动态节点只对比这些标记的节点避免重复对比。 10.vue3中ref和reactive区别 ref适用于基本数据类型比如stringnumber通过value访问。 内部通过reactive实现响应式。对于基本数据类型会把他包装成一个对象 通过value访问。 解构后仍然保持响应式 reactive适用于对象或者数组直接访问和修改属性。 内部通过proxy实现响应式直接监听对象的变化。 直接访问对象的属性 解构后不是响应式。’如果需要解构对象可以使用 toRefs 保持响应性包裹结构的对象 11.vue3中的reactive整个替换会失去响应式怎么办 可以通过逐个替换属性。推荐使用 Object.assign 可以通过reactive包裹新对象这个替换就可以 对于频繁需要替换的对象通过ref包裹这个对象然后替换不会失去响应式。 12.说一下vuex常用的一些属性mutions和actons的区别 13.你是否封装过组件说一下 其他 1.开始基本上都是让做个自我介绍可以好好想一个然后固定话术 2.面试完之后面试官都会问你有什么想要问我一般这个时候会问公司的一些情况比如前端多少人准备招多少人公司具体开发方向之类的刚开始我会问他我表现怎么样有什么问题但很多面试官感觉是出于礼貌基本都会说你表现的很好没什么问题也有面试官说了几个问题。几场面试下来我感觉让他们给我提建议还是比较困难的后来我就不怎么问这个了。 3.基本都会问你在项目中有什么难度项目中什么让你印象比较深的可以提前想好自己项目的点自己怎么解决的还是固定一套话术 4.面试官基本都是比较友好的你回答问题不会也没什么大不了他们不会打也不会骂你语气一直比较温和反而最后还会回答你的一些问题所以说不要害怕面试。 暂时先到这里后续有问题再补充