【每日五题】
关注
分享
扫一扫
文章平均质量分 63
面试题
王同学要努力
24届毕业生 计科专业
无论身处何方，陷于何地，都要向下扎根，向上开花，不负生活，不负自己！
展开
-
前端面试高频考点，ES6知识点汇总！！！
前端面试高频考点，面试官必问的ES6汇总???? 一、let 关键字let 关键字用来声明变量，使用 let 声明的变量有几个特点：不允许重复声明有块级作用域不存在变量提升不影响作用域链????let关键字代码说明???? 二、const关键字const 关键字用来声明 常量 ，const 声明有以下特点：声明必须赋初始值标识符一般为大写（习惯）不允许重复声明值不允许修改有块级作用域????const关键字代码说明???? 三、模板字符串模板字符原创 2021-10-20 07:30:00 · 1906 阅读 · 16 评论 -
【前端】—每日5道面试题打卡（十六）
【前端】—每日5道面试题打卡（十六）每天进步1% 不多 就1%一、输出今天的日期，以 YYYY-MM-DD 的方式，比如今天是 2021 年7 月 22 日，则输出2021-07-22 ？二、希望获取到页面中所有的 checkbox 怎么做？(不使用第三方框架)三、怎样添加、移除、移动、复制、创建和查找节点?创建新节点createDocumentFragment() //创建一个 DOM 片段createElement() //创建一个具体的元素createTextNode(原创 2021-07-22 08:08:03 · 2243 阅读 · 12 评论 -
【前端小小白】—每日5道面试题打卡（十五）
【前端小小白】—每日5道面试题打卡（十五）每天进步1% 不多 就1%一、数组的方法有哪些？var list = [1,2,3];list.pop();//删除数组的最后一个元素var list = [1,2];list.unshift(0,1);//头部添加var list = [0,1,1,2,3];list.push(4,5);//尾部添加var list = [1,2,3,4,5];var arr = list.concat(4,[5,6]);//把两个数组连接起来//var原创 2021-07-19 19:30:41 · 639 阅读 · 3 评论 -
前端—每天5道面试题（十四）
前端—每天5道面试题（十四）每天进步1% 不多 就1%一、JavaScript 是一门什么样的语言，它有哪些特点？javaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML网页上使用，用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准，因此也称为ECMAScript。JavaScript基本特点：1．是一种解释性脚本语言（原创 2021-07-18 07:58:19 · 3128 阅读 · 19 评论 -
前端—每天5道面试题（十三）
前端—每天5道面试题（十三）一、display：none；和visibilty:hidden ;和opacity：0；和overflow：hidden的区别？display：none；隐藏自己，隐藏后不占据位置visibilty:hidden;隐藏位置，隐藏后原位置保留opacity：0；隐藏位置，隐藏后位置保留overflow：hidden；溢出部分隐藏二、CSS中，自适应的单位都有哪些？百分比：%相对于视口宽度的单位：vw相对于视口高度的单位：vh相对于视口宽度原创 2021-07-17 20:56:57 · 498 阅读 · 0 评论 -
前端—每天5道面试题（十二）
前端—每天5道面试题（十二）每天进步1% 不多 就1%一、CSS3 新特性有哪些1.颜色：新增 RGBA，HSLA 模式2. 文字阴影（text-shadow、）3.边框： 圆角（border-radius）边框阴影： box-shadow4. 盒子模型：box-sizing5.背景：background-size 设置背景图片的尺寸 background-origin 设置背景图片的原点background-clip 设置背景图片的裁切区域，以”，”分隔可以设置多背景，用于自适原创 2021-07-16 06:38:37 · 6836 阅读 · 31 评论 -
前端—每天5道面试题（十一）
前端—每天5道面试题（十一）每天进步1% 不多 就1%一、简述对 Web 语义化的理解？就是让浏览器更好的读懂你写的代码，在进行 HTML 结构、表现、行为设计时，尽量使用语义化的标签，使程序代码简介明了，易于进行 Web 操作和网站 SEO，方便团队协作的一种标准，以图实现一种“无障碍”的 Web 开发。二、合理的页面布局中常听过结构与表现分离，那么结构是什么？表现是什么？结构是 html，表现是 css三、你能描述一下渐进增强和优雅降级之间的不同吗？渐进增强 progress原创 2021-07-15 22:42:21 · 527 阅读 · 9 评论 -
手撕面试题
手撕面试题原创 2021-07-14 22:12:35 · 338 阅读 · 7 评论 -
前端—每天5道面试题（十）
前端—每天5道面试题（十）每天进步1% 不多 就1%一、用 div+css 布局的好处？表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，HTML 文件中只存放文本信息。提高搜索引擎对网页的索引效率用只包含结构化内容的 HTML 代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。提高页面浏览速度对于同一个页面视觉效果，采用 CSS+DIV 重构的页面容量要比 TABLE 编码的页面文件容量小得多，前者一般只有后者的1/2大小。易于维护和改版原创 2021-07-14 22:06:22 · 952 阅读 · 11 评论 -
前端—每天5道面试题（九）
前端—每天5道面试题（九）一、overflow 有哪些属性值？Visible：默认值，内容不会被修剪，会呈现在元素框之外。Hidden：内容会被修剪，并且其余内容是不可见的。Scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。Auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容Inherit：规定应该从父元素继承 overflow 属性的值二、 rgba()和 opacity 的透明效果有什么不同？rgba()和 opacity 都原创 2021-07-13 11:32:50 · 587 阅读 · 15 评论 -
一个页面上有大量的图片，加载很慢，你有哪些方法优化这些图片的加载？
一个页面上有大量的图片，加载很慢，你有哪些方法优化这些图片的加载？1、使用 Sprites 图片技术它将一个页面涉及到的所有零星图片都包含到一张大图中去，然后利用 CSS 技术展现出来。这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了，可以减少了整个网页的图片大小，并且利用 CSS Sprites 能很好地减少网页的 http 请求，从而大大的提高页面的性能。2、压缩文本和图片压缩技术如 gzip 可以有效减少页面加载的时间。压缩率都可以在大小 70%左右。虽然文本压缩用原创 2021-05-28 22:49:43 · 9648 阅读 · 2 评论 -
前端如何优化网站性能？
前端如何优化网站性能？1、减少HTTP的请求数量在浏览器与服务器进行通信的时候，主要是通过HTTP进行通信，浏览器与服务器需要经过三次握手，每次握手需要花费大量的时间，而且不同浏览器对资源文件并发请求的数量有限（不同浏览器允许的并发数），一旦HTTP请求数量达到一定的数量，资源请求就存在等待状态，这是很致命的，因此减少HTTP的请求数量可以很大程度上对网站进行优化。(一）、CSS Sprites CSS Sprites俗称精灵图，这是将多张图片合并成一张图片达到减少HTTP请求的一种解决方案，可以通原创 2021-05-28 22:33:39 · 1007 阅读 · 1 评论 -
怎样做好前端的交互
怎样做好前端的交互做好交互需要时刻注意的四大概念: 行为，状态，数据，效果。行为:用户在使用程序的所发出的动作，当用户在做动作的时候js会有对应的事件对应的钩子产生，需要特别注意。状态:指页面元素在用户发生动作后，页面元素不再是发生动作前的页面元素了，而是附带了状态的页面元素，是赋值或赋能过的元素。数据:在用户发出动作后与给后端发送请求获取到的结果。效果:当用户进行各种各样的行为，改变了页面元素的状态，发送请求后将数据进行展示，进而达到用户看到的界面的变化，称为效果...原创 2021-05-22 18:05:28 · 783 阅读 · 1 评论 -
面试必知的25个经典回答 ,最全的面试干货，没有之一
面试必知的50个经典回答 最全的面试干货，没有之一我把精心编辑的面试干货送给你，不用太感谢我哦~~~因为你只需要点赞+收藏就好了，咱们就互不相欠了哦一、人事面试题1、请你介绍一下自己？回答提示： 一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最 希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最 成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突出积极的个性和做事的能力，说得原创 2021-04-23 17:12:00 · 5784 阅读 · 22 评论 -
前端加密的常见场景和方法
前端加密的常见场景和方法首先，加密的目的，简而言之就是将明文转换为密文、甚至转换为其他的东西， 用来隐藏明文内容本身，防止其他人直接获取到敏感明文信息、或者提高其他 人获取到明文信息的难度。通常我们提到加密会想到密码加密、HTTPS等关键 词，这里从场景和方法分别提一些我的个人见解。场景-密码传输前端密码传输过程中如果不加密，在日志中就可以拿到用户的明文密码，对用 户安全不太负责。这种加密其实相对比较简单，可以使用PlanA-前端加密、后 端解密后计算密码字符串的 MD5/MD6 存入数据库；也原创 2021-04-09 15:32:46 · 759 阅读 · 2 评论 -
前端—每天5道面试题（8）
前端—每天5道面试题（8）每天背5道前端面试题，你会越来越优秀1、console.log 是同步还是异步? 如何实现 一个 console.log？console.log 内部实现的是 process.stdout，将输入的内容打印到 stdout，异步同步 取决于 stdout 连接的数据流的类型（需要写入的位置）以及不同的操作系统。文件：在 Windows 和 POSIX 上是同步的TTY（终端）：在 Windows 上是异步的，在 POSIX 上是同步管道（和 socke原创 2021-03-20 23:26:20 · 371 阅读 · 1 评论 -
前端—每天5道面试题（2）
前端—每天5道面试题（2）每天背5道前端面试题，希望我可以在远方的终点见到你1、你知道的网页制作会用到的图片格式有哪些？png-8，png-24，jpeg，gif，svg。但是上面的那些都不是面试官想要的最后答案。面试官希望听到是Webp。（是否有关注新技术，新鲜事物）科普一下Webp：WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并原创 2021-03-10 17:19:21 · 415 阅读 · 5 评论 -
一篇文章教你学会实现模糊搜索结果的关键词高亮显示
一篇文章教你学会实现模糊搜索结果的关键词高亮显示话不多说，先看效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt原创 2021-03-19 23:37:31 · 2958 阅读 · 11 评论 -
前端—每天5道面试题（7）
前端—每天5道面试题（6）每天背5道前端面试题，你会越来越优秀1、webpack 中 loader 和 plugin 的区别是什么？loader：loader 是一个转换器，将 A 文件进行编译成 B 文件，属于单纯的文 件转换过程plugin：plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束 后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作， 会监听 webpack 打包过程中的某些节点，执行广泛的任务。2、介绍一原创 2021-03-19 23:29:59 · 317 阅读 · 3 评论 -
前端—每天5道面试题（6）
前端—每天5道面试题（6）每天背5道前端面试题，希望我可以在远方的终点见到你1、谈谈JS 异步解决方案的发展历程以及优缺点。1、回调函数（callback） 优点：解决了同步的问题（只要有一个任务耗时很长，后面的任务都必须排队 等着，会拖延整个程序的执行。） 缺点：回调地狱，不能用 try catch 捕获错误，不能 return 。2、Promise 优点：解决了回调地狱的问题 缺点：无法取消 Promise ，错误需要通过回调函数来捕获 。3、Generator 特点：可以控制函数的执行原创 2021-03-16 22:26:49 · 291 阅读 · 0 评论 -
前端—每天5道面试题（5）
前端—每天5道面试题（5）每天背5道前端面试题，希望我可以在远方的终点见到你1、简述一下前端的性能优化问题（一）、页面内容方面通过文件合并、css 雪碧图、使用 base64 等方式来减少 HTTP 请求数， 避免过多的请求造成等待的情况。通过 DNS 缓存等机制来减少 DNS 的查询次数。通过设置缓存策略，对常用不变的资源进行缓存。通过延迟加载的方式，来减少页面首屏加载时需要请求的资源，延迟加载 的资源当用户需要访问时，再去请求加载。通过用户行为，对某些资源使用预加载的方式，来提高原创 2021-03-15 18:59:21 · 398 阅读 · 2 评论 -
前端—每天5道面试题（4）
前端—每天5道面试题（4）每天背5道前端面试题，希望我可以在远方的终点见到你1、写 React / Vue 项目时为什么要在列表组件中写 key， 其作用是什么？key 是给每一个 vnode 的唯一 id,可以依靠 key,更准确,更快的拿到 oldVnode 中对 应的 vnode 节点。2、介绍下 Set、Map、WeakSet 和 WeakMap 的区别？Set——对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。WeakSet——成员都是对象；成员都是弱引用，可原创 2021-03-12 17:17:32 · 434 阅读 · 9 评论 -
前端—每天5道面试题（3）
前端—每天5道面试题（3）每天背5道前端面试题，希望我可以在远方的终点见到你1、JavaScript是一门什么样的语言，它有哪些特点？javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准，因此也称为ECMAScript。基本特点：是一种解释性脚本语言（代码不进行原创 2021-03-11 10:16:09 · 503 阅读 · 0 评论 -
前端—每天5道面试题（1）
前端—每天5道面试题（1）每天背5道前端面试题，希望我可以在远方的终点见到你1、说一下CSS模型CSS模型简介:就是用来装页面上的元素的矩形区域。CSS 中的盒子模型包括IE 盒子模型和标准的W3C盒子模型。box-sizing(有3个值哦): border-box, padding-box, content-box.标准盒子模型:IE盒模型：区别：从图中我们可以看出，这两种盒子模型最主要的区别就是width的包含范围，在标准的盒子模型中，width指content部分原创 2021-03-09 17:56:13 · 849 阅读 · 5 评论 -
为什么promise就是微队列？setTimeOut就是宏队列？
为什么promise就是微队列？setTimeOut就是宏队列？其实就是线程的事，宿主线程的回调就是宏队列，像setTimeout网络通信，JS是自己的，就是微队列。或者可以这样说，因为promsise是ES的，setTimeout是浏览器的，归浏览器控制的属于宏任务，script脚本在浏览器上执行也算宏任务。一个是es规范，一个是w3c规范。...原创 2021-03-01 22:11:16 · 1070 阅读 · 0 评论