WebAssembly 运行在一个沙箱化的执行环境中，甚至可以在现有的 JavaScript 虚拟机中实现。在web环境中，WebAssembly 将会严格遵守同源策略以及浏览器安全策略。 WebAssembly 在 web 中被设计成无版本、特性可测试、向后兼容的。WebAs…

1. 了解需求，熟悉掌握需求 这一要求无论是对于前端开发人员或是其他端的开发人员，都是能够顺利开发项目的前提。在开发项目之前，需对 PM 的需求了然于胸，对原型设计能够充分掌握。理解每一个操作逻辑的含义，并且扩散思维思考如何进行组件和数据结构的设计。但是单独只是对需求文档和原型…

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…

基本上我们已经知道vue-resize带来的好处，沙箱保护，全自动卸载，对于使用者来说，唯一的要求，就是元素的position不为static，这个库远不止这点干货，毕竟作者是vue team里面的。

公司里的PHP后台项目，上一任的工程师对于很长列表的处理，都是直接全部进行渲染，导致的一个问题就是，加载页面都要加载比较久的时间，这里只能庆幸这个后台项目只是给公司里边的大佬用，用的机器还可以，除了忍受一下加载速度比较慢之外，没有很大的影响。但他们能忍，作为前端工程师，我实在是…

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

所谓无规矩不成方圆，前端时间在团队 code-review 中发现，不同时期不同开发人员写的代码可谓五花八门。因此我们提出了一些相关代码方面的规范，希望日后能形成团队的编码规范。 本文主要针对一些 JavaScript 进行优化，使之更加健壮，可读性更强，更以维护。 JavaS…

对应的，非连续滚动定义为 快速滚动，初始化一个空的 map -- unusedIndex, 作用是记录同类型的 unusedPool 需要从哪个索引开始取值。 定位项与滚动条位置对应，可以理解为滚动条水平方向指向的那个列表项。 列表项采用 Render Props 的形式，用 …