我是*，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已经或者即将会有更好的开始。

Promise一直是pending的状态，只有当调用resolve或者reject方法之后，状态才会改变，这时候才会根据，是成功还是失败的状态去执行相应的回调函数，即，then，catch的回调

思路：可以通过一次循环，把arr变成下面的obj对象，通过Object.values(obj)获取对象的value值，就可以了 {代码...} 具体代码如下 {代码...}

应该是style设置了scoped，vue组件中，在style设置为scoped时，会在css样式上加唯一不重复的标记，以保证唯一，例如：项目中写的是 button ，但是在浏览器渲染出的是 .button[data-v-2311c06a]，所以你修改的.ant-tabs-tab实际上是.ant-tabs-tab[data-v-2311c06a]，...

等到过了1秒后，setTimeout函数执行完。但是此时的调用栈还没有空，继续等待，等到5秒后，调用栈空了，就会执行回调队列里面的任务。此时打印log(2)

想必很多“投身于教育行业”的前端工程师们都绕不过“课件”这个话题，对于前端来说，课件项目是教育公司相比互联网公司特有的需求之一，对于公司来说也是及其重要的。目前教育行业我了解到的生产 h5 课件的方式大致分为以下三种，每种方式也是各有优劣，下面是我的理解：

最近做了一个移动端活动页的需求，大概就是 diy 一个页面。用户可以对图片进行拖动、缩放、旋转，来达到 diy 的目的。我采用了 translate、scale、rotate 来实现和用户的交互。开发过程中，涉及到了对元素的拖动、缩放、旋转等。

使用基于工具的轻量级代码检查代码更改（又名现代代码审查）已成为广泛的规范，应用于各种开源和产业系统。在本文中，我们对Google的现代代码审查进行了探索性研究。 Google很早就引入了代码审查并经过多年的发展；我们的研究揭示了为什么Google引入了这种做法并分析...

熟悉 canvas 的朋友想必都使用或者听说过 Fabric.js，Fabric 算是一个元老级的 canvas 库了，从第一个版本发布到现在，已经有 8 年时间了。我近一年时间也在项目中使用，作为用户简单说说感受：

上一节我们完成了游戏核心场景play的大部分工作，能操控主角，能随机掉落苹果了。那么这一节我们来完成游戏剩余的部分，主要是计算分数、如何结束游戏等等。

回顾 上一节我们搭建了游戏的骨架，添加了四个游戏场景，分别是加载、开始、游戏、结束。那么这一节我们来介绍加载这个场景，顺带丰富一下各个场景的基本内容。 Phaser.Loader Phaser框架自带的一个loader，支持加载多种类型的资源，下面是离线文档中的介绍的截图，...

实际上我从未想过我会接触到H5小游戏开发，那是在2015年末，当时我还刚开始学习iOS不久，用Swift在写一个类似于Snapchat的应用。由于公司项目转型，需要创造一个小游戏平台，需要使用一个比较成熟的前端游戏框架来快速开发小游戏。都说创业公司有无限的实践机会，于...

1 引言 深入思考为何前端需要框架，以及 web components 是否可以代替前端框架？ 原文地址，建议先阅读原文，或者阅读概述。 2 概述 现在前端框架非常多了，如果让我们回答 “为什么要用前端框架” 这个问题，你觉得是下面这些原因吗？ 组件化。 拥有强大的开源社区。 ...

本周精读内容是 《逃离 async/await 地狱》。 1 引言 终于，async/await 也被吐槽了。Aditya Agarwal 认为 async/await 语法让我们陷入了新的麻烦之中。 其实，笔者也早就觉得哪儿不对劲了，终于有个人把实话说了出来，async/await 可能会带来麻烦。 2 概述 下面是随...

随着React服务端渲染越来越流行，笔者也想尝尝鲜，经过半个月的折腾，笔者把原先的客户端渲染项目，通过结合 next.js 构建了一个服务端渲染的同构项目。再加上开启服务器页面缓存，以及静态资源CDN加速优化，最终使得网站首屏渲染时间在0.6秒（即：DOMContentLoaded ...

划重点： 三个概念：(state, action) => state store action，例如：{type: 'COMPLETE_TODO',index: 1} reducer，只是一些纯函数，它接收先前的 state 和 action，并返回新的 state。 三个原则：单一数据源，State 是只读的，使用纯函数执行修改 概念相关源码 cre...

具体实现参见：demo 实现原理简介 上传：FormData + ajax 文件预览 canvas 读取生成 image 压缩图片上传： 原理 canvas.toDataURL实现压缩 实现 FileReader读取文件内容转为img --> canvas读取img --> 输出压缩后的img --> 转为 Blob 对象上传 分片上传： ...

ThinkJS 3.0 是一款面向未来开发的 Node.js 框架，内核基于 Koa 2.0。 3.0 相比 2.0 版本进行了模块化改造，使得内核本身只包含了最少量必须的代码，甚至还不足以构成一个完整的 Web MVC 框架，除了内核里面实现的 Controller， View 和 Model 被实现为扩展（Extend...