里世界

♥ 偶尔写点『无聊』的主题,尽量写的有趣。 ♥

再谈前端虚拟列表的实现

书接上文,在之前的 聊聊前端开发中的长列表 中,笔者对「可视区域渲染」的列表进行了介绍,并写了一个简化的例子来展现如何实现。这种列表一般叫做 Virtual List,在本文中会使用「虚拟列表」来指代。在本文中,笔者会把上篇文章中的简化例子一步步强化成一个相对通用、性能优异的虚拟列表组件,旨在讲清楚虚拟列表的实现思路。阅读本文不需要阅读上一篇文章,但代码是使用 Vue.js 来实现的,所以你需要有......

浅谈表格组件的实现:固定表头和固定列

前言

在前端开发中,表格组件相对来讲是比较复杂的组件之一,主要原因在于大家对表格组件的需求不同,笔者没看到过一个表格组件可以覆盖所有人的需求。

从业务场景来讲,可以把表格组件分成三种类型:

Bootstrap 类:CSS 就可实现的表格,主要用在信息展现类的页面上。

中后台类:着重在展现,编辑通过按钮来操作,主要用在中后台系统中。与 Bootstrap 类表格比较大的一个分界点就是有固定表......

聊聊前端开发中的长列表

前端的业务开发中会遇到一些无法使用分页方式来加载的列表,我们一般把这种列表叫做长列表。在本篇文章中,我们把长列表定义成数据长度大于 1000 条,并且不能使用分页的形式来展示的列表。

本篇文章探讨了以下几个话题:

完整渲染的长列表是否有优化的可能?优化的极限在什么位置?

如果使用非完整的渲染长列表,有哪些方案以及具体的实现思路。

本篇文章的内容和具体框架无关,只是在部分例子中使用了 Vu......

什么样的前端简历才能获得一份面试机会?(2016)

最近新接触了一个新的 HR,每次发一堆简历过来,让我自己挑选,问我这里面是不是有合适的。

我每次都对她说:『这些简历都不行』,她被搞的很郁闷,问我『之前的面试官挑简历都不怎么严格,我怎么样才能挑出你想要的简历?』

挑简历规则

于是,我给她简单的列了几条:

一定不约的:

非科班出身,参与过前端培训的。

工作5年以上,但是前端经验不足工作时间一半的。

简历中出现以下关键字的直接过滤掉:DI......

Mac 下把 *.domain.com 指向127.0.0.1

前言

这篇文章的解决办法适用在 Mac 上,无法在 Linux 上使用。

在开发网站的时候,我们起码会有两个环境:开发环境和线上环境。

假设线上域名为 domain.com,在开发环境里面,可以修改 /etc/hosts 把 domain.com 指向 127.0.0.1,在80端口监听的 Nginx 则会转发 domain.com 下的请求到 127.0.0.1。

这样的问题在于无法......

修正 iOS IFrame 的高度会根据内容自适应的问题

前言

一个月前帮一个同事解决了一个 iOS 上的 IFrame 会自动增高导致的问题,本以为这个 Bug 应该会很罕见,就没有记录下来。今天又有一个其他组同事遇到了这个神奇的 Bug ,记录一下原因和解决办法。

当然,移动端使用 IFrame 不是一个很常见的做法,不过我第一次遇到的场景是在一个 Hybrid 项目里面嵌入了另外一个域名下的项目,所以使用 IFrame 是一种正确的解决办法。

......