Perkin

致,孤勇如你

React组件Render Props VS HOC 设计模式

React的设计模式有很多种,比如无状态组件/表现型组件,有状态组件/容器型组件,render模式组件,高阶组件等等。本文主要介绍react的render模式与HOC设计模式,并通过实际案例进行比较。 render props模式 The Render Props是一种在不重复代码的情况下共享..


React-Router v4简单使用指南

本文适合学习React-Router的新手以及使用过并想深入react-router底层原理的读者阅读,如有错误,还望读者指正。 React Router v4是目前流行的React package。 以前版本的React Router使用配置伪装成伪组件,可能难以理解。 随着v4版本的到来,..


前端Docker化:(二)Nginx容器部署实践

最近本人在学docker,虽然网上关于docker的文档或者资料很多,但针对于前端开发人员的或者前端实践的文章并不多,故总结了这一系列文章,通过具体实践帮助读者更快的上手docker。 安装docker 本文以ubuntu16版本为例。 开始安装由于apt官方库里的docker版本可能比较旧..


前端Docker化:(一)工程理论知识

最近本人在学docker,虽然网上关于docker的文档或者资料很多,但针对于前端开发人员的或者前端实践的文章并不多,故总结了这一系列文章,通过具体实践帮助读者更快的上手docker。 docker的理念与场景Docker 属于 Linux 容器的一种封装,提供简单易用的容器使用接口。它是目..


基于React的大文件上传组件的开发详解

以前实习的时候有做过大文件上传的需求,当时我们团队用的是网宿科技的存储服务,自然而然用的也是他们上传的js-sdk,不管是网宿科技还是七牛等提供存储服务的公司,他们的文件上传底层使用的基本上都是plupload库。除了这个,百度FEX团队开源的webuploader也是鼎鼎大名的,当然,对于文..


大数据时代数据可视化的概念研究

本文基于对DT时代下数据可视化概念进行解读与分析。在大数据时代大背景下,作为前端工程师,接触数据,使用数据,分析数据的次数会越来越多,开发数据可视化的应用也会越来越多。不管是使用Echarts.js,G2,HighCharts.js,SVG.js等已经封装好的高级可视化工具库,还是使用底层的d..


JavaScript 轻量级函数式编程(学习总结)

最近在学习JavaScript 轻量级函数式编程的教程,Kyle Simpson作者也是《You-Dont-Know-JS》的作者,感谢译者团队翻译的《JavaScript 轻量级函数式编程》(文中有提到),对于初学函数式编程来说,直接看英文文档还是很吃力的,毕竟很多概念不容易理解,建议看完这..


基于React与Redux Saga的权限验证应用(二)

本文是基于React and Redux Sagas Authentication App Tutorial翻译整理,并总结而来,目的是学习redux-saga以及redux-form以及JWT形式的验证方式。 基于React与Redux Saga的权限验证应用(一)主要介绍了项目的搭建,r..