CDN基本工作过程
2018-01-28
阅读 1 分钟
2.9k无CDN时工作过程 我们先来看没有CDN服务时，一个网站是如何向用户提供服务的： 用户在自己的浏览器中输入要访问的网站域名。 浏览器向本地DNS服务器请求对该域名的解析。 本地DNS服务器中如果缓存有这个域名的解析结果，则直接响应用户的解析请求。 本地DNS服务器中如果没有关于这个域名的解析结果的缓存，则以递归方式...
阮一峰互联网协议入门学习笔记
2018-01-26
阅读 3 分钟
4.2kOSI七层模型（由上至下）：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层OSI五层模型（由上至下）：应用层、传输层、网络层、链接层、实体层互联网的实现，每一层都有自己的功能，每一层都靠下一层的支持。越下面的层越靠近硬件，越上面的层越靠近用户。每一层功能的实现都依赖于相应的协议。
如何获取内网中前端用户的本地IP？
2018-01-11
阅读 2 分钟
10.2k最近项目中需要获取公司内网的用户IP，起初网上查到的都是通过访问外网接口（例如新浪接口[链接]）获取客户端处在网络中的IP，但在公司内网环境中无法实现。后来查到可通过WebRTC方式实现，现将代码整理如下，WebRTC还有待研究。
Base64基本原理及简单应用
2017-12-31
阅读 2 分钟
9.2kBase64是一种基于64个可打印字符来表示二进制数据的编码方式，是从二进制数据到字符的过程。原则上，计算机中所有内容都是二进制形式存储的，所以所有内容（包括文本、影音、图片等）都可以用base64来表示。
项目代码通过git上传github
2017-11-25
阅读 3 分钟
2.7k这里填写远程代码仓库的信息：Repository name：代码仓库名，最终显示的标题，也是他人搜索的关键词Description：对代码仓库的描述，并不是readme文件Public：选择代码仓库公开
重拾css(11)——position
2017-06-12
阅读 4 分钟
2k在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。
重拾css(10)——display
2017-06-12
阅读 3 分钟
2khtml元素，除了“块”就是“流”（即平时常说的块级元素和行内元素），而且“流”都包含在“块”中，例如body就是一个“块”，而a就是一个“流”。浏览器默认样式中规定了html元素哪些属于“块”（剩下的就是“流”）。
重拾css(9)——float
2017-06-11
阅读 4 分钟
2.1k对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。这就是我们又爱又恨的——float。所以，系统的学一学float是非常非常有必要的。视频学习可参考张鑫旭的《CSS深入理解之float浮动》...
重拾css(8)——盒子模型
2017-06-11
阅读 2 分钟
2.3k从这一节开始，我们就进入本系列的第三部分——css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。第一类——文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都尽量用相对值（em）。另外还有一个重点，就是web端...
重拾css(7)——选择器的优先级
2017-06-11
阅读 1 分钟
1.8k特指度表示一个css选择器表达式的重要程度，每个选择器表达式都可以通过一个公式计算出一个数值，数越大，越重要。这个公式叫“I - C - E”计算公式：
重拾css(6)——选择器
2017-06-11
阅读 3 分钟
2.3k前文示图中展示了浏览器的渲染过程，那么css与html是如何结合的呢？答案是——选择器！ 1.选择器 可分为两大类： 标签选择器（*是特殊的标签），可单标签，也可上下文多标签； 属性选择器（id和class本质上也是属性）。 1.1 标签选择器 1.1.1 通用选择器 * 通用选择器大家应该都比较熟悉了，最常用的就是重置浏览器默认样...
重拾css(5)——浏览器默认样式
2017-06-11
阅读 8 分钟
3.4k对于上面的三层，咱们大概都比较熟悉了。下面的两层中，用户自定义样式一般也就是改一改字号大小和字体样式，也没甚好说的。而最有的说的就是浏览器的默认样式。
重拾css(4)——样式来源与层叠规则
2017-06-11
阅读 2 分钟
2.1k这一节就开始实践上一节的思路！ 1.“层叠”的概念 简言之，层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程。举一个简单的例子： 上图中有两个样式来源，第一个是引用的css1.css，第二个是自己在style中编写的样式。“层叠”是个叠加的过程，可通过下图表示： 层叠是CSS的核心机制，理解了它才能以最经济的方式...
重拾css(3)——学习css的思路
2017-06-11
阅读 2 分钟
2.5k上图是webkit内核渲染html和css的流程图。大家可以从图中看到，html的解析是一条线，css的解析是一条线，两者会在某一点结合，形成最终的视图。
重拾css(2)——带着问题出发
2017-06-11
阅读 1 分钟
2k常用的html标签，它们的display属性一般默认为block和inline。有哪些常用标签的display不是block和inline，这些标签显示的时候和block/inline有何区别？
重拾css(1)——写在前边的话
2017-06-11
阅读 1 分钟
2.8k工作中或多或少的写一些css，但总感觉掌握的不够扎实，时而需要查阅一下知识点。我想，一方面跟缺少“科班出身”式的系统学习有关，另一方面也苦于一直未寻觅到一套合我胃口教程。直到我读到了王福朋“css知多少”系列文章，使我有了重新系统学习css的想法。
深入理解JavaScript (5) —— 闭包
2017-05-10
阅读 2 分钟
1.5k如上代码，bar函数作为返回值，赋值给f1变量。执行f1(15)时，用到了fn作用域下的max变量的值。至于如何跨作用域取值，可以参考上一节。
深入理解JavaScript (4) —— 从自由变量到作用域链
2017-05-10
阅读 1 分钟
4.8k上述代码的执行结果说明“要到父作用域中取”这句话并不准确，更贴切的说法是：要到创建这个被执行函数（此处为fn）的那个作用域（此处为全局作用域，因为fn是在全局作用域中创建的）中取值 是“创建”，而不是“调用”，切记切记——其实这就是所谓的“静态作用域”。换言之，此处最终执行的函数是fn，而自由变量是a，因此要到创...
深入理解JavaScript (3) —— 作用域
2017-05-10
阅读 1 分钟
2.2k针对有经验的开发者，纠正一个过时的理解：你可能听过这句话“javascript没有块级作用域”。所谓“块”，就是大括号“｛｝”中间的语句。诚然，在ES6之前，这句话是完全正确的，但ES中新增的两个命令let和const，改变了这种状态，使得js也有了块级作用域的概念。详见：[链接]
彻底理解从输入URL与页面展现
2017-05-09
阅读 4 分钟
5.8kURL与URI：URI 属于 URL 更低层次的抽象，是一种字符串文本标准。就是说，URI 属于父类，而 URL 属于 URI 的子类。URL 是 URI 的一个子集。二者的区别在于，URI 表示请求服务器的路径，定义这么一个资源。而 URL 同时说明要如何访问这个资源（http://）。
深入理解JavaScript (2) —— this
2017-05-09
阅读 3 分钟
1.8k函数中this的取值，是在函数调用的预处理时确定的，而不是函数定义时确定的。因为this的取值是执行上下文环境的一部分，而每次调用函数才会对函数中的代码段做一次预处理，进而产生一个新的执行上下文环境。
深入理解JavaScript (1) —— 执行上下文与执行上下文栈
2017-05-09
阅读 2 分钟
3.7kJavaScript在执行一个“代码段”之前，即解析(预处理)阶段，会先进行一些“准备工作”，例如扫描JS中var定义的变量、函数名等，进而生成执行上下文。
jQuery设计思想之应用篇
2017-04-30
阅读 6 分钟
1.9k我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。
jQuery设计思想之理解篇
2017-04-30
阅读 7 分钟
2.7k转自：阮一峰 2011年7月26日 [链接] jQuery是目前使用最广泛的JavaScript函数库。 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以...