CDN基本工作过程

2018-01-28
阅读 1 分钟
2.9k
无CDN时工作过程 我们先来看没有CDN服务时,一个网站是如何向用户提供服务的: 用户在自己的浏览器中输入要访问的网站域名。 浏览器向本地DNS服务器请求对该域名的解析。 本地DNS服务器中如果缓存有这个域名的解析结果,则直接响应用户的解析请求。 本地DNS服务器中如果没有关于这个域名的解析结果的缓存,则以递归方式...

阮一峰互联网协议入门学习笔记

2018-01-26
阅读 3 分钟
4.3k
OSI七层模型(由上至下):应用层、表示层、会话层、传输层、网络层、数据链路层、物理层OSI五层模型(由上至下):应用层、传输层、网络层、链接层、实体层互联网的实现,每一层都有自己的功能,每一层都靠下一层的支持。越下面的层越靠近硬件,越上面的层越靠近用户。每一层功能的实现都依赖于相应的协议。

git学习笔记

2018-01-15
阅读 4 分钟
1.7k
集中式版本控制系统,版本库是集中存放在中央服务器的,而干活的时候,用的都是自己的电脑,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器。中央服务器就好比是一个图书馆,你要改一本书,必须先从图书馆借出来,然后回到家自己改,改完了,再放回图书馆。必须连网分布式...

如何获取内网中前端用户的本地IP?

2018-01-11
阅读 2 分钟
10.2k
最近项目中需要获取公司内网的用户IP,起初网上查到的都是通过访问外网接口(例如新浪接口[链接])获取客户端处在网络中的IP,但在公司内网环境中无法实现。后来查到可通过WebRTC方式实现,现将代码整理如下,WebRTC还有待研究。

Base64基本原理及简单应用

2017-12-31
阅读 2 分钟
9.3k
Base64是一种基于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 分钟
2.1k
html元素,除了“块”就是“流”(即平时常说的块级元素和行内元素),而且“流”都包含在“块”中,例如body就是一个“块”,而a就是一个“流”。浏览器默认样式中规定了html元素哪些属于“块”(剩下的就是“流”)。

重拾css(9)——float

2017-06-11
阅读 4 分钟
2.2k
对于我们所有的web前端开发人员,float是或者曾经一度是你最熟悉的陌生人——你离不开它,却整天承受着它所带给你的各种痛苦,你以为它很简单就那么一点知识,但却驾驭不了它各种奇怪的现象。这就是我们又爱又恨的——float。所以,系统的学一学float是非常非常有必要的。视频学习可参考张鑫旭的《CSS深入理解之float浮动》...

重拾css(8)——盒子模型

2017-06-11
阅读 2 分钟
2.4k
从这一节开始,我们就进入本系列的第三部分——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.5k
对于上面的三层,咱们大概都比较熟悉了。下面的两层中,用户自定义样式一般也就是改一改字号大小和字体样式,也没甚好说的。而最有的说的就是浏览器的默认样式。

重拾css(4)——样式来源与层叠规则

2017-06-11
阅读 2 分钟
2.2k
这一节就开始实践上一节的思路! 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.9k
上述代码的执行结果说明“要到父作用域中取”这句话并不准确,更贴切的说法是:要到创建这个被执行函数(此处为fn)的那个作用域(此处为全局作用域,因为fn是在全局作用域中创建的)中取值 是“创建”,而不是“调用”,切记切记——其实这就是所谓的“静态作用域”。换言之,此处最终执行的函数是fn,而自由变量是a,因此要到创...

深入理解JavaScript (3) —— 作用域

2017-05-10
阅读 1 分钟
2.2k
针对有经验的开发者,纠正一个过时的理解:你可能听过这句话“javascript没有块级作用域”。所谓“块”,就是大括号“{}”中间的语句。诚然,在ES6之前,这句话是完全正确的,但ES中新增的两个命令let和const,改变了这种状态,使得js也有了块级作用域的概念。详见:[链接]

彻底理解从输入URL与页面展现

2017-05-09
阅读 4 分钟
5.9k
URL与URI:URI 属于 URL 更低层次的抽象,是一种字符串文本标准。就是说,URI 属于父类,而 URL 属于 URI 的子类。URL 是 URI 的一个子集。二者的区别在于,URI 表示请求服务器的路径,定义这么一个资源。而 URL 同时说明要如何访问这个资源(http://)。

深入理解JavaScript (2) —— this

2017-05-09
阅读 3 分钟
1.9k
函数中this的取值,是在函数调用的预处理时确定的,而不是函数定义时确定的。因为this的取值是执行上下文环境的一部分,而每次调用函数才会对函数中的代码段做一次预处理,进而产生一个新的执行上下文环境。

深入理解JavaScript (1) —— 执行上下文与执行上下文栈

2017-05-09
阅读 2 分钟
3.7k
JavaScript在执行一个“代码段”之前,即解析(预处理)阶段,会先进行一些“准备工作”,例如扫描JS中var定义的变量、函数名等,进而生成执行上下文。

沉浸式学Git

2017-05-03
阅读 1 分钟
2.8k
cover — contents — about原文链接:[链接]机缘巧合看到了这篇介绍Git的文章(说是一本书也很贴切),它通过一些短小精悍的小实验来讲述Git的使用。虽然目前工作中我用的是SVN,但平时也会玩玩Git,先将此文珍藏,留作日后系统学习。

Ajax语法浅析

2017-05-01
阅读 8 分钟
4.9k
本周,荷甲劲旅阿贾克斯在欧联杯四分之一决赛次回合中虽2-3落败,但凭借首回合两球优势,以总比分4-3将德甲强敌沙尔克04淘汰出局,拿到一个四强席位... ...

jQuery设计思想之应用篇

2017-04-30
阅读 6 分钟
2k
我主要参考了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是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以...

HTML基础

2017-04-13
阅读 9 分钟
2.4k
HTML简介 什么是HTML HTML(Htyper Text Markup Language):即超文本标记语言。 超文本:指可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言:由标记(标签)构成的语言。 什么是标签 由一对尖括号包裹的单词构成,例如:<html> 标签不区分大小写,<html> 和 <HTML>一样,推荐使用小写。 有些...

渐进增强与优雅降级

2017-03-28
阅读 1 分钟
1.7k
渐进增强(progressive enhancement):从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,当浏览器支持时,它们会自动地呈现出来并发挥作用。 优雅降级(graceful degradation):一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。