2018年终总结

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

node 中的 net 模块 与 Buffer 处理

作为前端的我,平时接触到的都是 HTTP 服务, 最近公司的业务所致,需要 写一个 接口 与 游戏服务器 进行 socket TCP 通信,我是一脸蒙蔽,不过在同事的帮助下,我还是 略懂了一点,所以记录一下 什么是TCP TCP(Transmission Control Protocol 传输控制协议)是一...

难得

前言 我这人一到晚上,就容易矫情,话到嘴边,却不知怎么开口,于是我写下自己的东西静静的放在属于她的地方 年年岁岁花相似,岁岁年年人不同. 难道夜这样的深,听着这首难得, 记录这难得的2017 关于工作 VS Code 在 每个夜晚看着我 从15年接触前端实习,到16年正式开始了一段难得的前端生涯 面试...

webpack4升级小记

1. 前言 一转眼 webpack 版本已经发布到 4.5.0,上一次 在家折腾 webpack1 => webpack2 的痛苦日子,仿佛就在昨天, webpack 就仿佛是一个 熊孩子,让人又爱又恨, 这周末折腾到半夜,终于把项目升级到 webpack4,babel7,react-router4,那种b...

蛋疼的MANIFEST缓存与PWA

1. 前言 这周有空 优化了下网站, 主要解决了 webpack 打包压缩 无效问题, 升级 react-jinke-music-player 的版本 优化了体验 解决了缓存问题, 本文记录下这让人蛋疼的缓存 2. MANIFEST 离线缓存 不晓得是不是脑壳打铁, 网站上线到上周, 我一直用的是这个 MA...

阳光灿烂的日子

1. 前言今天无意中翻到了一段代码,一看吓一跳, 尽然是两年前的代码, 是一段刚开始学习 React 的练习 . 迷人的命名, 任性的缩进, 原始的 es5 语法 , 不禁让人发笑, 但内心又有点酸楚. 一晃 踏进前端这个坑就 两年半了 2. 从这段代码开始 这段代码 将时光拉回到 两年前 , 当时 正是 An...

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

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

脚把脚的教你编写npm模块

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

用SVG 画一个字

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

再识 React 高阶组件

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