难得

前言 我这人一到晚上,就容易矫情,话到嘴边,却不知怎么开口,于是我写下自己的东西静静的放在属于她的地方 年年岁岁花相似,岁岁年年人不同. 难道夜这样的深,听着这首难得, 记录这难得的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...

初识 React 中的高阶组件

1. 前言 好久没有写文章了, 结合之前分享的资料, 今天介绍一下 React 中的 高阶组件 2. 什么是高阶组件 什么是 高阶组件 (Higher-Order-Component) , 说人话其实就是 组件外面在包一个组件, 用伪代码表示 123const 三明治 = 用刀切(面包(火腿),{ ...

初识 Web Component

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