摘要：
先来看看Chrome浏览器的架构图： 通常，我们编写的HTML、CSS、JavaScript等文件，经过浏览器运行之后就会显示出页面，那他们是如何转化为页面的？这背后的原理是什么？这个过程就是浏览器的渲染进程来操作实现的。浏览器的渲染进程的主要任务就是将静态资源转化为可视化界面： 对于中间的浏览器， 阅读全文
摘要：
浏览器就是多进程的，每打开的一个浏览器窗口就是一个进程，进程是cpu资源分配的最小单位，进程可以包含多个线程。 渲染进程 浏览器包括4个进程： 主进程（Browser进程），浏览器只有一个主进程，负责资源下载，界面展示等主要基础功能 GPU进程，负责3D图示绘制 第三方插件进程，负责第三方插件处理 阅读全文
摘要：
我们要讨论的浏览器 目前使用的主流浏览器有五个：Internet Explorer、Firefox、Safari、Chrome 浏览器和 Opera。本文中以开放源代码浏览器为例，即 Firefox、Chrome 浏览器和 Safari（部分开源）。根据 StatCounter 浏览器统计数据，目前 阅读全文
摘要：
什么是认证（Authentication） 通俗地讲就是验证当前用户的身份，证明“你是你自己”（比如：你每天上下班打卡，都需要通过指纹打卡，当你的指纹和系统里录入的指纹相匹配时，就打卡成功） 互联网中的认证： 用户名密码登录 邮箱发送登录链接 手机号接收验证码 只要你能收到邮箱/验证码，就默认你是账 阅读全文
摘要：
一、 什么是http 超文本传输协议 协议：HTTP 是一个用在计算机世界里的协议。它使用计算机能够理解的语言确立了一种计算机之间交流通信的规范（两个以上的参与者），以及相关的各种控制和错误处理方式（行为约定和规范）。 传输：http是双向协议 把信息从A计算机发送至B计算机就是传输 超文本：简单的 阅读全文
摘要：
react全家桶从0到1(最新) 本文从零开始，逐步讲解如何用react全家桶搭建一个完整的react项目。文中针对react、webpack、babel、react-route、redux、redux-saga的核心配置会加以讲解，通过这个项目，可以系统的了解react技术栈的主要知识，避免搭建一 阅读全文
摘要：
内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。 减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页 阅读全文
摘要：
服务端渲染： 服务端内，直接通过模板引擎，将数据与模板结合，直接生成html文件，返回给客户端进行解析。客户端只负责解析html 动态的数据直接在后端与模板结合了，不需要前端进行请求获取，但是一些后期的交互，还是需要在客户端执行，像点击删除某一个商品信息 客户端渲染： 在客户端生成最终的html， 阅读全文
摘要：
canvas转换为dataURL (从canvas获取dataURL) var dataurl = canvas.toDataURL('image/png'); var dataurl2 = canvas.toDataURL('image/jpeg', 0.8); File对象转换为dataURL、 阅读全文
摘要：
1、正则表达式基本语法 两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下： "^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）； "of despair$"：表示所以以"of despair"结尾的字符串； "^abc$"：表示开 阅读全文