Shangbin Yang
Shangbin Yang
[](https://juejin.im/entry/58908c7b8d6d81006c39c346/detail) # 1、前言 从 Windows 迁移到 OS X MacOS 已有半年时间，作为开发主力机，也时刻保持着在同类目中用自认为最优秀的软件，确保最高的开发效率。 # 2、正文 ## 2.1、终端篇 ### 2.1.1、iTerm > brings the terminal into the modern age with features you never knew you...
# Redux 学习总结 [](https://juejin.im/entry/583093b6d203090067127677/detail) ## 1. 写在前面 对于复杂的 Web 交互应用，相继出现了一系列的 MV\* 框架，09 年的 Angular 带动了一系列的发展。 在后期的开发过程中，大家发现 Angular 太过于重，双向绑定的数据流容易让数据变得不可控制。 > 在任何应用中管理数据都是必不可少的。通过用户界面来编排数据流是一项具有挑战的工程。现代的 Web 应用会涉及复杂的 UI 交互，比如改变了一个地方的 UI 数据，需要直接或者间接的改变其他地方的 UI 数据。一些双向绑定的框架（比如：Angular.js 等）都是对这种场景比较好的解决方案。 >...
[](https://juejin.im/entry/58db2cc30ce46300571d00d5/detail) ## Redux 异步 随着场景的复杂化，在异步结果得到之后再进行 dispatch 变得越来越不可取与不可维护。Redux 自身并没打算解决这个问题，但由于提供了 middleware，可以在这层上做文章。 比较熟知的 Redux 异步 middleware 有 redux-thunk, redux-promise, redux-saga 等。 关于这些 middlware 如何使用，可以参考我近期校对过的文章 [Redux 异步四兄弟](https://juejin.im/post/58c75f9444d90400699add86/?utm_source=gold-miner&utm_medium=readme&utm_campaign=github)，如果怀疑文章翻译的准确度，可以直接看原文 [Redux 4 ways](https://medium.com/react-native-training/redux-4-ways-95a130da0cdc#.nyb3hqtgb)。 ## 标准化的 action Redux...
## 1. 前言 很久很久之前，写过一篇介绍 Redux 相关概念的文章 [听说你需要这样了解 Redux(一)](https://github.com/rccoder/blog/issues/18)，随后因为实习的事情拖延了后续（根本原因是懒）。 在实习中也更加深刻的认识了 Redux 相关的内容。除此之外，翻译 Redux 中文文档 [redux-in-chinese](https://github.com/camsong/redux-in-chinese) 也让我静心下来仔细品读了设计理念。 这篇文章中我将介绍一个如何把 React 和 Redux 这两个大杀器结合起来，同时也会介绍一些 state、reducer 设计相关的东西。 ## 2. 正文 ### 2.1 连接神器 react-redux react...
> * 原文地址：[Progressive Web Apps with React.js: Part 4 — Progressive Enhancement](https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-4-site-is-progressively-enhanced-b5ad7cf7a447#.7fmhi469z) * 原文作者：[Addy Osmani](https://medium.com/@addyosmani) * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner) * 译者：[rccoder](https://github.com/rccoder) * 校对者：[mortyu](https://github.com/mortyu)、[markzhai](https://github.com/markzhai) # 使用 React.js 的渐进式 Web 应用程序：第 4 部分 -...
Bootstrap 的好用除了不错的 UI， 其中栅栏布局也是特别值得赞赏的。 列式的布局加上响应式的设计在大多情况下都能起到很好的效果。 那如何去实现类似的这种布局呢？ 回忆 Bootstrap 栅栏布局的写法，应该是有一层的 `container` 包裹着，然后里面又会出现 `一行` 的东西，这一行按照屏幕大小被分为了 12 列。 ``` html hashcoding hashcoding hashcoding hashcoding hashcoding hashcoding hashcoding hashcoding hashcoding hashcoding hashcoding ``` 如此说来，我们也应该这样去做。里面的12列应该是采用百分比加上浮动来实现的，外面需要一个盒子去清除浮动。...
[TOC] 没错，题目就是模仿《那些年，我们一起清除过的浮动》而来的。 ## 奇妙的圣杯与双飞翼 相信很多人和我在学习前端差不多的时候就听说过了圣杯布局与双飞翼布局。关于取名无非是觉得长得像圣杯，或者是长得像小鸟。至于其中的区别也只有一小点，其中主要的思想可谓是基本一致！ 这两个布局要实现的样式都是下面的这种形式：  也就是中间的那一部分，长得像圣杯或者是飞翔的小鸟，left 和 right 宽度已知，中间自适应填充。一般情况下，如果这样写代码，显然是很好实现布局的。 ``` html head left main right foot ``` 但是相应的按照 DOM 的加载顺序，content 部分依次会加载 left、main、right。这对于有洁癖的人可能是无法忍受的，甚至是觉得不符合常理。 正常情况下，我们希望先加载的是主要部分，然后再开始加载 left 和 right 两个相对来说不是很重要的东西。所以 HTML...
## 背景 在之前一些版本的 PHP 中， 由于PHP解析multipart/form-datahttp请求的body part请求头时，重复拷贝字符串导致DOS。 如果远程攻击者通过发送恶意构造的multipart/form-data请求，会导致服务器CPU资源被耗尽，从而远程DOS服务器。 相关漏洞分析参见：[PHP multipart/form-data 远程DOS漏洞- 百度安全攻防实验室](https://jiji262.github.io/wooyun_articles/drops/PHP%20multipart.form-data%20%E8%BF%9C%E7%A8%8BDOS%E6%BC%8F%E6%B4%9E.html) ## 事态发展 该漏洞 PHP 官方已经认可，针对 PHP 5.4 5.5 版本发布了官方漏洞补丁，由于 PHP 5.3 版本已经超过了官方的支持年限，故没有官方的不定。 针对 PHP 5.3 版本有 [民间补丁](https://coding.net/u/simapple/p/oldphppatch/git) ##...
> - 2016-9-17 10:46 补充说明 const 关于引用值修改问题 我们在学习 JavaScript 的过程中最基础的一项就是如何使用变量。变量是存储所有可能类型（比如：number, string, array 等）值的容器。每个变量都会有一个被称之为变量名的名字，这个名字会在后面的代码中使用（比如：读出这个变量的值）。 在这篇文章中，你将会了解到如何去使用变量以及不同变量声明方式的区别。 # 声明、初始化、赋值之间的区别  **声明**： 变量将会已一个包含相应作用域范围（比如： 在一个函数里面）的名字进行注册。 **初始化**： 当你声明一个变量的时候会自动的进行初始化，也就是说由 JavaScript 解释引擎为变量分配了一块内存。 **赋值**： 把一个指定的值指派（赋）给一个变量。 # 声明的类型 > **注意**：...
 在任何应用中管理数据都是必不可少的。通过用户界面来编排数据流是一项具有挑战的工程。现代的 Web 应用会涉及复杂的 UI 交互，比如改变了一个地方的 UI 数据，需要直接或者间接的改变其他地方的 UI 数据。一些双向绑定的框架（比如：Angular.js 等）都是对这种场景比较好的解决方案。 对于一些应用（尤其是数据流比较简单的），这种双向绑定是非常快速和足够的解决方案。但是对于一些更加复杂的应用场景，数据双向绑定已经被证明是不够的，它会妨碍用户界面的设计。实际上，React 并没有解决这样一个复杂应用中比较复杂的数据流问题（虽然后面出现了 Flux 这种解决方案），但是他确实解决了一个组件中数据流的问题。 对于一个有上下文关系的组件， React 解决了数据流问题 —— 即通过更新 UI 来反应数据流的结果；除此之外，React 解决的另外一个问题是命名模式问题 —— 通过比较有创意的虚拟 DOM 解决。 # 组件数据的类型 在...