渲染器进程涉及web优化的许多方面。由于渲染进程内部发生了很多事情，因此本文只是概述。如果你想更加深入，“web基础知识的性能优化部分”有更多的资源。

这是介绍Chrome内部工作博客系列的第2部分。在上一篇博客中，我们学习了不同的进程和线程去处理浏览器的不同部分。在这篇文章，我们深入去了解为了展示一个网页每个进程和线程是如何通信的。

Central Processing Unit -- 中央处理器一个cpu可以看成是计算机的大脑。一个cpu内核，可以想象成一个办公室工作人员，可以处理一个接一个的工作。过去，大多数的cpu都是单芯片。现代硬件中，通常会有多内核，为手机和电脑提供强大的计算能力。

突然间可视化拖拽的风好像在前端的各个角落吹起，自己也鼓捣了一下，代码基本开发完毕，做一下整理。github项目地址：taro-designer在线体验地址：taro-desiger主要涉及技术点如下：背景技术栈拖拽包装组件数据结构编辑器单个组件操作生成taro的源码预览和下载源码背景公司有一部分业务是做互动的开发，比如签到、礼品兑...

read-dnd 嵌套使用不做具体react-dnd的api讲解，如有需要请查看官网文档，描述很清晰。 react-dnd-官网本文demo展示地址react-dnd-nested需求背景左侧是物料区，各个可以拖拽的小组件右侧为编辑区，可以将组件拖进去组成页面右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序技术栈react、react-dom、mobx、mobx-re...

说在前面：设置一些常用的别名查看我们设置的一些命令 {代码...} 编辑 {代码...} 配置一些别名 {代码...} 重新reload一下会生效 {代码...} 查看配置了哪些别名 {代码...} git 与 github 什么关系？gitopen source version control softwaregithubreposity hostingissuepull requestforks配置信息查看自己当前全局的配置 ...

通过程序自动生成了jsx和css文件，我们需要将它们下载下来拿到别的项目中去使用，单个下载很麻烦，因此我们将这些文件打成zip包，直接解压放到已有项目即可。以前这种下载都是后端同学提供支持，或者给到数据，在前端自己拼接数据生成zip包，这种需求还是第一次做开发。经过一系列的尝试的，最后使用 jszip 来实现。

同时，JavaScript 在创建事物（对象，字符串，等等）的时候分配内存，并且在不再使用的时候“自动”释放内存，这是一个垃圾回收的过程。释放资源的这种看起来“自动”的特性是混乱的来源，给 JavaScript （和其他高级语言）开发者一种他们可以不再关心内存管理的错误印象。这是一个大错误。

一个 JavaScript 引擎是一个执行 JavaScript 代码的程序或者解释器。一个JavaScript 引擎可以实现成一个标准的解释器，也可以是一个实时编译器，它以某种像是将 JavaScript 编译为字节码。

这篇文章是这个系列的第一篇，目的是深入研究 JavaScript 以及它真正是如何工作的：我们认为了解 JavaScript 的构建块，并且知道它是如何一起运行的，那么你将会写出更好的代码和应用程序。我们也将分享一些我们在使用构建 SessionStatck时候的一些经验规则，一个轻量的应用程序，为了保持竞争力，必须是健壮和高性能的。

Scope object Scope对象其实就是一个简单的POJO(plain old JavaScript Object)。我们可以给它任意的添加属性。 {代码...} $watch 和 $digest $watch和$digest就像一个硬币的两面。他们组合在一起就是脏检查循环的核心：对于数据变化的响应。 $watch： {代码...} watchExpression: 监听的数据 listener：数据发生变化的时...

Angular 的编码风格以及架构已经使用ES2015进行重写,这些在AngularJS 1.5+的变化可以更好帮助您的更好的升级到Angular2.。 这份指南包括了新的单向数据流，事件委托，组件架构和组件路由。

如何实现一个元素的拖拽效果，使用原生的js实现，习惯了jquery的同学们，你们自己写了吗？N久使用mvvm框架，不写jquery的东西，感觉自己完全不会了。

查询有：LHS查询和RHS查询。LHS：赋值操作的目标是谁。RHS：谁是赋值操作的源头，restrieve his source value(取到它的源值)。举个栗子：

entry是webpack配置的入口文件的属性，也是整个项目的主入口，其余依赖的模块均在这个文件中引入。 使用方式：entry: string | Array<string>

webpack在你的应用中是一个模块打包工具。webpack可以简化工作流，快速构建一个应用程序的依赖关系图，按照它们正确的顺序绑定。webpack可以配置定制优化你的代码，拆分vendor/css/js代码用于生产环境，运行一个可以及时部署代码并且页面无刷新的开发服务器，还有许多很酷的功能。

在花费了很多年研究面向对象编程之后，想在javascript使用是令人失望的。主要是从根源上缺少一个class这样的关键词。然而，javascript的设计不会成为阻碍 -- 精通它基于原型的继承，将会加深你对该语言的理解。

源码地址：[链接] 创建一个空文件夹名字任意，此项目为angular-gulp-seed {代码...} 初始化工程 {代码...} 创建项目基本目录结构如下： {代码...} 正式开始coding gulp配置部分 {代码...} {代码...} {代码...} {代码...} 更多browser-sync的信息：[链接]。 {代码...} {代码...} {代码...} {代码...} {代码...} js任务编...

几周以前，HTML5成为W3C的一个正式推荐。我在SitePoint上针对这一事件讨论了5个有趣但现在过时的功能 。问题在于W3C标准是同一硬币的一面。从HTML的这个版本开始，开发者和浏览器供应商可以在相同标记语言的两种不同风格之间进行选择：W3C开发的规范和WHATWG开发的规范。

都是平时学习过程中收集的一些网址，有需要的可以看看！ angular angularjs新闻: [链接] angular1.x 官网： [链接] es5最佳实践: [链接] es2015最佳实践: [链接] codeReview checklist: [链接] angular移动版ionic: [链接] A Better Way to Learn AngularJS: [链接] 1.5生命周期钩子英文原文: [链接] 1.5生命周期钩子中...

大量的单页应用都有CRUD操作。如果你使用angularjs创建一个CRUD操作，那么你可以利用$resource服务的优势。$resource服务是建立在$http服务之上，并且可以使前后端用RESTful标准进行交互变得简单的一个factory。所以，我们一起探索一下$resource,并且在angular中实现CRUD的操作。

loader：loader的名称（必须），loader 一般以 xxx-loader 的方式命名，xxx 代表了这个 loader 要做的转换功能，比如 css-loader。

webpack实践笔记（二）--- add loaders [源码地址]：( [链接] ) 本篇文章基于分支step2,切换分支：git checkout step2 loader加载顺序 分了三个级别，preloaders,loaders,postloaders，分别代表前中后，三个处理状态。 添加es6 loader 创建一个es6的文件login.es6 {代码...} 需要使用es6，由于浏览器支持不够，我们必须...

webpack 实践笔记入门（一） [webpack官网文档地址]:（[链接]） [实践工程地址]: ([链接] ) 本篇文章可切换到分支 step1查看源代码。 what is webpack? 官网对webpack的定义是MODULE BUNDLER，目的就是把有依赖关系的各种文件打包成一系列的静态资源。 简单分步实践 创建一个空文件夹，进入 {代码...} 全局安装 webpack ...

作为一个开发者，我们经常会遇到需要使用不熟悉的代码的情况。在这个过程中遇到一个问题：我需要花费多少时间去理解这些代码，明白如何使用?一个典型的回答就是：先让我可以开始coding，等到时间允许再去做深入研究。接下来我们将对 module.exports 和 exports 在 node.js中的使用有一个更好地了解。

angular开发过程中遇到的$apply问题 由于一直在项目上并吗使用过angular进行开发，目前会遇到一些比较弱智的问题，所以每次遇到耗时较多的问题都总结一下。 $apply问题 接到一个类似于dropdown这样的需求，点击按钮下拉选择展示，而它的关闭有3中场景。 目前处于展开状态，再次点击按钮，下拉隐藏。 点击里面的任一条件...

简单点可以理解为：闭包就是能够读取其他函数内部变量的函数。由于在javascript语言中,只有函数内部的子函数才能读取局部变量，因此可以把闭包理解为“定义在一个函数内部的函数”。

通过new创建对象：new运算符创建并初始化一个对象。关键字new后跟随一个函数调用。这里的函数称作构造函数，构造函数用以初始化一个新创建的对象。例如：

数组是值的有序集合。每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。javascript的数组是无类型的：数组元素可以是任意类型，并且同一个数组中的不同元素也可能有不同的类型。 一 创建数组 使用数组直接量是创建数组最简单的方法，在方括号中将数组元素用逗号隔开即可。例如： {代码...} 如...

angular-ui-router使用 github源码地址：[链接] api地址 [链接] 安装 {代码...} 使用angular-ui-router 备注： 以下所有示例代码来源于个人所写的练习. 地址为：[链接] 导入angular-ui-router {代码...} 在angular.module中注入angular-ui-router {代码...} 为了方便使用，将$state与$stateParams全部挂载到$rootScope，...