个人总结的比较全面的前端面试知识点。主要是一些个人认为面试时容易考到以及平时需要注意的一些知识点。 本人只是对这些知识进行了一个大概的总结，还有一部分技术还没开始涉及，后期会持续添加。如果需要进行深入了解可以根据知识点查…

鉴于 window 下基本用不到 vim，所以下面内容不再提及 window，具体可以在相应 github 中查看手册操作基础：已装有上有 nodejs(npm)。没装的可以移步官网：https://nodejs.org…

js篇 js的类型js数组有哪些方法？哪些方法会生成新数组？闭包，为什么要用到闭包（阿里）什么是原型链？什么是事件委托？事件委托的好处（回答简单明了）js如何实现一个图片从页面右下角移动到左下角？promise，then…

关于vue虚拟dom 生命周期 flex布局的排列方式 块级作用域的描述 箭头函数和普通函数的区别（多一些） rem布局的原理 nuxt.js服务端渲染原理 路由怎么匹配404页面 这里 改过哪些webpack的配置 c…

给H5布局的时候一般都会碰到banner（横幅） 比如要显示成2比1 当然后端返回的图片是2比1就好了 但事情往往不会那么如意 所以怎么办呢 ？ 写死宽高总觉得不妥当 默认width: 100%;让height自适应呢 …

内联样式，优先级1000id选择器，优先级100类和伪类，优先级10元素选择器，优先级1通配选择器，优先级0继承的样式没有优先级当选择器包含多种选择器时，需要将多种选择器的优先级相加然后进行比较。但是注意，选择器的优先级…

有很多坑踩过的，记录下来。尤其是css，相信前端er们最讨厌写的就是css 环境配置篇 一篇文章了解Mac上Node环境配置 样式篇 如何设置表格的单元格内容高度 回答链接🔗 必须要给单元格加一个高度，当…

closest 跟querySelector相反，该元素可以向上查询，也就是可以查询到父元素： document.querySelector("li").closest("#nav"); dataset 就跟原生微信小程…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写行走的大象https://codepen.io/FabioG/ful… 纯 css 画的 iphoneXhttps://…

@font-face允许我们在网页里使用在线字体显示文字。把它写到css中以后，浏览器就会根据其中指明的地址下载对应的字体，然后按照css中的样式来显示字体。 不使用这个命令的话，网页可用的字体会受限于本地计算机的字体，…

使用:not()在菜单上添加/取消边框 很多人会这样给导航添加边框，然后给最后一个取消掉： /* add border */ .nav li { border-right: 1px solid #666; } /* re…

oo css 既面向对象的css 作用 1.加强代码的复用方便维护。2.减小css体积。3.提升渲染效率。4.组件库思想、栅格布局可共用、减少选择器、方便扩展。 注意事项 1.不要直接定义子节点，应把共性声明放到父类。2…