、Mac OS、Linux以及其他平台下产生的信息结合，然后可以很容易加载XML数据到程序中并分析它，并以XML格式输出结果。...XML与HTML区别编辑 (1)可扩展性方面：HTML不允许用户自行定义他们自己的标识或属性，而在XML中，用户能够根据需要自行定义新的标识及属性名，以便更好地从语义上修饰数据。...有能力处理纯文本的软件都可以处理 XML。 不过，能够读懂 XML 的应用程序可以有针对性地处理 XML 的标签。标签的功能性意义依赖于应用程序的特性。...通过 XML 您可以发明自己的标签 上例中的标签没有在任何 XML 标准中定义过（比如 和 ）。这些标签是由文档的创作者发明的。 这是因为 XML 没有预定义的标签。...XML 允许创作者定义自己的标签和自己的文档结构。 XML 不是对 HTML 的替代 XML 是对 HTML 的补充。 XML 不会替代 HTML，理解这一点很重要。
来源：http://t.cn/RBzkRYO 前言 一、文本对话--从请求到响应 二、TCP/IP 协议族介绍 三、基于TCP/IP通信过程 四、TCP建立连接及断开（重点补充） 小结 前言 互联网的原始目的...那我们使用浏览器发送请求后页面是如何呈现在我们面前的呢？ 接下来由图片介绍下URL到呈现页面的过程。 一、文本对话--从请求到响应 ?...客户端（浏览器）请求过程.jpg 我们在浏览器中输入一个 URL，回车之后便会在浏览器中观察到页面内容。...这个文本对话的过程是建立在怎样的规则上面呢？简单说，这个通信的过程是基于TCP/IP通信协议族规范上实现的，完成从客户端到服务器端等一系列信息交换的流程。...3、HTTP协议生成请求报文 HTTP协议：HyperText Transfer Protocol超文本传输协议位于应用层，决定从客户端到服务器端等一系列通信内容及方式，这通过生成报文并发送完成通信。
浏览器会对跨域的资源访问进行一些限制图片同源策略对 ajax 的跨域限制的最为凶狠，默认情况下，它不允许 ajax 访问跨域资源图片所以，我们通常所说的跨域问题，就是同源策略对 ajax 产生的影响有多种方式解决跨域问题...服务器拿到请求后，响应一段JS代码，这段代码实际上是一个函数调用，调用的是客户端预先生成好的函数，并把浏览器需要的数据作为参数传递到函数中，从而间接的把数据传递给客户端图片JSONP有着明显的缺点，即其只能支持...它的总体思路是：如果浏览器要跨域访问服务器的资源，需要获得服务器的允许图片而要知道，一个请求可以附带很多信息，从而会对服务器造成不同程度的影响比如有的请求只是获取一些新闻，有的请求会改动服务器的数据针对不同的请求...，高兴的像一个两百斤的孩子，于是，它就把响应顺利的交给 js，以完成后续的操作下图简述了整个交互过程图片需要预检的请求简单的请求对服务器的威胁不大，所以允许使用上述的简单交互即可完成。...();xhr.withCredentials = true;// fetch apifetch(url, { credentials: 'include',});这样一来，该跨域的 ajax 请求就是一个附带身份凭证的请求当一个请求需要附带
从C#到TypeScript - Generator 上篇讲了Promise，Promise的执行需要不停的调用then，虽然比callback要好些，但也显得累赘。...，function后面多了一个*，变成了function*，函数体用到了yield，这个大家比较熟悉，C#也有，返回可枚举集合有时会用到。...在ES6里yield同样表示返回一个迭代器，所以用到的时候会用next()来顺序执行返回的迭代器函数。...而且线程是资源抢占式的，而协程则是合作式的，怎样执行是由协程自己决定。 由于JavaScript是单线程语言，本身就是一个不停循环的执行器，所以它的协程是比较简单的，线程和协程关系是 1:N。...继续输出第二个，按正常想法，应该输出3，但是由于yield 1是上一轮计算的，这轮碰到上一轮的yield时返回的总是undefined。
从C#到TypeScript - 类 在ES6之前Javascript的类都是用function定义的，ES6把类关键字正式加进来，虽说其实也还是function，不过代码可读性上好了不少。...不过不同的是C#类的成员默认是private，而TypeScript默认是public。 在类里面所有成员都必须用this来访问。...u.checkLogin()); // true u.name = 'test'; console.info(u.checkLogin()); // false 参数属性 上面的User类有两个成员，而且都是从构造函数赋值的...兼容性 TypeScript里的类是有兼容性的，这点和C#很不一样，TypeScript认为：只有成员的类型是兼容的，那它们的类型也是兼容的。...C#或Java可以说十分相似，除了兼容性基本上没有什么新的东西，不过对于JavaScript来说却是一大进步了。
从C#到TypeScript - 变量 TypeScript的变量声明和ES6差不多，相比之前主要是多了let和const 为什么不用var 不管是TypeScript还是ES6都会兼容以前的javascript...虽然C#里也有var，但和JavaScript的可不一样，var在javascript里会有一些奇怪的表现，比如会置前，而且作用域是整个函数，可以不写var来声明变量，然后变量变成全局。...这些都可能会带了一些不容易注意到的问题。...，跑出来的结果全是10，这是因为var出来的i的作用域是整个函数。 这就导致循环完成后i变成10，setTimeout内的函数才被执行，所以结果都是10了。...const C#也有const，意义上差不多，都是常量，不想变量被改变。
前面的话 本文将详细介绍从输入URL到页面加载的全过程 概述 从输入URL到页面加载的主干流程如下： 1、浏览器构建HTTP Request请求 2、网络传输 3、服务器构建HTTP...,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8 X-Client-Data: CKm1yQEIhbbJAQijtskBCMG2yQEIqZ3KAQioo8oB...使用本地一个大于1024以上的随机TCP源端口(这里假设是1030)建立到目的服务器TCP80号端口(HTTPS协议对应的端口号是443)的连接，TCP源端口和目的端口被加入到报文段中，学名叫协议数据单元...，从网卡发送出去，再把比特转换成电子、光学或微波信号在网络中传输 【总结】 上面的6个步骤可总结为：DNS解析URL地址、生成HTTP请求报文、构建TCP连接、使用IP协议选择传输路线、数据链路层保证数据的可靠传输...网络传输 从客户机到服务器需要通过许多网络设备， 一般地，包括集线器、交换器、路由器等 【集线器】 集线器是物理层设备，比特流到达集线器后，集线器简单地对比特流进行放大，从除接收端口以外的所有端口转发出去
从C#到TypeScript - Reflect 在C#里如果想只通过名字来生成类实例、获取属性或执行方法可以使用反射，反射是基于元数据，现在很多流行语言都支持元数据，以此来提供更多便利的功能。...ES6和TypeScript也有Reflect，不过因为JavaScript本身是解释型语言，很多操作如根据名字字符串获取属性，根据字符串执行函数这些原本就有支持，Reflect只是把这些操作归结到一起...Set 定义如下： Reflect.get(target, name, receiver); Reflect.set(target, name, value, receiver); 看上去也很好理解，和C#...对于delete，需要注意的是deleteProperty对class的属性是无效的。 has ownKeys ownKeys返回的是对象所有属性，包括不可枚举的，如Symbol之类。...Reflect.preventExtensions(target) 让一个对象变为不可扩展 Reflect基本上就是把之前Object的方法和一些命令如delete in之类聚到一起，相信ES6之后用
从C#到TypeScript - Promise 背景 相信之前用过JavaScript的朋友都碰到过异步回调地狱(callback hell)，N多个回调的嵌套不仅让代码读起来十分困难，维护起来也很不方便...其实C#在Task出现之前也是有类似场景的，Async Programming Mode时代，用Action和Func做回调也很流行，不过也是意识到太多的回调嵌套代码可读性差且维护不易，微软引入了Task...Promise不能在任务进行中取消，只能等结果返回，这点上不如C#的Task，Task可以通过CancelTaskToken来取消任务。...C#的Task有个WhenAll的静态方法来做这个事，Promise则是用all方法达到同样目的。 all方法接受实现Iterator接口的对象，比如数组。...Promise还有一个方法race同样是并行执行多个Promise，不同于all的是它的成功状态和错误状态一样，只要有一个成功就成功，如同C# Task的Any方法。
从C#到TypeScript - function 虽然TypeScript里有了类，但JavaScript的function也还在，这也是和C#的不同所在。...C#里函数不能脱离类工作，但TypeScript的function和JavaScript一样，可以单独工作。...同C#里的函数参数可以有默认值一样，TypeScript也支持，并且还支持可空参数。...TypeScript同样可以通过剩余参数来支持，形式上类似于C#的param。 剩余参数的格式是...restParam: string[]。...泛型函数 同C#一样支持泛型函数，写法也差不多。
从C#到TypeScript - 接口 为了更好的抽象出行为和属性，TypeScript在ES6的基础上增加了接口interface。...C#也有interface，不过TypeScript的接口还不大一样，C#里的接口一般是为类服务，让类实现接口中定义的方法或属性。...表示，实现接口的类可以不用实现可选属性。 interface RequestConfig { url: string; body?...: any; } class Request implements RequestConfig { url: string; } 接口不需要类的支持 在C#里面，接口如果没有类来实现的话是没有什么意义的...: any; } let config: RequestConfig = {url: 'www.google.com'}; 这种经常用在函数的参数上面，用来描述具体的参数，把具体的参数放到接口里，方便操作
从C#到TypeScript - Proxy 我们知道在C#中要实现代理功能需要自己来实现代理类，并且每个类需要不同的代理类，使用起来不方便，虽然借助一些AOP框架可以一定程度实现拦截，但毕竟框架级别的还是太重了...，没错，Reflect里的操作Proxy里都同样有一份，这样在做Proxy的时候，如果要回到原始的结果，直接调用Reflect对应的操作就好。...第二个参数是指上下文的this，this的不同会可能导致函数里变量值的不同。...Test1的func，所以第一条输出为call test1 func，虽然Proxy代理的是Test1的func，但实际执行时传的this是t2，所以函数里的this指向了Test2，取的也就是test2...上面介绍了几个常用的，其他的意思也很明显就不多说了，Proxy的应用场景除了上面说过的MVVM外，还可以用在ORM中，把对象的行为映射到数据库中，还有数据访问的代理，总之想用到代理的可以考虑Proxy。
从C#到TypeScript - 类型 TypeScript和C#一样是微软搞出来的，而且都是大牛Anders Hejlsberg领导开发的，它们之间有很多共同点，现在尝试以C#程序员的角度来理解下TypeScript...现在来看下TypeScript基础类型： 数值 C#的数字类型有好几种：int, long, float, double, byte等，而TypeScript和JavaScript一样，所有的数字都是浮点数...功能上和C#差不多： 目的都是为数值提供一个友好的名字，增加代码可读性和可重构性 默认情况下从0开始编号 也可以手动赋值 可以实现类似C# Flag特性 但也有一些细节不一样： C#的枚举值toString...C#配合linq那么强大，不过配合其他一些库如lodash也可以很方便的进行各种操作。...C#，不过叫法上是分开的，这里的元组只是对数组的处理，另外还有对象上的叫解构赋值，以后会写。
所以互联网设计者需要在用户的方便性与可用性方面做一个权衡，这个权衡就是一个网址到IP地址的转换，这个过程就是DNS解析。它实际上充当了一个翻译的角色，实现了网址到IP地址的转换。...4、浏览器解析渲染页面 在收到HTML,CSS,JS文件后，浏览器通过WebKit渲染，将页面呈现到屏幕上。下图对应的就是WebKit渲染的过程。 ?...Paste_Image.png 浏览器是一个边解析边渲染的过程。首先浏览器解析HTML文件构建DOM树，然后解析CSS文件构建渲染树，等到渲染树构建完成后，浏览器开始布局渲染树并将其绘制到屏幕上。...这个过程比较复杂，涉及到两个概念: reflow(回流)和repain(重绘)。...所有的同步任务在主线程上执行，形成一个执行栈;异步任务有了运行结果就会在任务队列中放置一个事件；脚本运行时先依次运行执行栈，然后会从任务队列里提取事件，运行任务队列中的任务，这个过程是不断重复的，所以又叫做事件循环
前言 打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？先给大家来张总体流程图，具体步骤请看下文分解！ ?...为了解决上述的问题，DNS 服务应运而生。 2.什么是域名解析 DNS 协议提供通过域名查找 IP 地址，或逆向从 IP 地址反查域名的服务。...3、控制器（controller） 它负责根据用户从"视图层"输入的指令，选取"模型层"中的数据，然后对其进行相应的操作，产生最终结果。...(第四次挥手：由浏览器发起，告诉服务器，我响应报文接受完了，我准备关闭了，你也准备吧) 参考文章 从输入页面地址到展示页面信息都发生了些什么？...前端经典面试题: 从输入 URL 到页面加载发生了什么？
：TCP 四次挥手一、什么是URL？...URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上资源，俗称网址。...浏览器如何通过域名去查询 URL 对应的 IP 呢？DNS域名解析分为递归查询和迭代查询两种方式，现一般为迭代查询。...，将客户端的访问 引导到不同的机器上去，使得不同的客户端访问不同的服务器，从而达到负载均衡的目的。...为避免篇幅过长，http协议、缓存等相关内容请参阅： 从HTTP到WEB缓存五、服务器处理请求并返回 HTTP 报文每台服务器上都会安装处理请求的应用——Web server。
从C#到TypeScript - 装饰器 在C#里面如果想要不直接修改类或方法，但给类或方法添加一些额外的信息或功能，可以想到用Attribute，这是一个十分方便的功能装饰器。...function Testable(target: Function) { // 类、方法、属性、方法参数的参数各不相同 //这里可以记录一些信息到target，或者针对target做一些处理，...方法装饰器 方法装饰器的使用方法和类装饰器类似，只是参数不一样，方法装饰器有三个参数： 如果装饰的是静态方法，则是类的构造函数，如果是实例方法则是类的原型。 方法的名字。...即属性描述符，有 configurable 是否可以配置，如动态添加删除函数属性之类 writable 是否可写，可以用来设置只读属性 enumerable 是否可枚举，即是否能在for...in中能枚举到...，最后一个参数是所装饰的参数的位置。
理解从输入url到看到页面的过程，弄明白这中间有哪些步骤，再仔细分析这些步骤的原理和行为，是我所能想到最清晰的一条知识脉络了。 2. 如何看到我们的页面？...最后，本地DNS服务器将含有http://www.cnblogs.com的IP地址的响应报文发送给客户端。 从客户端到本地服务器属于递归查询，而DNS服务器之间的交互属于迭代查询。...[2] (2) 在步骤2与步骤3之间，从执行被动关闭一端到执行主动关闭一端流动数据是可能的，这称为“半关闭”（half-close）。...总结 以上步骤只是大略地解析了从浏览器输入url到最终页面展示在用户眼前的流程，更多细节我会开单章进行讲解。...参考 "天龙八步"细说浏览器输入URL后发生了什么 【译】从输入URL到页面渲染完成 从输入 URL 到页面加载完的过程中都发生了什么事情？
问题：在浏览器中输入URL到整个页面显示在用户面前时这个过程中到底发生了什么。仔细思考这个问题，发现确实很深，这个过程涉及到的东西很多。...所以互联网设计者需要在用户的方便性与可用性方面做一个权衡，这个权衡就是一个网址到IP地址的转换，这个过程就是DNS解析。它实际上充当了一个翻译的角色，实现了网址到IP地址的转换。...从上述过程中，可以看出网址的解析是一个从右向左的过程: com -> google.com -> www.google.com。但是你是否发现少了点什么，根域名服务器的解析过程呢？...请求行 格式如下: Method Request-URL HTTP-Version CRLF eg: GET index.html HTTP/1.1 常用的方法有: GET, POST, PUT, DELETE...5、服务器处理请求并返回HTTP报文 自然而然这部分对应的就是后端工程师眼中的HTTP。后端从在固定的端口接收到TCP报文开始，这一部分对应于编程语言中的socket。
云服务器
ICP备案
云直播
即时通信 IM
对象存储
