20道web前端面试总结
一、CSS问题1.flex布局display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中justify-content:center 设置子元素在父元...
2024-01-10
前端Vue常见面试题
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。该博客的主要目的是将面试中常见的概念总结，方便快速去了解。什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一...
2024-01-10
年前端面试题-vue篇
1、多个组件之间如何拆分各自的state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块（1）公共的数据部分可以提升至和他们最近的父组件，由父组件派发（2）公共数据可以放到vuex中统一管理，各组件分别获取2、key主要是解决哪一类的问题，为什么不建议用索...
2024-01-10
一道常被人轻视的web前端常见面试题(JS)
面试题是招聘公司和开发者都非常关心的话题，公司希望通过它了解开发者的真实水平和细节处理能力，而开发者希望能够最大程度地展示自己的水平（甚至超常发挥）。本文提供了众多前端开发面试题，无论是招聘方还是应聘方都值得一看！前言年前刚刚离职了，分享下我曾经出过的一道面试题，...
2024-01-10
【Web前端问题】前端算法面试题，求解
如图，写一个方法，传入一个给定的数字，如 60，使用1，2，5这三个数组成60，求大佬解惑回答：这个题是一个经典的组合问题分析要组合的数N和可能币值(数组C，各个元素为c0，c1..cn)的关系，可以生成一个数组B，各元素值为bi=N/ci (i=0,1,...n)经过1就把问题转换成了有限搜索啦，变成分别有bi 个ci面...
2024-01-10
【Web前端问题】js阻止页面离开
如何使用js阻止页面离开，在刷新，离开或者关闭页面时执行自定义的弹框，点击确定的话离开页面，点击取消的话返回原页面。在网上搜了一下，发现用unload或者onbeforeunload的话，自定义弹框弹出，还没点击页面就跳转了。希望大家给出一个可行的方法，谢谢。回答：window.alert window.confirm 等原生方...
2024-01-10
Chii：移动端web页面调试工具
Chii 是一款与 weinre 类似的远程调试工具，主要是将 web inspector 替换为最新的 chrome devtools frontend。Demo请扫描二维码或在手机上直接访问：https://chii.liriliri.io/tests/demo.html打开 https://chii.liriliri.io/ 并点击 inspect 按钮开始调试示例页面。如果想在其它页面尝试，请在浏览器地址栏上输入以下代码。...
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-10web前端页面生成exe可执行文件的方法
在 HTML5的崛起、JavaScript要一统天下之际，有一个名为【跨平台】的技术越来越火。为什么会这么火？因为软件开发者只需一次编写程序，即可在 Windows、Linux、Mac、IOS、Android 等平台运行，大大降低了程序员的工作量，也使公司的产品可以快读迭代。曾经跨平台技术的不被看好，如今随着手机、电脑硬...
2024-01-10
【Web前端问题】ie下面定位的层次问题
我外层一个盒子，使用的是fixed的定位，内层使用一个absolute的定位，然后给内层盒子一个点击事件，在ie9下却怎么都点击不了，为什么？这是外层fixed的盒子：这是内层absolute的盒子：我想给这个内层盒子一个点击事件，在ie下面却怎么都点不到，内层有个cursor：point；属性，也没有效果，我觉得是层...
2024-01-10
【Web前端问题】xss漏洞问题
想请问下关于xss漏洞前端这块是怎么处理的？回答：XSS (Cross-Site Script) 攻击又叫跨站脚本攻击, 本质是一种注入攻击. 其原理, 简单的说就是利用各种手段把恶意代码添加到网页中, 并让受害者执行这段脚本. XSS能做用户使用浏览器能做的一切事情. 伟大的同源策略也无法保证不受XSS攻击，因为此时攻击...
2024-01-10
【Web前端问题】前端断点没反应
在节点添加了属性变化的断点原节点属性没有left top position但是断点并没有触发。。。回答：变动class，style之类的属性才会触发回答：触发节点断点的时候，控制台必须点开 Elements 模块，不然断点会失效...
2024-01-10
【Web前端问题】web编辑器的原理和实现
最近想在网站实现markdown支持，了解了许多，大家也推荐了许多，还有一些疑问在这里提出来，希望大家能提出一些建议markdown的实现主要有两部分解析器和编辑器，编辑器提取出markdwon语言，然后解析器解析输出解析器主要是浏览器js解析，我用的解析器是marked，没有经验，慌乱选择，大家感觉这个...
2024-01-10
【Web前端问题】后端传word到前端的问题
项目需要填写表格，然后打印，并且对表格的格式要求非常严苛，想问一下各位大神，是否可以传表格需要填写的内容到后端，然后后端直接填写好word然后传pdf到前端，前端只负责展示和打印，就不需要在网页上修改格式了。最关键的问题在于，我的后端说我传数据过去之后，他那边不好操作，，，请...
2024-01-10
【Web前端问题】web前端抓包调试工具，大家用什么？
web前端抓包调试工具，大家用什么？ 有没有使用说明，在线等大神回复后补问：有没有用过websocket在手机端调试的？回答：看楼主具体要抓什么内容。如果是前端性能优化，资源加载速度，直接f12中查看资源加载耗时既可以了。如果是要测试api响应速度和请求响应内容大小和速度，Fiddler要更强大...
2024-01-10
【Web前端问题】关于尾递归的问题
引子设 m、n 为正整数，当乘积 mn 等于 0 时，函数f(m, n) 等于 m + n + 1，否则 f(m, n) 等于 f(m - 1, f(m, n - 1))。下面是上述问题的一段简单代码（Javascript）javascriptfunction f(m, n) { if (m * n == 0) { return m + n + 1 } return f(m - 1, f(m , n - 1))}console.log(f(2, 1)) // 5疑惑摘自电子书...
2024-01-10
【Web前端问题】JS作用域和闭包
这里的 i 是指向全局的 i 所有全部都是10，这个没问题然后我把i写在函数里面，把他变成局部然后点击BUTTON 输出全部都是 4 也就是btn.length 这个好理解，绑定事件回调函数指向都是局部变量的i，问题来了，事件绑定是异步的，f1()调用完后，f1函数的局部作用域要释放。点击BUTTON为什么还是4，请问这...
2024-01-10
【Web前端问题】ES6模块方法引用
问题描述：我想在export default中的onSdkReady方法中引用export default中IMGetConversationList()此时会报未定义。 当我调用 export default外面的IMGetConversationList方法就能成功调用。 请问这是为什么呢？ 需要大神们能指点一下，thanks回答：可以这么写啊，有截图，亲测有效const obj={ a(){ console.log("----","苏南...
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前端问题】粘贴url显示其标题
有点好奇 zhihu 是怎么实现在答案评论里粘贴url显示其title的,可以用JavaScript取得目标url的title么 ? 求指教回答：很简单，监听浏览器的粘贴事件，匹配粘贴内容中的URL字串，然后AJAX发送请求给后台（知乎这里是 http://www.zhihu.com/scraper?url=http://imnerd.org 这个后台）抓取页面获得head中的<title>标签内容并返...
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
Vue3实现递归菜单组件-腾讯高级前端25k面试题
前言小伙伴们好久不见，最近刚入职新公司，需求排的很满，平常是实在没时间写文章了，更新频率会变得比较慢。周末在家闲着无聊，突然小弟过来紧急求助，说是面试腾讯的时候，对方给了个 Vue 的递归菜单要求实现，回来找我复盘。正好这周是小周，没想着出去玩，就在家写写代码吧，我看了...
2024-01-10
能否对web页面进行预加载？
有一个页面，里面资源比较多，能否进行预加载（点击别的事件按钮进行这个大页面的预加载），这样，打开大页面的时候就不需要等待。是否有方法？-----------------补充分割线-------------------------------也就是我点击其余事件按钮的时候，旁边的iframe就在加载大页面。这个iframe可以很小，也可以设计成...
2024-01-10
