为解决问题去学习新技术

有时候会突然想,我为什么会学习技术,或许是为了工作,或许是为了钱,又或许,哪有那么多为什么? 我还应刻意追求技术吗?这是最近一直在思考的问题,前端,实在是变得太快了,快到你都快忘了 前端 这个 title 仅仅都只出现了几年 似乎在每个醒来的清晨,人们的嘴里又多了几个从没有听过的 新潮词语 . 刚工作的...

让 js 模块支持 typescript

1. 前言人类终究逃不过真香定律,曾几何时,一度反感 ts 的我,如今写代码不用 ts 的智能提示就浑身难受最近刚好维护 之前发布的一个 插件 react-jinke-music-player , 由于是 es6 写的学习了下 怎么让其支持 ts 2. 观察比如我们打开一个 支持 ts 的模块 scroll-in...

写一个 babel 插件

1. 前言 babel 如今已成为每一个现代前端项目的标配,有了它,我们可以肆无忌惮的使用 stage-xxxx 的语法,增强我们的生产力 我们通过写一个 支持 arr[-1] 的 babel 插件 来加深理解 2. 需要实现的功能现在我们有如下的一个数组 arr, 我们想获取数组的最后一个下标,由于 js 不...

2018 年终总结

1. 前言 一转眼 2018 年就这样过去了,搬了一年的砖,感觉元气满满 2. 工作 到今年就三年工作经验了,有一种 一年工作经验重复了三次的感觉 : ( , 今年下半年换了工作,跳槽到了 Thoughtworks, 换个一个地方搬砖,见识和 视野 得到了较大的提升,遇到一群和牛逼 和 好玩的人,到年底,做了两个...

用 SVG 画一个字

1. 前言 前端实现动画 即使很炫的那种,说白了 各种 @keyframe a b c d 组合加上自己的创意,也不是很难,直到有一天看到一个 像蚯蚓一样 描边的 动画,感觉挺不错,后来发现是 svg 做的,于是学习了下 svg 的基础知识,搞了了一个显示自己名字的动画 2. svg 在本文中需要的基础知识 2....

再识 React 高阶组件

1. 前言 很久没更新博客了,皮的嘛,就不谈了,不过问题不大,今天就结合 项目中写的一个 React 高阶组件 的实例 再来讲一讲,结合上一篇文章,加深一下印象 2. Ant Design 的 Form 组件 国民组件库 Ant-Design 的 Form 库 想必大家都用过,比较强大,基于 rc-form 封装...

脚把脚的教你编写 npm 模块

1. 前言 作为一个前端,已经离不开 nodejs 相关的社区生态 , npm 提供的丰富的模块 更是方便好用,下面这个命令相信是最常用的 1npm install [module_name] 那么别人的模块是怎么发布到 npm 供大家使用呢?这里分享一下我的小小的一点经验 2. 注册 npm 账号 访问 ht...

初识 Web Component

1. 前言 组件化这个词 应该大家耳朵都听起茧巴了在 Vue React Angular 三个大佬 的带领下 , 我们前端 是否终于告别了 粘贴复制的 “组件化” 时代 Antd ElementUi 这些高质量 且开箱即用 的 ui 库更是让组件化开发更上一层楼。如果不编译 或者 原生可以实现所谓的组件化吗?w3...

黄瓜 ui - 一个 即插即用的 React UI 组件库

1. 前言 2018 年马上结束啦,今年是 充实忙碌的一年啊,年中有一天脑壳一热,突然想开发一个 React 组件库,之前偶尔写过一些 小玩具,所以想能不能写一个 大玩具呢?庆幸自己不是三分钟热度,花了三个月时间,周末,和工作日休息时间,搞了一个 cuke-ui 在这里,记录一下心得吧 GITHUB | 官网 2...

MediaStream 实现带摄像头捕捉的表情包制作器

1. 前言之前恶搞了一张朋友的表情包,直接在百度上找了一个在线表情包制作器,突然灵光一闪,要是支持摄像头该多好,方便又快捷 (重点是省手机内存,不用拍照 :) ), 二话不说,开始搬砖 体验地址 2. 预想的功能点 图片支持直接粘贴 和 拖拽 图片和文字缩放,支持鼠标滚轮 支持图片翻转 支持捕捉摄像头画面...