博客园 - tbingooo
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=80734
2017-06-25T06:41:54Z
tbingooo
https://www.cnblogs.com/bingooo/
feed.cnblogs.com
https://www.cnblogs.com/bingooo/p/6720561.html
在用 Node.js 起服务之前,我们应该知道这些 - tbingooo
网络分层 了解计算机网络的同学都知道 "OSI 七层网络模型" 和 "TCP/IP 模型" 。OSI 七层模型是理论上的网络通信模型,而 TCP/IP 是现实中的网络通信概念模型。它们之间的对比关系参考下图。 本文主旨不在于解释网络通信模型,因此此处略去各层的介绍,只关注应用层与传输层,即 TCP/
2017-04-16T15:16:00Z
2017-04-16T15:16:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】网络分层 了解计算机网络的同学都知道 "OSI 七层网络模型" 和 "TCP/IP 模型" 。OSI 七层模型是理论上的网络通信模型,而 TCP/IP 是现实中的网络通信概念模型。它们之间的对比关系参考下图。 本文主旨不在于解释网络通信模型,因此此处略去各层的介绍,只关注应用层与传输层,即 TCP/ <a href="https://www.cnblogs.com/bingooo/p/6720561.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/6720540.html
Node.js 原理简介 - tbingooo
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
2017-04-16T15:11:00Z
2017-04-16T15:11:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】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 <a href="https://www.cnblogs.com/bingooo/p/6720540.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/6005359.html
KOA 与 CO 实现浅析 - tbingooo
KOA 与 CO 的实现都非常的短小精悍,只需要花费很短的时间就可以将源代码通读一遍。以下是一些浅要的分析。 如何用 node 实现一个 web 服务器 既然 KOA 实现了 web 服务器,那我们就先从最原始的 web 服务器的实现方式着手。 下面的代码中我们创建了一个始终返回请求路径的 web
2016-10-27T12:01:00Z
2016-10-27T12:01:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】KOA 与 CO 的实现都非常的短小精悍,只需要花费很短的时间就可以将源代码通读一遍。以下是一些浅要的分析。 如何用 node 实现一个 web 服务器 既然 KOA 实现了 web 服务器,那我们就先从最原始的 web 服务器的实现方式着手。 下面的代码中我们创建了一个始终返回请求路径的 web <a href="https://www.cnblogs.com/bingooo/p/6005359.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5827535.html
React 同构开发(二) - tbingooo
React 同构 所谓同构,简单的说就是客户端的代码可以在服务端运行,好处就是能极大的提升首屏时间,避免白屏,另外同构也给SEO提供了很多便利。 React 同构得益于 React 的虚拟 DOM。虚拟 DOM 以对象树的形式保存在内存中,并存在前后端两种展现形式。 在客户端上,虚拟 DOM 通过
2016-08-31T12:58:00Z
2016-08-31T12:58:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】React 同构 所谓同构,简单的说就是客户端的代码可以在服务端运行,好处就是能极大的提升首屏时间,避免白屏,另外同构也给SEO提供了很多便利。 React 同构得益于 React 的虚拟 DOM。虚拟 DOM 以对象树的形式保存在内存中,并存在前后端两种展现形式。 在客户端上,虚拟 DOM 通过 <a href="https://www.cnblogs.com/bingooo/p/5827535.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5724354.html
React 同构开发(一) - tbingooo
为什么要做同构 要回答这个问题,首先要问什么是同构。所谓同构,顾名思义就是同一套代码,既可以运行在客户端(浏览器),又可以运行在服务器端(node)。 我们知道,在前端的开发过程中,我们一般都会有一个 , 在这个文件中写入页面的基本内容(静态内容),然后引入JavaScript脚本根据用户的操作更改
2016-07-31T15:57:00Z
2016-07-31T15:57:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】为什么要做同构 要回答这个问题,首先要问什么是同构。所谓同构,顾名思义就是同一套代码,既可以运行在客户端(浏览器),又可以运行在服务器端(node)。 我们知道,在前端的开发过程中,我们一般都会有一个 , 在这个文件中写入页面的基本内容(静态内容),然后引入JavaScript脚本根据用户的操作更改 <a href="https://www.cnblogs.com/bingooo/p/5724354.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5628625.html
关于 vertical-align 的一些小知识 - tbingooo
引子 在日常开发过程中,我们经常会遇到如下的场景,一行中既有图片也有文字,而且图片还要和文字对齐。效果如下: 通常代码如下: 得到的效果却是这样的: 修改下文本为行内块盒子,并设置行高与盒子高度(盒子高度与图片高度相同)一致,效果如下: 我们发现文本区域始终与图片错开了一些。怎么解决呢?设置文字的
2016-06-29T15:56:00Z
2016-06-29T15:56:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】引子 在日常开发过程中,我们经常会遇到如下的场景,一行中既有图片也有文字,而且图片还要和文字对齐。效果如下: 通常代码如下: 得到的效果却是这样的: 修改下文本为行内块盒子,并设置行高与盒子高度(盒子高度与图片高度相同)一致,效果如下: 我们发现文本区域始终与图片错开了一些。怎么解决呢?设置文字的 <a href="https://www.cnblogs.com/bingooo/p/5628625.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5513376.html
Flexbox 完全指南 - tbingooo
Flexbox 完全指南 我不是这篇文章的原创作者,我只是好文章的搬运工。原文地址 "A Complete Guide to Flexbox" 应用于 flex container 的属性 display 该属性定义一个 flex container,根据不同取值定义为 inline 或 block
2016-05-20T12:39:00Z
2016-05-20T12:39:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】Flexbox 完全指南 我不是这篇文章的原创作者,我只是好文章的搬运工。原文地址 "A Complete Guide to Flexbox" 应用于 flex container 的属性 display 该属性定义一个 flex container,根据不同取值定义为 inline 或 block <a href="https://www.cnblogs.com/bingooo/p/5513376.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5500108.html
Redux初探与异步数据流 - tbingooo
基本认知 先贴一张redux的基本结构图 原图来自 "《UNIDIRECTIONAL USER INTERFACE ARCHITECTURES》" 在这张图中,我们可以很清晰的看到,view中产生action,通过store.dispatch(action)将action交由reducer处理,最终
2016-05-16T16:41:00Z
2016-05-16T16:41:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】基本认知 先贴一张redux的基本结构图 原图来自 "《UNIDIRECTIONAL USER INTERFACE ARCHITECTURES》" 在这张图中,我们可以很清晰的看到,view中产生action,通过store.dispatch(action)将action交由reducer处理,最终 <a href="https://www.cnblogs.com/bingooo/p/5500108.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5475215.html
react初探 - tbingooo
本文是我学习react的阶段性小结,如果看官你是react资深玩家,那么还请就此打住移步他处,如果你想给一些建议和指导,那么还请轻拍~ 目前团队内对react的使用非常普遍,之前对react使用不多,正好我目前在做的项目也在使用react+redux,借着这个机会系统的学习下react+redux。
2016-05-09T11:55:00Z
2016-05-09T11:55:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】本文是我学习react的阶段性小结,如果看官你是react资深玩家,那么还请就此打住移步他处,如果你想给一些建议和指导,那么还请轻拍~ 目前团队内对react的使用非常普遍,之前对react使用不多,正好我目前在做的项目也在使用react+redux,借着这个机会系统的学习下react+redux。 <a href="https://www.cnblogs.com/bingooo/p/5475215.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5398169.html
说说移动端web开发中的点击穿透问题 - tbingooo
最近一直在忙于一个无线端的项目,由于之前主要工作都是在桌面端,移动端接触的比较少,所以中间遇到了很多的坑,做一个简单的记录。 问题背景 需求中有这样的一个功能,点击取件信息的时候会弹出一个地址列表的浮层,用户选择地址之后会将具体的地址回填到取件信息当中去。按道理讲,这是一个非常简单的功能,可是在开发
2016-04-16T05:00:00Z
2016-04-16T05:00:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】最近一直在忙于一个无线端的项目,由于之前主要工作都是在桌面端,移动端接触的比较少,所以中间遇到了很多的坑,做一个简单的记录。 问题背景 需求中有这样的一个功能,点击取件信息的时候会弹出一个地址列表的浮层,用户选择地址之后会将具体的地址回填到取件信息当中去。按道理讲,这是一个非常简单的功能,可是在开发 <a href="https://www.cnblogs.com/bingooo/p/5398169.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5323228.html
如何实现一个简单的MVVM框架 - tbingooo
接触过web开发的同学想必都接触过MVVM,业界著名的MVVM框架就有AngelaJS。今天闲来无事,决定自己实现一个简单的MVVM框架玩一玩。所谓简单,就是仅仅实现一个骨架,仅表其意,不摹其形。 分析 MVVM最大的特点莫过于双向绑定了,数据的变化能及时更新到视图上,同时视图的变化也能及时的更新到
2016-03-26T08:28:00Z
2016-03-26T08:28:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】接触过web开发的同学想必都接触过MVVM,业界著名的MVVM框架就有AngelaJS。今天闲来无事,决定自己实现一个简单的MVVM框架玩一玩。所谓简单,就是仅仅实现一个骨架,仅表其意,不摹其形。 分析 MVVM最大的特点莫过于双向绑定了,数据的变化能及时更新到视图上,同时视图的变化也能及时的更新到 <a href="https://www.cnblogs.com/bingooo/p/5323228.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5227757.html
2015年总结 - tbingooo
年后换了工作,从世界某知名500强菊花厂换到了某知名电子商务公司去当小二。过两天就要离开待了快七年的西安了,本想写篇回忆往昔、总结工作生活的深情小文,奈何腹中墨水不多,搜肠刮肚写出的东西大有流水账之感,最终忍痛抛弃,小文夭折。看来我只适合写写总结之类对文笔要求不高的文章了。这个是命,得认。也罢,总结
2016-02-29T07:56:00Z
2016-02-29T07:56:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】年后换了工作,从世界某知名500强菊花厂换到了某知名电子商务公司去当小二。过两天就要离开待了快七年的西安了,本想写篇回忆往昔、总结工作生活的深情小文,奈何腹中墨水不多,搜肠刮肚写出的东西大有流水账之感,最终忍痛抛弃,小文夭折。看来我只适合写写总结之类对文笔要求不高的文章了。这个是命,得认。也罢,总结 <a href="https://www.cnblogs.com/bingooo/p/5227757.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5136342.html
基于setTimeout制作滚动广告板 - tbingooo
很多网站在其门户页面的上方正中央都会放置一个滚动广告板,用于显示一些推荐信息,用户点击即可进入浏览。比较常见的就是各个公司的官网,电商网站的首页等。 下面是天猫的滚动广告板截图。 其实,不需要借助于什么复杂的技术,仅仅通过setTimeout函数,就能实现这种滚动广告板的效果。 分析 仔细观察这个滚
2016-01-16T12:51:00Z
2016-01-16T12:51:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】很多网站在其门户页面的上方正中央都会放置一个滚动广告板,用于显示一些推荐信息,用户点击即可进入浏览。比较常见的就是各个公司的官网,电商网站的首页等。 下面是天猫的滚动广告板截图。 其实,不需要借助于什么复杂的技术,仅仅通过setTimeout函数,就能实现这种滚动广告板的效果。 分析 仔细观察这个滚 <a href="https://www.cnblogs.com/bingooo/p/5136342.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5096674.html
(Frontend Newbie)JavaScript基础之函数 - tbingooo
函数可以说是任何一门编程语言的核心概念。要能熟练掌握JavaScript,对于函数及其相关概念的学习是非常重要的一步。本篇从函数的基本知识、执行环境与作用域、闭包、this关键字等方面简单介绍JavaScript中的函数的使用。 基础
我们通常通过如下两种方式定义函数: 与其他面相对...
2016-01-03T08:45:00Z
2016-01-03T08:45:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】函数可以说是任何一门编程语言的核心概念。要能熟练掌握JavaScript,对于函数及其相关概念的学习是非常重要的一步。本篇从函数的基本知识、执行环境与作用域、闭包、this关键字等方面简单介绍JavaScript中的函数的使用。 基础
我们通常通过如下两种方式定义函数: 与其他面相对... <a href="https://www.cnblogs.com/bingooo/p/5096674.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5095431.html
(Frontend Newbie)JavaScript基础之常见数据类型 - tbingooo
JavaScript中的数据类型分为两种,一种是简单数据类型,包括Undefined、Null、Boolean、Number和String,另一种是复杂数据类型,即Object,也可称作为引用类型。 本篇主要介绍常见的引用类型以及对应的操作。 Object类型
Object类型是JavaScr...
2016-01-02T14:25:00Z
2016-01-02T14:25:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】JavaScript中的数据类型分为两种,一种是简单数据类型,包括Undefined、Null、Boolean、Number和String,另一种是复杂数据类型,即Object,也可称作为引用类型。 本篇主要介绍常见的引用类型以及对应的操作。 Object类型
Object类型是JavaScr... <a href="https://www.cnblogs.com/bingooo/p/5095431.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5094313.html
(Frontend Newbie)Web三要素(三) - tbingooo
上一篇简单介绍了Web三要素中的层叠样式表,本篇主要介绍三要素中最后一个,也是最难掌握的一个 JavaScript。 JavaScript 老规矩不能破,先简要交代 JavaScript 的历史。 我们知道,在Web诞生之初是没有JavaScript的,网页只是简单的文本。随着Web的发展和...
2016-01-02T03:11:00Z
2016-01-02T03:11:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】上一篇简单介绍了Web三要素中的层叠样式表,本篇主要介绍三要素中最后一个,也是最难掌握的一个 JavaScript。 JavaScript 老规矩不能破,先简要交代 JavaScript 的历史。 我们知道,在Web诞生之初是没有JavaScript的,网页只是简单的文本。随着Web的发展和... <a href="https://www.cnblogs.com/bingooo/p/5094313.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5081092.html
(Frontend Newbie)Web三要素(二) - tbingooo
上一篇简单介绍了HTML的基本知识以及一些在开发学习过程中容易忽视的知识点,本篇介绍Web三要素中另一个重要组成部分 层叠样式表(Cascading Style Sheets)。 CSS
按照一贯的风格,先说说为什么会有CSS,即CSS的历史。 我们知道,在HTML产生之初是没有CSS的,...
2015-12-27T14:46:00Z
2015-12-27T14:46:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】上一篇简单介绍了HTML的基本知识以及一些在开发学习过程中容易忽视的知识点,本篇介绍Web三要素中另一个重要组成部分 层叠样式表(Cascading Style Sheets)。 CSS
按照一贯的风格,先说说为什么会有CSS,即CSS的历史。 我们知道,在HTML产生之初是没有CSS的,... <a href="https://www.cnblogs.com/bingooo/p/5081092.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5080768.html
(Frontend Newbie) Web三要素(一) - tbingooo
上一篇简单了解了Web发展的简要历史,本篇简单介绍前端开发的基本三要素:HTML、CSS、JavaScript中的HTML以及一些在开发、学习过程中易被忽视的知识点。 HTML HTML全称是超文本标记语言 (Hyper Text Markup Language),是一种包含多种标签的标记语言,用...
2015-12-27T12:40:00Z
2015-12-27T12:40:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】上一篇简单了解了Web发展的简要历史,本篇简单介绍前端开发的基本三要素:HTML、CSS、JavaScript中的HTML以及一些在开发、学习过程中易被忽视的知识点。 HTML HTML全称是超文本标记语言 (Hyper Text Markup Language),是一种包含多种标签的标记语言,用... <a href="https://www.cnblogs.com/bingooo/p/5080768.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/5080137.html
(Frontend Newbie)Web简史 - tbingooo
前段时间在微博上看到有人问,前端这几年发展这么迅猛,各种新技术、新框架层出不穷,我们究竟怎么学习这些新技术才能跟得上脚步,毕竟精力有限,逐个学习不现实。个人认为,没有太大的必要去追逐那些新潮的技术。原因有二。不管目前前端再怎么发展都离不开JavaScript、HTML和CSS这三个基本要素,就像目前...
2015-12-27T07:18:00Z
2015-12-27T07:18:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】前段时间在微博上看到有人问,前端这几年发展这么迅猛,各种新技术、新框架层出不穷,我们究竟怎么学习这些新技术才能跟得上脚步,毕竟精力有限,逐个学习不现实。个人认为,没有太大的必要去追逐那些新潮的技术。原因有二。不管目前前端再怎么发展都离不开JavaScript、HTML和CSS这三个基本要素,就像目前... <a href="https://www.cnblogs.com/bingooo/p/5080137.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/bingooo/p/4981942.html
CSS中的盒模型 - tbingooo
CSS的盒模型描述了一些长方形盒子,这些长方形盒子被用来表示文档树中的元素,并根据 "视觉格式化模型" 进行定位。 1. 盒子的尺寸 每个盒子都有一个content区域(比如文本、图片等)和可选的包围content区域的padding、borde、margin区域。这些区域的大小由下面定义的属性决定
2015-11-20T11:25:00Z
2015-11-20T11:25:00Z
tbingooo
https://www.cnblogs.com/bingooo/
【摘要】CSS的盒模型描述了一些长方形盒子,这些长方形盒子被用来表示文档树中的元素,并根据 "视觉格式化模型" 进行定位。 1. 盒子的尺寸 每个盒子都有一个content区域(比如文本、图片等)和可选的包围content区域的padding、borde、margin区域。这些区域的大小由下面定义的属性决定 <a href="https://www.cnblogs.com/bingooo/p/4981942.html" target="_blank">阅读全文</a>