何为熟悉：JavaScript 提供了许多迭代集合的方法，我们日常搬砖过程中消费的一些遍历方法正是利用了 Iterator 的访问机制。 亦为陌生：Iterator 在一些集合中是默默地付出的，对用户层面是不感知的，因此我们可能会忽略掉它的存在。本文笔者将带领大家一起揭开 Iterator 的神秘面纱。

github 上关于 babel-plugin 关键词搜索结果达 3700 多个，可见 babel 的插件生态非常庞大，今天笔者讲带领大家打开 babel plugin 的大门。

babel 运行原理

• 解析（parse）
• 转换（transform）
• 生成（gnerate）

几个概念

babel 的主要工作都集中在 AST 转换，在这个过程中对节点进行添加、更新、移除等操作。

本文主要介绍 Koa 简单使用，适用于 Koa 刚需初次使用者。为了更好地使用 Koa，文章内 demo 会涉及 mongoDB 等一些数据库基础知识。总的来说，Koa 学习成本还是比较低的。

什么是 Koa ?

Koa 是一个基于 Node.js 的 web 框架，由 Express 团队开发，但与 Express 相比较，Koa 显得尤为轻量，与其理念 “Koa 致力于成为 web 开发中的基石” 相呼应，egg.js 就是基于 koa 开发的。

antd 做为最火热的前端 UI 组件库之一，早在 2017年12月 就已发布 3.0 版本，在此之前产品目前使用的版本还是 2.x 版本, 并且 2.x 版本官方在18年6月份就没有维护啦，可见升级迫在眉睫。幸运的是，趁此次产品 UI 改造之际，正好借此机会将 antd 升级至 3.x 最新版本。

假设大家在阅读完笔者这篇文章的前提下，有兴趣的同学可以思考下 class 组件 和我们本篇叙述的 Hook 函数组件之前有哪些区别，或者相比较 Hook 有哪些提升点呢？大家更喜欢那种代码风格呢? 欢迎评论区留言～

在这之前

我们现在想要实现一个获取表数据并可根据某一条件筛选的基本功能，分别用 class 和 hook 组件实现的伪代码如下:

2019年对我来说是一个比较重要的一年，因为今年我大学毕业了，真正成为一个社会人啦。迈入2020，回顾2019, 点点滴滴皆在眼前浮现。

19年，经历了公司3周年庆、毕设答辩、毕业小旅行、转正、出差郑州2个月以及一段心理迷茫期。

part 1 公司3周年庆

从18年9月份来到袋鼠实习，到19年1月份。不知不觉也有4个月啦，期间最大的感受，发现自己存在许多的知识盲区，并且也不善于自己查找相关资料，一遇到不懂的就问同事，当时的效率极低，也给同事带来了不必要的麻烦。现在回来起来当时的自己还是挺无知的。其二，初入社会，在当时对于许多事情都不懂，干啥都是挺胆怯的，hahhah。时间久了，同事之前熟悉之后，也能在工作中找到乐趣～～

公司装扮的还是不错的～

全体员工汇集8楼，就等开吃了，哈哈

dtstack,我看到了属于我的那一瓶

专属定制～

开吃了

Part1 我们主要介绍了如何安装使用 Storybook 去编写基础 stories，渲染组件。Part2我们将一起了解如何编写组件文档、维护 stories 自身状态以及 Storybook 的持续部署。

一、讲在前面

关注 Storybook，你会发现 Storybook 团队迭代速度非常快，使用的用户越来越多，github上的 star 也在增长。Storybook 在6月29日发布 v5.1.9，Part2 是基于v5.1.9，由于与之前的 v4.x 的有一些配置不同，可能会遇到版本相关问题，建议将 Storybook 以及相关 addons 升级至 v5.1.9，具体升级教程可以参考这篇文章。

一、pointer-events属性是什么？

pointer-events 属性是一个指针属性，是用于控制在什么条件下特定的图形元素可以成为指针事件的目标。pointer-events 属性有很多值，但是对于浏览器来说，适用于 HTML 元素的只有三个值，其它的几个值都是针对 SVG 元素的（本身这个属性就来自于 SVG 技术，是一个 SVG 属性，目前在CSS规范中没有找到其定义）。

Storybook 是一个 ui 组件开发管理的工具，我们可以通过 story 独立创建组件，并且每个组件都有一个独立开发调试环境。Storybook 是运行在主应用程序之外，不依赖于项目，因此我们不必担心开发环境、依赖等问题导致不能开发组件。
Storybook 支持多个主流框架（React, Vue, Angular, Mithril, Ember）等，由于目前笔者使用的是 react 技术栈，本文将介绍 react 项目如何配置使用 Storybook。

由于自己的小项目需要后台支持，所以前段时间学习了下 Node.js。简单介绍下 Node.js，Node.js 是一个基于 JavaScript 语言和 V8 引擎运行在服务端的并发平台，在 Node.js 出现以后，使得 JavaScrip 不光能写前端的动态效果，交互效果，还能写 web 服务器，从此，前端工程师的触角向后延伸了一大块。Node.js 功能如此强大，但是我今天才初步学习Node.js，对于一个前端人员来说实在是很惭愧。