20道web前端面试总结
一、CSS问题1.flex布局display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中justify-content:center 设置子元素在父元...
2024-01-10
一道常被人轻视的web前端常见面试题(JS)
面试题是招聘公司和开发者都非常关心的话题，公司希望通过它了解开发者的真实水平和细节处理能力，而开发者希望能够最大程度地展示自己的水平（甚至超常发挥）。本文提供了众多前端开发面试题，无论是招聘方还是应聘方都值得一看！前言年前刚刚离职了，分享下我曾经出过的一道面试题，...
2024-01-10
【Web前端问题】页面叠加问题
如图登入弹框和页面出现了混合叠加效果相关代码如下：页面html <div id="borrowIn" style="width:586px;background-color: #fff;margin-bottom:10px;" class='pull-right'> <h3>借入</h3> <div style='padding:20px;position:relative;padding-bottom:20px;'> ...
2024-01-10
【Web前端问题】js 面向对象
请问一下 new 后面的mm函数 加不加括号有什么区别 为什么我得到的结果都是一样的请资深大神讲解一下里面的原理回答：首先，这种偏向基础的问题要学会查阅官方文档文档中有详细说明：new foo 等同于 new foo(), 只能用在不传递任何参数的情况当然，也不能完全相信文档，毕竟js的坑。。那差别在哪...
2024-01-10
【VUE】 前端面试题小结
1，对代码重构的理解；2，http和https协议有什么区别3，从输入URL到页面加载全过程4，前端怎么控制管理路由5，缓存机制（描述一下 cookies，sessionStorage 和 localStorage 的区别）6，防抖和节流的区别7，Canvas和SVG有什么区别？8，网页验证码是干嘛的，是为了解决什么安全问题9，display: none;与visibility: h...
2024-01-10
【JS】前端算法面试题，求解
如图，写一个方法，传入一个给定的数字，如 60，使用1，2，5这三个数组成60，求大佬解惑回答这个题是一个经典的组合问题分析要组合的数N和可能币值(数组C，各个元素为c0，c1..cn)的关系，可以生成一个数组B，各元素值为bi=N/ci (i=0,1,...n)经过1就把问题转换成了有限搜索啦，变成分别有bi 个ci面值的...
2024-01-10
【JS】前端面试题之JS排序
前端面试题之JS排序快速排序采用阮一峰的排序，简单易懂，虽然不是最正规的原理：随便选一个数，把原数组里比这个数小的放左边，比这个数大的放右边，然后再把左边和右边的数组重复上面的操作，最后完成排序function quickSort(arr) {if(arr.length <=1) {return arr;}var midI = Math.floor((arr.length-1)/2); //...
2024-01-10
【Web前端问题】微信手机页面分享问题
普通的手机页面通过微信扫码分享，分享以后没有图片显示请问应该如何解决呢？回答：试试找个图片尺寸大一点的你这个宽高只有300px回答：我这里以前的写法也失效了，微信更新的原因，暂无解决方法回答：目前只能jssdk回答：图片根本没有限制，只要你jssdk配置好，你可以打开debug，看看配置...
2024-01-10web前端页面生成exe可执行文件的方法
在 HTML5的崛起、JavaScript要一统天下之际，有一个名为【跨平台】的技术越来越火。为什么会这么火？因为软件开发者只需一次编写程序，即可在 Windows、Linux、Mac、IOS、Android 等平台运行，大大降低了程序员的工作量，也使公司的产品可以快读迭代。曾经跨平台技术的不被看好，如今随着手机、电脑硬...
2024-01-10
【Web前端问题】JS赛马网的笔试题提问
如图所示，一个很简单的题目吧，但是我写完只有20%的准确率，请问这是为什么回答：leetcode 440原题。function findKthNumber(n, k) { let curr = 1; k = k - 1; while (k > 0) { let steps = calSteps(n, curr, curr + 1); if (steps <= k) { curr += 1; k -= steps; ...
2024-01-10
【Web前端问题】前端断点没反应
在节点添加了属性变化的断点原节点属性没有left top position但是断点并没有触发。。。回答：变动class，style之类的属性才会触发回答：触发节点断点的时候，控制台必须点开 Elements 模块，不然断点会失效...
2024-01-10
【Web前端问题】git的新问题
上图：目前是前端人员，最近上传修改后的代码到gitlab上，出现了上图的问题，试着百度和谷歌去解决，没有找到办法。后来，因为工作项目很赶，我老大和一个同事都尝试着帮忙解决，得出一样的结果……暂时没有办法。重启电脑——问题未解决；卸载git重新安装——问题依然未解决。难道要重置...
2024-01-10
【Web前端问题】web编辑器的原理和实现
最近想在网站实现markdown支持，了解了许多，大家也推荐了许多，还有一些疑问在这里提出来，希望大家能提出一些建议markdown的实现主要有两部分解析器和编辑器，编辑器提取出markdwon语言，然后解析器解析输出解析器主要是浏览器js解析，我用的解析器是marked，没有经验，慌乱选择，大家感觉这个...
2024-01-10
【Web前端问题】后端传word到前端的问题
项目需要填写表格，然后打印，并且对表格的格式要求非常严苛，想问一下各位大神，是否可以传表格需要填写的内容到后端，然后后端直接填写好word然后传pdf到前端，前端只负责展示和打印，就不需要在网页上修改格式了。最关键的问题在于，我的后端说我传数据过去之后，他那边不好操作，，，请...
2024-01-10
【Web前端问题】JS作用域和闭包
这里的 i 是指向全局的 i 所有全部都是10，这个没问题然后我把i写在函数里面，把他变成局部然后点击BUTTON 输出全部都是 4 也就是btn.length 这个好理解，绑定事件回调函数指向都是局部变量的i，问题来了，事件绑定是异步的，f1()调用完后，f1函数的局部作用域要释放。点击BUTTON为什么还是4，请问这...
2024-01-10
【Web前端问题】JS网页换肤问题
<!DOCTYPE html><html><head><title>网页换肤</title><style type="text/css"> body,ul,li{list-style: none;padding: 0px;margin:0px;} html,body{margin:0;height: 100%} a:link,a:visited{text-decoration: none;} #outer{width:100%;margin:0 auto;} #chooseSt...
2024-01-10
【Web前端问题】一道关于原型的问题
var fun = function(){}fun.prototype = { name : 'peter', age : 25 }var a = new fun();var b = new fun();console.log(a.name, b.name);//peter peterfun.prototype.name = 'jack';console.log(a.name, b.name);//jack jackfun.prototype = {};fun.protot...
2024-01-10
【Web前端问题】页面滚动，菜单栏悬停怎么实现？
如图当往上滚动，菜单栏滚动到顶部的位置时，再继续滚动，悬停在顶部。问：1、Vue是否有提供这样的控件？2、如果vue没有，有什么现成的一些轮子吗？（最好兼容性好一点，webapp）3、如果现成的轮子也没有，怎么实现？如上，有没有大佬解答下，不胜感激按照 @游龙翔隼的思路已解决，贴上代码...
2024-01-10
【Web前端问题】JS检测设备方向疑问
<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p id="tip"></p> <script> window.addEventListener('deviceorientation', function (orientData) { document.getElementById('tip').in...
2024-01-10
【Web前端问题】上传文件时的错误提示
如图所示，上传文件出错的提示是来自服务器的信息，如何将该错误提示用js改写为更友好的提示界面？js代码片段：function uploadFile(){ var strFileName = $('#file-scorm').val(); if(strFileName.length>0){ if(!IsValidFileExtention(strFileName,["zip"])){ alert("文件格式不正确！"); return false; }els...
2024-01-10
Vue3实现递归菜单组件-腾讯高级前端25k面试题
前言小伙伴们好久不见，最近刚入职新公司，需求排的很满，平常是实在没时间写文章了，更新频率会变得比较慢。周末在家闲着无聊，突然小弟过来紧急求助，说是面试腾讯的时候，对方给了个 Vue 的递归菜单要求实现，回来找我复盘。正好这周是小周，没想着出去玩，就在家写写代码吧，我看了...
2024-01-10
【Web前端问题】ES5中的函数嵌套问题
想请问各位大佬 ，ES5中的这种嵌套函数怎么理解，现在在看ES6,但是之前学习ES5的时候没有见到过这种函数嵌套。我的理解是里面的into:还有after:是不是相当于内层的嵌套函数的别名，调用的时候要逐层从外往内调用吗？想听听大佬们的见解~谢谢了！回答：into,after都是对象里面的一个属性，他们的值...
2024-01-10
【Web前端问题】es6的数组的解构赋值
求解释一下原因 特别是c回答：首先在 ES6 中，...本身就是有结构对象的作用.const [...a] = [1, 2, 3]a // [1, 2, 3]所以对于解构赋值，元素一一对应的关系，题目就分解成了let [a, b, ...c] = [a, undefined, undefined]回答：这能有啥原因………… 解构赋值和聚合运算就是这么规定的…… 赋值运算的右值数组中...
2024-01-10
【Web前端问题】好多公司经常面的一道智力题，加分的
一幢 200 层的大楼，给你两个鸡蛋。如果在第 n 层扔下鸡蛋，鸡蛋不碎，那么从第 n-1 层扔鸡蛋，都不碎。这两只鸡蛋一模一样，不碎的话可以扔无数次。最高从哪层楼扔下时鸡蛋不会碎？回答：这道题应该是考察至少需要抛几次来判断鸡蛋最高从多少层掉下去不会碎吧。要减少最大尝试次数，最常规...
2024-01-10
