自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

翻译 nodeJS 插件node-gyp环境配置

报错截图$ npm install --global --production windows-build-tools原文链接

2018-01-27 13:46:36 8757 2

原创 深入浅出React+Redux(三:Flux单向数据流,相关代码在github flux分支)

前言通过上章,我们能感觉到仅仅通过prop和state 管理React大型项目,简直是个巨大,恐怖乃至不可完成的挑战。因为社区和个人喜爱还是推荐Redux做项目的状态管理。但是作为单向数据流鼻祖的Flux,也是读者需要整理下区别的。(一)前端MVC 框架的缺陷附上一篇文章(需要翻墙): 为什么说客户端MVC已死MVC框架是业界广泛接受的一种前端应用架构类型,它把应用分成三个部分

2018-01-22 17:01:41 1266

原创 深入浅出React+Redux(二:React 组件的生命周期)

前言如同人有生老病死 , 自然界有日月更替,每个组件在网页中也会被创建、更新和删除,如同有生命的机体一样 。React 严格定义了组件的生命周期,生命周期可能会经历如下三个过程:装载过程( Mount),也就是把组件第一次在 DOM 树中渲染的过程;更新过程( Update ),当组件被重新渲染的过程;卸载过程( Unmount),组件从 DOM 中删除的过程 。三种不同的

2018-01-16 15:20:25 2052

转载 GIF生成截图工具LICEcap,效果相当不错,而且github开源(1.9k Star)

下载网址:点击开源代码 :点击原文地址 :点击

2018-01-16 15:19:46 792

原创 深入浅出React+Redux(一:React 组件的数据)

前言 “差劲的程序员操心代码,优秀的程序员操心数据结构和它们之间的关系 。 ” 一一Linus Torvalds, Linux 创始人首先附上package.json的依赖包,版本问题导致包导入问题,需要自行调整{ ...

2018-01-15 21:33:20 1443

原创 React And TypeScript(三:集成React-Router和React-Router-Redux)

前言需要注意的是,现在react-router已经到了V4版本了,并且官方说这是一个完全重写的版本。所以在我不太熟悉的情况下,保险起见还是先选择V3版本,等以后再更新。(一)安装React-Router$ yarn add react-router@3.0.5 @types/react-router@3.0.5 --dev将App.tsx相关三个文件移动到 views下,并...

2018-01-10 13:12:38 4994 3

原创 React And TypeScript(二:集成Redux)

前言社区的状态管理有多种方式,看团队和个人偏好。目前主流状态管理举例。Redux idea来自于Flux。依赖于通过集中和不可变的数据的存储的方式来同步数据,并且该数据的更新将触发我们的应用程序的重新渲染。 状态更新通过reducers的函数的显示处理。 由于组织明确,通常更容易理解一个行为将如何影响你的程序的状态。-MobX ,该库已经通过TypeScript编写完成。依赖于r...

2018-01-10 12:59:36 6120 6

原创 React And TypeScript(一:基本环境+集成antd)

前言上东家前端pc项目是15年的React+Flux,当然架子肯定是其他大牛搭建的。本司刚刚最近才有新版pc的需求(ps:之前只要个静态pc和mobile页面, 简单搭建webpack@3打包文件),所以需要重新搭建一个pc。想来想去,angularjs太重,没人用它做pc,不合适;vue,算了吧,文档都不知道长什么样子;jquery,用它估计也是想找死。最后技术定位到React+ React...

2018-01-09 16:30:02 14993 4

原创 Flex布局(二:项目属性)

前言flex项目常用属性为6个order: 定义项目的排序顺序,默认为0flex-grow: 定义项目的放大比例,默认为0flex-shrink: 定义项目的缩小比例,默认为1flex-basis: 定义了在分配多余空间之前,项目占据的主轴空间(main size)。flex: 是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 aut...

2018-01-06 15:39:49 1348

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除