摘要：
支付宝系统架构（内部架构图） 前言 支付宝是中国支付行业的一个标兵，无论是业务能力还是产品创都引领者中国支付行业的前沿，作为支付业务的基础系统的复杂性和稳定性是支付业务是否能够及时快速安全处理的根本，本期支付圈收集了支付宝的系统架构图包含：清算 客服 处理 资金 财务 等等 供其他支付公司进行参考！ 阅读全文
摘要：
浏览器根据HTML中外连资源出现的顺序，依次放入队列（队列），然后根据优先级确定向服务器获取资源的顺序。同优先级的资源根据HTML中出现的先后顺序来向服务器获取资源。 瀑布中各项内容的含义： 排队： 出现下面的情况时，浏览器会把当前请求放入队列中进行排队 停滞： 请求会因为上面的任一个原因而阻塞 D 阅读全文
摘要：
缓存是什么 缓存是一个到处都存在的用空间换时间的例子。通过使用多余的空间，我们能够获取更快的速度。 我们通常意义上说的缓存主要包含两部分。第一个是用户浏览器端的缓存，第二个是服务器端为了提高访问速度而加的CDN。 首先，看看没有网站没有接入CDN时，用户浏览器与服务器是如何交互的： 用户在浏览网站的 阅读全文
摘要：
浏览器内核、引擎、页面呈现原理及其优化 介绍浏览器内核、JavaScript 引擎以及页面呈现原理等基础知识，同时根据原理提出页面呈现优化方案。 浏览器内核 浏览器内核又叫渲染引擎，主要负责 HTML、CSS 的解析，页面布局、渲染与复合层合成。浏览器内核的不同带来的主要问题是对 CSS 的支持度与 阅读全文
摘要：
构建DOM 当拿到一个html文件，它是如何构建出dom树的呢？ 浏览器会根据尖括号识别出标签，每一个标签都有StartTag和EndTag，其中的文本也会被解析出来 这些开始结束Tokens将会以栈的方式，进行规则匹配，构建出Nodes间的层级关系。 属性也会被解析出来 网络中的DOM 当你访问一 阅读全文
摘要：
也谈基于NodeJS的全栈式开发（基于NodeJS的前后端分离） 前言 为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。 前 阅读全文
摘要：
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。
Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助 Node.js)。less英文站需要FQ，也可以访问中文站 阅读全文
摘要：
手机触摸屏的JS事件处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件：1234touchstart://手指放到屏幕上的时候触发touchmove://手指在屏幕上移动的时候触发touchend://手指从屏幕上拿起的时候触发touchcancel://系统取消touch事件的时候触发。至于系统什么时候会取消，不详1234client/clientY：//触摸点相对于浏览器窗口viewport的位置pageX/pageY：//触摸点相对于页面的位置screenX/screenY：//触摸点相对于屏幕的位置identifier：//touch对象的unique 阅读全文