前端面试大全吼吼吼 - 随笔分类 - 香香鲲

SPA 单页面

摘要：对 SPA 单页面的理解，它的优缺点分别是什么？ SPA 应用就是一个 web 应用，可理解为：是一种只需要将单个页面加载到服务器之中的 web 应用程序。当浏览器向服务器发出第一个请求时，服务器会返回一个 index.html 文件，它所需的 js，css 等会在显示时统一加载，部分页面需要时加阅读全文

posted @ 2022-11-06 09:14 香香鲲阅读(137) 评论(0) 推荐(0)

菜单多级联动

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省级列表多级联动</title> </head> <body> <form> <select id="province"> <option value="-1" 阅读全文

posted @ 2022-11-05 16:16 香香鲲阅读(45) 评论(0) 推荐(0)

token（面试题）

摘要：Token一般是存放在哪里？ Token放在cookie和放在localStorage、sessionStorage中有什么不同？ oken是什么？Token 存放位置Token 放在 cookie、localStorage、sessionStorage中对不同点？总结一、Token是什么？ To 阅读全文

posted @ 2022-10-31 22:10 香香鲲阅读(835) 评论(0) 推荐(0)

获取一个对象的所有key值

摘要：1. Object.keys(item); 获取到了key之后就可以遍历的时候直接使用这个进行遍历所有的key跟value var infoItem={ name:'xiaowu', age:'18', } //的出来的keys就是[name,age] var keys=Object.keys(in 阅读全文

posted @ 2022-10-31 21:32 香香鲲阅读(517) 评论(0) 推荐(0)

使用JS创建一个类（面试题）

摘要：1.利用对象字面量创建对象 <body> <script> var obj = { name: 'javascript', age: 18, sex: 'undefined', express: function() { var sent = window.prompt("请你输入你想要说的话") 阅读全文

posted @ 2022-10-31 17:39 香香鲲阅读(73) 评论(0) 推荐(0)

JS的基本数据类型和引用类型？（面试题）

摘要：js基本七种数据类型为 1、String类型，用于表示字符串； 2、Number类型，用于表示数字； 3、Boolean类型； 4、Symbol类型，代表独一无二的值； 5、Undefined类型； 6、Null类型； 7、Object类型。引用类型 1、Object类型； 2、Function类阅读全文

posted @ 2022-10-31 17:29 香香鲲阅读(95) 评论(0) 推荐(0)

Diff算法（面试）

摘要：Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。具体流程：真实 DOM 与虚拟 DOM 之间存在一个映射关系。这个映射关系依靠初始化时的 JSX 建立完成；当虚拟阅读全文

posted @ 2022-10-31 16:09 香香鲲阅读(158) 评论(0) 推荐(0)

vue 项目优化解决方案（面试题）

摘要：vue 项目优化解决方案？ 1.使用 mini-css-extract-plugin 插件抽离 css 2.配置 optimization 把公共的 js 代码抽离出来 3.通过 Webpack 处理文件压缩 4.不打包框架、库文件，通过 cdn 的方式引入 5.小图片使用 base64 （对于小阅读全文

posted @ 2022-10-31 10:19 香香鲲阅读(181) 评论(0) 推荐(0)

如何清除浮动？（面试题）

摘要：如何清除浮动 1、浮动是什么：浮动是将元素块脱离普通文本流，使其漂浮在普通文本流之上，直到碰到内容框或者上一个浮动元素的边框；2、浮动会带来的问题：1）父元素框不能被撑开；2）没有被设置为浮动的元素会无视浮动元素跟在浮动元素的后面3）若第一个浮动元素变动了，那么其后的浮动对象也会变化，会影响整体的结阅读全文

posted @ 2022-10-31 09:49 香香鲲阅读(114) 评论(0) 推荐(0)

前端面试题（基础）

摘要：平时用的代码托管平台以及基本指令？初始化仓库 git init查看当前状态 status克隆仓库ssh地址 Git clone “仓库连接”拉取仓库数据 git pull将代码上传到缓存 git add ./git add --all添加上传代码的注释/提交信息 git commit -m “x 阅读全文

posted @ 2022-10-27 23:29 香香鲲阅读(59) 评论(0) 推荐(0)

Vue3与Vue2的区别（面试题）

摘要：模板指令 1、v-if、v-for优先级区别 3.0依然不建议写在一个元素上但是依然可以同时绑定 Vue2：当在同一个元素上使用v-if时，将优先v-for Vue3：v-if优先，再v-for 2、v-model对的组件使用进行了返工，替换v-bind.sync v-model重新设计了组件中阅读全文

posted @ 2022-09-23 19:46 香香鲲阅读(4523) 评论(0) 推荐(0)

Vue2：生命周期函数(面试)

摘要：生命周期函数创建前后：beforeCreate() created() 挂载前后：beforeMount() mounted() 更新前后：beforeUpdate() updated() 销毁前后：beforeDestroy() destroyed() //钩子函数: 生命周期函数 (c语言中有阅读全文

posted @ 2022-09-04 20:54 香香鲲阅读(232) 评论(0) 推荐(0)

Vue2：vue面试题汇总

摘要：3.1.渐进增强优雅降级? 优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不支持 CSS3，但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而低级浏览器只保证最基本的功能。关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异阅读全文

posted @ 2022-08-31 09:19 香香鲲阅读(1181) 评论(0) 推荐(0)

全栈：Proxy

摘要：什么是proxy？指的是代理软件或代理服务器，也可以认为是一种网络访问方式。 Proxy的原理 1、去请求别人服务器的数据然后发送给前端2、访问时必须先通过对方服务器（实例对象）的允许。 Proxy是在开发阶段最常用的手段，比如Vue，React 等前端框架中理解：常常有一个自己的开发服务器阅读全文

posted @ 2022-08-04 19:04 香香鲲阅读(129) 评论(0) 推荐(0)

全栈：JSONP

摘要：什么是JSONP JSON with padding 举个例子：前端提前设置一个函数，假设函数名为fn 然后把fn 这个字符串用script标签的src属性发送给后端后端解析出参数querystring中的fn字符串，把后端的JSON数据拼接成'fn（JSON数据）'这个字符串发送给前端前端因为使阅读全文

posted @ 2022-08-03 23:50 香香鲲阅读(58) 评论(0) 推荐(0)

全栈：CORS

摘要：什么是CORS 全称Cross-Origin Resource Sharing ，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏阅读全文

posted @ 2022-08-03 21:25 香香鲲阅读(115) 评论(0) 推荐(0)

JS：ES5、ES6数组的方法总结（面试题）

摘要：*加粗为ES6方法 Array.of()：将参数中所有值作为元素形成数组。 Array.from()：将类数组对象或可迭代对象转化为数组 find()：查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。 findIndex()：查找数组中符合条件的元素索引，若有多个符合条件的元素，阅读全文

posted @ 2022-07-12 16:01 香香鲲阅读(233) 评论(0) 推荐(0)

JS：ES6对象新增及方法

摘要：新增 *加粗常用 1、变量声明：const和let 2、箭头函数 3、二进制和八进制字面量 4、对象和数组解构 Object.is(value1, value2) map和reduce map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。 reduce{}：接收一个函数（必阅读全文

posted @ 2022-07-12 12:44 香香鲲阅读(989) 评论(0) 推荐(0)

随笔分类 - 前端面试大全吼吼吼