摘要： 网络分层 了解计算机网络的同学都知道 "OSI 七层网络模型" 和 "TCP/IP 模型" 。OSI 七层模型是理论上的网络通信模型，而 TCP/IP 是现实中的网络通信概念模型。它们之间的对比关系参考下图。 本文主旨不在于解释网络通信模型，因此此处略去各层的介绍，只关注应用层与传输层，即 TCP/ 阅读全文

摘要： Node.js 的 "官方文档" 中有一段对 Node.js 的简介，如下。 Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event driven, non bloc 阅读全文

摘要： KOA 与 CO 的实现都非常的短小精悍，只需要花费很短的时间就可以将源代码通读一遍。以下是一些浅要的分析。 如何用 node 实现一个 web 服务器 既然 KOA 实现了 web 服务器，那我们就先从最原始的 web 服务器的实现方式着手。 下面的代码中我们创建了一个始终返回请求路径的 web 阅读全文

摘要： React 同构 所谓同构，简单的说就是客户端的代码可以在服务端运行，好处就是能极大的提升首屏时间，避免白屏，另外同构也给SEO提供了很多便利。 React 同构得益于 React 的虚拟 DOM。虚拟 DOM 以对象树的形式保存在内存中，并存在前后端两种展现形式。 在客户端上，虚拟 DOM 通过 阅读全文

摘要： 为什么要做同构 要回答这个问题，首先要问什么是同构。所谓同构，顾名思义就是同一套代码，既可以运行在客户端（浏览器），又可以运行在服务器端（node）。 我们知道，在前端的开发过程中，我们一般都会有一个 , 在这个文件中写入页面的基本内容（静态内容），然后引入JavaScript脚本根据用户的操作更改 阅读全文

摘要： 引子 在日常开发过程中，我们经常会遇到如下的场景，一行中既有图片也有文字，而且图片还要和文字对齐。效果如下： 通常代码如下: 得到的效果却是这样的： 修改下文本为行内块盒子，并设置行高与盒子高度（盒子高度与图片高度相同）一致，效果如下: 我们发现文本区域始终与图片错开了一些。怎么解决呢？设置文字的 阅读全文

摘要： Flexbox 完全指南 我不是这篇文章的原创作者，我只是好文章的搬运工。原文地址 "A Complete Guide to Flexbox" 应用于 flex container 的属性 display 该属性定义一个 flex container，根据不同取值定义为 inline 或 block 阅读全文

摘要： 基本认知 先贴一张redux的基本结构图 原图来自 "《UNIDIRECTIONAL USER INTERFACE ARCHITECTURES》" 在这张图中，我们可以很清晰的看到，view中产生action，通过store.dispatch(action)将action交由reducer处理，最终 阅读全文

摘要： 本文是我学习react的阶段性小结，如果看官你是react资深玩家，那么还请就此打住移步他处，如果你想给一些建议和指导，那么还请轻拍~ 目前团队内对react的使用非常普遍，之前对react使用不多，正好我目前在做的项目也在使用react+redux，借着这个机会系统的学习下react+redux。 阅读全文

摘要： 最近一直在忙于一个无线端的项目，由于之前主要工作都是在桌面端，移动端接触的比较少，所以中间遇到了很多的坑，做一个简单的记录。 问题背景 需求中有这样的一个功能，点击取件信息的时候会弹出一个地址列表的浮层，用户选择地址之后会将具体的地址回填到取件信息当中去。按道理讲，这是一个非常简单的功能，可是在开发 阅读全文