本文主要抽离Vue源码中数据双向绑定的核心代码,解析Vue是如何实现数据的双向绑定 核心思想是ES5的Object.defineProperty()和发布-订阅模式 整体结构 改造Vue实例中的data,通过Object.defineProperty()将其所有属性设置为访问器属性 对每个属性添加Observer,并在observer中添加订阅者对象序列Dep 添加订阅者对象Watcher,每次初始化的时候添加到对应data属性中的Dep之中 所有,我们从代码的角度将整体分为三个部分:监听数据变…
原文链接:http://www.imooc.com/article/14466 Vue.js 最显著的功能就是响应式系统,它是一个典型的 MVVM 框架,模型(Model)只是普通的 JavaScript 对象,修改它则视图(View)会自动更新.这种设计让状态管理变得非常简单而直观,不过理解它的原理也很重要,可以避免一些常见问题.下面让我们深挖 Vue.js 响应式系统的细节,来看一看 Vue.js 是如何把模型和视图建立起关联关系的. 如何追踪变化 我们先来看一个简单的例子.代码示例如下:…
整体架构 version-3.5.5 在深入了解Mybatis的源码之前,我们先了解一下Mybatis的整体架构和工作原理,这样有助于我们在阅读源码过程中了解思路和流程. 核心流程 在上一遍的入门程序中,我们通过示例代码简单的介绍了如何通过Myabtis进行一个简单的增删改查,并用简单的步骤描述了示例程序的运行过程.为了更直观,其工作原理可理解成如下步骤: 初始化阶段:读取XML配置文件和注解中的配置信息,创建配置对象,并完成各个模块的初始化的工作 代理阶段:封装iBatis的编程模型,使用ma…
本文主要分享Netty中事件循环机制的实现. 源码分析基于Netty 4.1 EventLoop 前面分享服务端和客户端启动过程的文章中说过,Netty通过事件循环机制(EventLoop)处理IO事件和异步任务,简单来说,就是通过一个死循环,不断处理当前已发生的IO事件和待处理的异步任务.示例如下 while(true) { process(selector.select()); process(getTask()); } 这种事件循环机制也是一种常用的IO事件处理机制,包括Redis,Mys…
在上一篇中,我们主要研究了Serilog是如何解析字符串模板的,它只是单独对字符串模板的处理,对于日志记录时所附带的数据没有做任何的操作.在本篇中,我们着重研究日志数据的存储方式.(系列目录) 本篇所解决的内容 本文主要讲述在Serilog中日志记录器是如何记录数据的,即在上一篇文章中解析部分的第二件事.和之前的文章架构一样,本篇文章主要从数据存储和行为逻辑两个方面做阐述. public void Process(string messageTemplate, object[] messageT…
上一篇中,我们提到了日志数据是如何进行解析了.然而,Serilog 灵活采用了不同的策略(Policy)决定一个日志对象如何解析到LogEventPropertyValue的子类对象中,即采用了IScalarConversionPolicy以及IDestructingPolicy接口对数据做转换.在本篇中,着重强调这两个接口以及其实现类是如何做到这一功能的.(系列目录) IScalarConversionPolicy接口 interface IScalarConversionPolicy { b…
由于在Java中创建一个实例的消耗不小,很多框架为了提高性能都使用对象池,Netty也不例外. 本文主要分析Netty对象池Recycler的实现原理. 源码分析基于Netty 4.1.52 缓存对象管理 Recycler的内部类Stack负责管理缓存对象. Stack关键字段 // Stack所属主线程,注意这里使用了WeakReference WeakReference<Thread> threadRef; // 主线程回收的对象 DefaultHandle<?>[] elem…
上一篇文章中揭露了日志数据的绑定逻辑,主要说明了日志数据绑定的结果信息,即EventProperty结构体和LogEventProperty类,以及日志数据与具名属性Token的绑定类PropertyBinder.在本文中,我们主要对PropertyValueConverter类及其涉及的其他相关类进行说明.关注的重点在如何利用具名属性 Token 以及对应的日志数据来构造对应的LogEventPropertyValue类对象.(系列目录) PropertyValueConverter类 Pro…
本文转载 http://blog.cnbang.net/tech/2630/ DTCoreText是个开源的iOS富文本组件,它可以解析HTML与CSS最终用CoreText绘制出来,通常用于在一些需要显示富文本的场景下代替低性能的UIWebView,来看看它是怎样解析和渲染HTML+CSS的,总体上分成两步: 数据解析—把HTML+CSS转换成NSAttributeString 渲染—用CoreText把NSAttributeString内容渲染出来,再加上图片等元素 本篇先介绍第一步,数据解…
MVC原理介绍 Spring MVC原理图 上图是Spring MVC工作原理图(图片来自网上搜索),根据上图,我们可以得知Spring MVC的工作流程如下: 1.用户(客户端,即浏览器)发送请求至前端控制器(DispatcherServlet) . 2.前端控制器收到请求后调⽤处理器映射器(HandlerMapping). 3.处理器映射器根据请求Url找到具体的处理器(Handler,也叫后端控制器),生成处理器对象及处理器拦截器(如果有)一并返回给前端控制器. 4.前端控制器收到处理器对…