iamwelk

本文主要来说下ES6的 Iterator，目的在于理解它的概念、作用、以及现有的应用，最后学以致用。 Iterator可以说是 ES6 内相当重大的一个特性，也是很多其他特性运行的基石。 这个还不简单，直接来个 for 循环，如果你觉得循环 low，那就来个 forEach 呗…

作为前端工程师，我们编写的代码只能活在浏览器、小程序或者 Node 进程里，这似乎已经成为了一种常识。但这就是我们的能力边界了吗？本文将带你为一台内存仅 32M，分辨率仅 320x240 的掌上游戏机适配前端工具链，见证 Web 技术栈的全新可能性。 本次我们的目标，是只配备了…

有的时候回头看看自己，可能比一昧的往前更重要。 2019 或许整年对于我来说，非凡且平淡。 非凡在于，是的，已为人夫~生活上可能改变并不是很大，但是有的时候心态上，还是有了很大的改变。毕竟作为一家之主，更多的时候，考虑的不仅仅是自己了。 平淡在于，依旧是每天码着代码，得过且过的…

中后台领域中，数据录入是一个重要的场景，在该场景中form（表单）扮演一个重要的角色。表单中涉及到大量的交互，主要表现在以下几个方面： ... 我们从一个简单登录页的例子说起，来总结form是如何使用的。 我们直接使用react的受控组件模式，对每个输入项的状态保存在组件sta…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和…

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

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

React 基于虚拟 DOM 和高效 Diff 算法的完美配合，实现了对 DOM 最小粒度的更新。大多数情况下，React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下，性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能，其很重要的一个方向，就是避免…