20道web前端面试总结
一、CSS问题1.flex布局display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中justify-content:center 设置子元素在父元...
2024-01-10
Vue面试题汇总
VUE面试题v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流keep-alive自定义组件的语法糖 v-model 是怎样实现的生命周期组件通信路由跳转vue-router 有哪几种导航钩子Vue.js 2.x 双向绑定原理什么是 MVVM，与 MVC 有什么区别vuexthis.$nextTick()vue的原理理解Vue中的Render渲染...
2024-01-10
前端大厂面试题总结
在去年底开始换工作，直到现在算是告了一个段落，断断续续的也面试了不少公司，现在回想起来，那段时间经历了被面试官手撕，被笔试题狂怼，悲伤的时候差点留下没技术的泪水。这篇文章我打算把我找工作遇到的各种面试题（每次面试完我都会总结）和我自己复习遇到比较有意思的题目，做一...
2024-01-10
Web前端开发面试题之基础原理
1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10
2019前端面试题汇总（主要为Vue）
今天把最近的面试题目做个汇总，也给自己复个盘，由于我的技术栈主要为Vue，所以大部分题目都是Vue开发相关的。 摘要： 经典面试题。原文：2019前端面试题汇总（主要为Vue）作者...
2024-01-10
一道常被人轻视的web前端常见面试题(JS)
面试题是招聘公司和开发者都非常关心的话题，公司希望通过它了解开发者的真实水平和细节处理能力，而开发者希望能够最大程度地展示自己的水平（甚至超常发挥）。本文提供了众多前端开发面试题，无论是招聘方还是应聘方都值得一看！前言年前刚刚离职了，分享下我曾经出过的一道面试题，...
2024-01-10
资深前端工程师大厂总结面试题
01 什么是防抖和节流，他们的应用场景有哪些防抖 (debounce)防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念，必先了解概念所应用的场景。在 JS 这个世界中，有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快，以...
2024-01-10
Vue面试专题知识点总结
简介此篇 js - 【vue 知识总结】 知识点： 全部弄懂了，面试很容易。一、虚拟 dom1、虚拟 dom是什么virtual dom，虚拟 DOM用 JS 模拟 DOM 结构DOM 变化的对比，放在 JS 层来做 （ 图灵完备语言 ）优点：提高重绘性能2、虚拟 dom存在的意义DOM 操作非常 “昂贵”将 DOM 对比操作放在 JS 层，提高效率项...
2024-01-10
Vue面试题总结——目录
首先致敬所有积极分享自己的学习经验的程序猿。本文及其链接的绝大部分文章均属各个网站上面排名靠前，条理清晰的文章。考虑到如果只放链接可能会存在失效导致无法访问的问题，对应的复制粘贴了这些文章过来。对每一篇复制的文章均在文章顶部加了原文地址，以示尊重。再次郑重的感谢所...
2024-01-10
【面试题】前端开发博客微信群一周面试题汇总
1.清除浮动已知浮动是元素脱离了普通文档流；如果当前空间允许，则其后的元素会向上提升至与其平起平坐。 然而，浮动有一个明显的缺陷：包围浮动的父元素会产生高度坍塌。 那么，如何清除浮动？请尽可能的写出清除浮动的多种方式，并说明哪一种最合适？①.为父元素添加overflow: hidden或overfl...
2024-01-10
【前端面试准备】万字总结Vue全家桶
基础使用以下代码均经过自己测试，可以复制直接看效果。注意引入Vue文件渲染优先级render>template>data的插值表达式{{}} 放的是表达式的时候会 输出结果，内部转为函数<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>基本概念</title><script src="vue.js"></script></head><body><h1>显示优先级</h1>...
2024-01-10
web前端经验总结需要注意的地方和技巧
1.编程思维 学习web前端开发核心在于一个“编程思维”，因为每段代码都不一样，都需要分别去看，所以只要你掌握了学习web前端的编程思维，那么写程序对于你来说，就只是先分析业务，然后编码就可以了。 2.代码量 任何一个web前端开发高手都是大量的代码堆积出来的，有很多人只是看视频看书而...
2024-01-10
【Web前端问题】今日面试题，有一定难度。求指导
求解答 4题 5题回答：// 第四题var mathLib = { pi: 3.14, area: function(r) { return this.pi * r * r }, circumference: function(r) { return this.pi * r * 2 }}Function.prototype.after = function() { var _self = this return function() { var result = _self....
2024-01-10
近期面试题整理汇总（持续更新）
1.HTML和CSSHtml5新增标签和属性增加标签：1、结构标签（1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；（2）article：特殊独立区块，表示这篇页眉中的核心内容；（3）aside：标签内容之外与标签内容相关的辅助信息；（4）header：某个...
2024-01-10
【Web前端问题】ie下面定位的层次问题
我外层一个盒子，使用的是fixed的定位，内层使用一个absolute的定位，然后给内层盒子一个点击事件，在ie9下却怎么都点击不了，为什么？这是外层fixed的盒子：这是内层absolute的盒子：我想给这个内层盒子一个点击事件，在ie下面却怎么都点不到，内层有个cursor：point；属性，也没有效果，我觉得是层...
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前端问题】web编辑器的原理和实现
最近想在网站实现markdown支持，了解了许多，大家也推荐了许多，还有一些疑问在这里提出来，希望大家能提出一些建议markdown的实现主要有两部分解析器和编辑器，编辑器提取出markdwon语言，然后解析器解析输出解析器主要是浏览器js解析，我用的解析器是marked，没有经验，慌乱选择，大家感觉这个...
2024-01-10
【Web前端问题】后端传word到前端的问题
项目需要填写表格，然后打印，并且对表格的格式要求非常严苛，想问一下各位大神，是否可以传表格需要填写的内容到后端，然后后端直接填写好word然后传pdf到前端，前端只负责展示和打印，就不需要在网页上修改格式了。最关键的问题在于，我的后端说我传数据过去之后，他那边不好操作，，，请...
2024-01-10
【Web前端问题】这种效果有相关UI库嘛
如图所示，有没有相关的UI库呢？新增： 表述得可能有点问题，不是说图表库哈 是指后面的这种很看起来很科技的背景图回答：这种大屏其实就是用多个echarts或者d3.js/tree.js组成的...回答：iview-admin 链接：http://admin.iviewui.com/home回答：没有ui库，但是我有几十个这种用echarts已经实现好的源码，你要...
2024-01-10
【Web前端问题】获取被选元素以外的元素
这个要怎么实现点击下拉列表以外的地方执行隐藏下拉列表，而且是一个页面中有多个这个的都能实现？回答：$(document.body).click(function(e) {e = e || window.event;if (e.target.className !== '下拉class' ) { $下拉.hide();}});回答：其实比较简单，鉴于题主既然问了，可能基础不太好，我就说说思路。同楼上这个...
2024-01-10
【Web前端问题】面试题:如何在Http1.1基础上实现多路复用？
在我叙述完Http2.0与Http1.1的区别后，面试官来了一句如何在Http1.1基础上实现多路复用？这下好了，又到了我的知识盲区了 文本转换为流？怎样保证顺序？ 回答：好问题，先点个赞个人看法仅供参考其实这里就是要利用现有的服务端+keep-alive+浏览器实现：0.合并请求1.多文件合成流2.多个流同时发送/接...
2024-01-10
【Web前端问题】ionic2的子父页面互相传值的问题
请问ionic2子页面传值到父页面怎么传？父页面如何获取？ 我百度只发现父页面用push就可以传值到子页面，但是不知道子页面返回时候如何传值。回答：ViewController中的dismiss可以带数据回答：在父界面的ts里加 监听事件`myModal.onDidDismiss((data)=>{ if(data){ this.postData(data); console.log(data); } ...
2024-01-10
【Web前端问题】图片形状变换----：）
图片1；可以通过何种方式变形为如图片2通过html5,css3,javascript,svg,canvas来实现；而最后可以输出的格式也是图片或者svg；而不是通过photoshop等应用软件处理的；请问前端的朋友有没有什么样的思路？不胜感激。。。！ps:图片大小以及模糊方面的不做讨论啊；只是形状的变换；因为只是为了表达我想要...
2024-01-10
【Web前端问题】豆瓣跨协议登录实现原理？
如题，豆瓣的主页的http，但是在豆瓣的登录时，post的域名却是https (https://www.douban.com/accounts/login)现在我比较好奇的是，豆瓣这样跨协议的登录原理是如何实现的呢？我用我的本地的网站测试了下，http站点上往https上面post表单，火狐直接提示：“已阻止交叉源请求：同源策略不允许读取 https://localhos...
2024-01-10
【Web前端问题】高手进！恶意JS代码分析
先叙述下缘由，我今天收到了一封勒索邮件，说是我密码在访问不安全网站时被泄露，黑客掌握了我的所有信息，还给我电脑上植入的木马，即使修改邮件密码也没用，如果不在48h之内支付九百多美金的比特币就会把我的信息公示到网上！看到第一眼我差点信了，后来一想我的邮箱是自己设置的，只用...
2024-01-10
