默语

摘要： 由于做的一个页面需要根据用户评分的不同，显示对应的star。如果评分是带有小数部分的的话，star除了显示对应整数个star，还需要用star部分“亮起”来显示小数部分。本来页面是基于BootStrap做的，里面有star icon，可以整个显示，无论用元素遮蔽还是其他方法，都不能很好的满足需求。而网络上现有实现方式使用的是雪碧图，也就是半颗星亮起时是用图片展示的。经过思考，就想起了HTML5中的Canvas，使用Canvas画出star，然后在填充颜色时使用渐变色，应该就可以实现star部分点亮了。 阅读全文

摘要： 网络协议 网络协议是网络上所有设备（网络服务器、计算机及交换机、路由器、防火墙等）之间通信规则的集合，它规定了通信时信息必须采用的格式和这些格式的意义。大多数网络都采用分层的体系结构，每一层都建立在它的下层之上，向它的上一层提供一定的服务，而把如何实现这一服务的细节对上一层加以屏蔽。 层次结构 由于 阅读全文

摘要： 目前，很多网络都使用了NAT技术，而NAT需要保存数据传输的路由表才能完成工作。每个TCP连接有一个明确的协议状态机，开始三次握手，跟着开始数据传输，最后关闭连接，有一个完整的流程。基于这种流程，NAT可以观察到每个连接状态，并可以根据需要创建和删除的路由条目。然而，UDP是面向无连接的，仅仅只往外发送一个带有载荷的数据报就不再关心其他额外的事情了，但路由响应却需要能从转换表找到本地主机IP和端口，只有如此才能完成数据的传输。UDP既没有握手，也没有连接终止，同时没有任何状态机来监控连接状态。这就需要NAT穿透来继续进行数据传输。 阅读全文

摘要： TCP协议在不可靠的网络环境上提供了可靠的通信通道，隐藏了大量的底层细节，使应用程序更加简洁。但有些应用并不需要这么高的可靠性，并不需要按序交付，而且TCP为了提高可靠性也增加了延时，在某些对延时或抖动要求很高的情景下并不适用。为此，UDP（User Datagram Protocol，用户数据报协议）被提出。UDP虽然应用较为广泛，比如DNS查询等，但一直不是重要的角色。自从WebRTC被提出以来，它可以使浏览器在UDP的基础上实现原生的语音和视频实时通信及其他形式的P2P通信，UDP在这种境况下显得更加重要。本文大致介绍UDP的原理及应用，以求加深对其理解。 阅读全文

摘要： 近年来，随着信息技术的不断发展，各行各业也掀起了信息化浪潮，为了留住用户和吸引用户，各个企业力求为用户提供更好的信息服务，这也导致WEB性能优化成为了一个热点。据分析，网站速度越快，用户的黏性、忠诚度、转化率等也越高。对网络通信有决定性影响的因素有延时和带宽，延时有传播延时、传输延时、处理延时和排队延时构成。对于日常网站浏览来说，延时要比带宽对性能影响更大，因为一个网站需要的资源往往是由很多小文件构成，需要多次请求才能完成，其处理延时、排队延时更大。不同的网络协议具有不同的信息传递方式，也就会产生不同的延时，理解这些协议的核心原理，就为优化web体验提供了思路和途径。本文主要探讨网络协议中的TCP协议，分析其内在原理及机制。 阅读全文

摘要： 虽然随着信息技术的不断发展，网络传输速度也在不断增大，但带宽的不断增加并不能带来预想中的性能提升，因为日常上网浏览往往需要的是从数十台主机上获取较小的资源，网络延时才是真正的性能瓶颈。为此，浏览器做出了不少优化，如DNS预解析、TCP预连接、页面预渲染等等。Chrome是这方面的先行者，为减少延时做出了很多有利的工作，本文就是一篇讲述Chrome如何实现这些网络优化机制的经典好文。 阅读全文

摘要： （本篇文章仅仅是整理文档资料时，发现的一篇课程报告，感觉还挺有参考意义的） 最近几年云计算一直是IT业的热点，一股炽热的云计算浪潮席卷了世界，全世界都在讲云计算，都在搞云计算。虽然最初是由谷歌公司提出的相关理论和概念，但很多公司随后也提出了不少新的概念，这都为云计算的落地做出了很大的贡献。虽然，云计 阅读全文

摘要： 谷歌Chrome浏览器是网络上可用的最好浏览器之一，并且自2011年11月超越了Firefox浏览器之后，已经成为了互联网上占主导地位的浏览器。今天，HTML5中国与大家分享一些实用的谷歌Chrome浏览器扩展，可以助我们有效提高工作效率。 Devtools Terminal ——浏览器终端。牛逼的 阅读全文

摘要： （本篇文章仅仅是整理文档资料时，发现的一篇课程报告，当时也是查了好多资料才总结了一篇，感觉还挺有参考意义的） 1.背景介绍 2012年春节，铁道部推出12306网站，进行网络实名购票。每一个返乡人原以为不用再忍冻排队，就能买着一张回家的火车票，但结果还是大失所望。7天内，12306网站访问用户已占全 阅读全文

摘要： 两年来看过不少书，接触过不少新技术，随着知识边界的不断扩展，也越来越感觉到自己的不足，还有更多的知识点需要掌握。平时，有不少人问我怎么学习前端的，一般我是不回复这类问题，不是不愿意，而是回答不了。因为自己也才刚入门，没有什么能力指导别人，还有就是不同的人有不同的知识储备和编程基础，总的来说就是各有各的情况，我的学习方法或许只适合我本人。这篇文章并不是为了指引其他小伙伴入门，仅仅是一个个人的阶段性回顾。 阅读全文

摘要： MySQL中定义数据字段的类型对你数据库的优化是非常重要的。 MySQL支持多种类型，大致可以分为三类：数值、日期/时间和字符串(字符)类型。 数值类型 MySQL支持所有标准SQL数值数据类型。 这些类型包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL和NUMERIC)，以及 阅读全文

摘要： XSS诱发原因有很多，很多网站做了各种针对性工作防御XSS，浏览器厂商也做了很大努力。为了防御XSS，很多可能触发XSS的敏感字符会被过滤或转义，而这些转义规则也是各不相同的。不了解这些不同的编码规则，会给我们日常编程造成很大的困惑，本文针对各种编码规则写的一篇总结，希望给大家一些帮助。 阅读全文

摘要： 如果你是一个 React (或者前端) 新手, 出于以下的原因, 你可能会对这个生态圈感到困惑:React 的目标群体历来是喜欢尝试新事物的开发者和前端专家.Facebook 只开源了他们在实际使用的, 因此他们没有关注那些比 Facebook 小的工程需求.现有的 React 指引水平层次不齐.在... 阅读全文

摘要： YUI Compressor 压缩 JavaScript 的内容包括：移除注释移除额外的空格细微优化标识符替换（Identifier Replacement）YUI Compressor包括哪些细微优化呢？object["property"] ，如果属性名是合法的 JavaScript 标识符（注：... 阅读全文

摘要： 前沿Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。是目前应用最广泛的编程工具... 阅读全文