Kant3-优快云博客

翻译 React学习笔记（五）：性能优化

React内部，使用了许多有趣的技术去减少更新UI的DOM操作消耗。对于很多应用，React可以提供更快的用户界面而不需要特意的去优化。尽管如此，你还是有很多方法去优化你的APP。 1）使用生产版本如果你经历过React APP的表现问题，请确认你测试的是压缩过的生产环境版本。默认情况下，React会提供很多有用的预警信息——在开发阶段非常有用。但是它们使React应用变得更...

2018-05-24 00:58:26 3269

翻译 React学习笔记（四）：不受控制的（Uncontrolled）组件

概述：在大多数情况下，我们建议使用受控制的组件去实现表单。在一个受控制的组件中，表单数据被React组件所处理。它的替代就是不受控制的组件——表单数据被DOM自己处理。...

2018-05-22 16:22:55 1060

翻译 React学习笔记之 styled.components（一）

（零）目录动机：介绍了styled.components的“禅”，对了解这个工具很有用下载：没得说上手：介绍了styledComponetns的基本使用方式：怎样创建样式组件、传递props、通过props为组件做适配、怎样为任意（eg.第三方）组件添加样式、扩展样式、加入额外的props、如何使用动画，最后介绍了对React Native的支持。（一）动机来自Max Stoiber的一次...

2018-05-20 11:53:23 4383

翻译 React学习笔记（三）：引用（Refs）& DOM

概述：引用提供了一个获得DOM节点或者创建在render方法中的React元素的方法；在典型的React数据流中，props是唯一的父组件与它们的子元素的通信方式。更改子元素，你需要使用新的props去重新渲染子元素。但是在一些情况下你现在典型数据流之外强制的更改元素。被更改的子元素可能是一个React组件的实例，或者是一个DOM元素。对所有这些情况，React提供了一种特殊方法：...

2018-05-17 00:07:08 7212

翻译 Docker 学习笔记（五）：栈（Stacks）

概述：一个stack是一个分享依赖、相互协作的相关服务的集合。一个stack就足以定义和协调整个APP的功能。（虽然非常复杂的应用需要多个stack）。在服务中，我们已经介绍过stack（使用docker stack deploy去部署Compose文件），但那只是运行在单一主机上的单一服务stack，而现在我们要学会使服务相互依赖，并运行在多台机器上。（一）加入新服务 & 重新部...

2018-05-11 17:04:57 2572

概述：在群（cluster）中部署应用，将应用运行在多台机器上。将机器加入Docker化的群（cluster）使多容器，多机器应用成为可能，又叫做群（swarm）。（一）什么是集群（swarm cluster）？ swarm是运行Docker并且加入cluster中的一组机器，启动swarm后，你同样可以运行熟悉的Docker命令，但是他们现在是通过swarm管理员运行在cluster上面。...

2018-05-11 13:45:31 772

翻译 Docker 学习笔记（三）：服务

概述：扩展应用、实现负载均衡。（一）什么是服务：在一个分布式应用中，应用的不同部分称为服务（Service）。例如，一个视屏分享网站可能有：储存用户数据到数据库的服务、在用户上传视频之后转码的服务、前端服务等等。 “服务”仅仅是生产中的容器。一个服务运行一个镜像，但是它决定了...

2018-05-10 08:53:55 603

翻译 Docker 学习笔记（二）：容器

概述：通过Docker构建、运行和发布镜像（一）新的开发环境：在过去的应用开发方式中，我们要同时配置开发环境和生产环境。而使用Docker，我们只需要获得一个运行环境的镜像，应用的代码、依赖、运行环境可以同时迁移。这种便携式的镜像定义在Dockerfile中。（二）通过Dockerfile定义容器：概述： Dockerfile定义了容器中的环境：使用网络接口、磁盘驱动器等在环...

2018-05-10 00:03:10 504

翻译 Docker 学习笔记（一）：方向

简介：介绍了Docker的基本概念，与基本命令（一）Docker概念： Docker是开发者、系统管理员通过容器开发、部署、运行应用的平台，通过Linux容器去部署应用的方式叫做“容器化”，容器并不是一个新概念，但是通过容器去便捷的部署应用却是。“容器化”越来越受欢迎来自于它的：灵活性：即使是最复杂的应用也可以被容器化；轻量级：容器利用和共享主机内核；可变化：你可以热更新、热升级；编写性：你...

2018-05-09 18:21:10 380

翻译 React 学习笔记（一）：JSX

总JSX：本质上来说，JSX只是React.createElement(component, prop, ...children) 方法的语法糖<myHeader someData={data}> Header Content</myHeader>等价于：React.createElement( 'myHeader', // Type {some...

2018-04-19 09:16:44 304

一个大神的发展史