「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高级前端。有一套考察算法的小题

文本内容较多（原理+实践），讲解较为详细，大约10分钟才能阅读完。 虽然题目看起来有点像写给前端同学的一样，但是本文实际上是适合所有想学习 Nginx 但不知道如何下手的同学。

1. 渲染项目列表时，“key” 属性的作用和重要性是什么？ 渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反…

可以看到通过{}创建的对象，很容易就被修改了，而通过Object.create(null)这种方式创建的对象就很纯粹，没有任何属性和对象，非常干净。 然而，我们也可以直接赋值一个函数，如果没有传参，我们就直接抛出错误提醒，如果一个组件里面有很多方法，我们就可以直接复用，而不用每…

由于前端上手比较快,而且平时开发时大部分写的都是业务逻辑以及交互,常常导致我们被一些后端人员'鄙视',这无疑是对我们前端开发人员是不公平的,前端技术更新迭代很快,而且知识点琐碎,想要学好前端是需要一定的持续性学习能力以及创造性和好奇心的,学好前端并不是一件很容易的事情。 无论是…

随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。 有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这篇文章就是让你明白如何选择正确的图片，并…

<h2>DOMTreeApi</h2>查找Tree的位置parentNodeexample:childNodesexample:firstChildexample:lastChildexample:n

这是项目的最内层，包含核心领域对象和业务规则，并定义了外部接口。 数据库，网络连接，文件系统，UI，特殊框架等等都不应该存在于该层。 核心领域对于自身之外的一切一无所知。 依赖以及它们的实现都是通过接口注入到核心领域模型中的。 在上一篇文章的最后，我们实现了一个“贫血”的领域模…

长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 说明了要素，也许你可以尝试着开始思考，看你是否能猜到具体的实现方案。 一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…