【js】vue 2.5.1 源码学习（四）钩子函数资源选项 watch 的合并策略

【js】 vue 2.5.1 源码学习（五） props directives规范化 props 合并策略

大体思路 (四) 上节回顾: A: 对于生命周期函数将父子组件的函数放到一个数组里面,特定时间点调用,保证父子组件函数都调用到. B: 对于directive,filters,components 等的资源选项,父选项将以原型的形势处理,正式因为这样子,在任何地方都可以用到内部自定义指令. C: 对于watch选项的合并,类似于生命周期,如果父子组件相同的观测字段,将合并为一个数组. 本节内容: props normalizeProps normalizeDirective 规范化 props…

【js】vue 2.5.1 源码学习（四）钩子函数资源选项 watch 的合并策略

大体思路 (三) 1.钩子函数自定义策略 LIFECYCLE_HOOKS= [] created = [function(){} , function(){}] 组装方法. ==> starts[hook]= mergeHook ==> mergeHook(parent,child) // 合并parentVal 和childVal 2.资源选项自定义策略 ==> ASSET_TYPES = [] …

如何实现全屏遮罩（附Vue.extend和el-message源码学习）

[Vue]如何实现全屏遮罩(附Vue.extend和el-message源码学习) 在做个人项目的时候需要做一个类似于电子相册浏览的控件,实现过程中首先要实现全局遮罩,结合自己的思路并阅读了(饿了么)element-ui中el-message的实现,来总结一下Vue中比较好的一种全局遮罩的实现方式. 调用遮罩的方式一般由两种写法: 1.(类似el-dialog的一种写法) 在html文件中写好结构,控制元素的显示与隐藏的实现遮罩. <div class="container"&…

【js】vue 2.5.1 源码学习（三） Vue.extend 和 data的合并策略

大体思路 (三) 1. 子类父类 2.Vue.extend() //创建vue的子类组件的语法器 Vue.extend(options) Profile().$mount('#app') // 挂在app上,并替换app 新建 initExend ==> Vue.extend 3. strat.data ==> if(!vm){子组件中data的值是一个方法function ==> mergeDataorFn()} // 数据的合并 ==> else {} //通…

【js】vue 2.5.1 源码学习（二）策略合并

一. 整体思路 1 首先是代码的大体构造,先判断引入代码的环境,即对应amd 和cmd的处理 2 vue_init 需要借助 initMinxin ==>>> // 初始化选项1: 规范 2: 合并策略. 3 mergeOptions 选项合并一个或者多个对象合并,并且生成一个新的对象 ==> resloveConstructorOptions 返回vm的optios 判断是否是vue对象有可能是vue子类.不一定…

【js】 vue 2.5.1 源码学习（十二）模板编译

大体思路(十) 本节内容: 1. baseoptions 参数分析 2. options 参数分析 3. parse 编译器 4. parseHTNL 函数解析 // parse 解析 parser--名词--解析器 ==> getShouldDecode() inBroeser // 监听所有的标签 //监听href shouldDecodeNewLines / shouldDecodeNewLinesForHref delimiters: options.delimiters //改变文本插…

【js】vue 2.5.1 源码学习（十一）模板编译compileToFunctions渲染函数

大体思路(九) 本节内容: 1. compileToFunctions定位 1. compileToFunctions定位 ==> createCompiler = createCompilerCreator(function beasCompile(){}) // 创建编译器的编译器编译器的爷爷. ==> beasOptions 编译器默认预留选项 ==> createCompiler(beasOptions) 创建一个编译器.返回一个对象 ==> { compile: fun…

【js】vue 2.5.1 源码学习（十） $mount 挂载函数的实现

大体思路(九) 本节内容: 1. $mount 挂载函数的实现. // 将Vue.prototype.$mount 缓存下来 ==>mountComponet(this,el) { // 组建挂载的时候做的事情 var uodateComponent = function(){ // 1. render返回生产的虚拟节点 // 2. _update 将虚拟节点变为正真的dom } // 渲染函数的观察者对象初识 Watcher undateComponent被观察目标 new Watcher(…

【js】vue 2.5.1 源码学习（九）响应数组对象的变

大体思路(八) 本节内容: 1.Observe 如何响应数组的变化代理原型数组变异方法 shell cacheArrProto methods 新添加的数组需要加到显示系统里面,拦截 push等的方法 swith(method){ case:"push"/"unshift" : 存储东西} observer.prototype.observeArray = function(items){ observe(item[i]) } observe ==> va…

【js】Vue 2.5.1 源码学习（八）响应式入口observe

大体思路(七) 本节内容: deps 依赖收集的数组对象 => Dep 构造函数 /** ==> observe() * var ob * ==> if --isObject * ==> if -- shouldObserve isExtensible is_Vue 是否可扩展 * ==> ob = new Observe(value); * == if ob.vmCount++ * ==> reutrn ob * Observe(value){ * this.valu…

【js】vue 2.5.1 源码学习（七）初始化之 initState 响应式系统基本思路

大体思路(六) 本节内容: 一.生命周期的钩子函数的实现 ==> callHook(vm , 'beforeCreate') beforeCreate 实例创建之后事件数据还未创建二.初始化initState ==>initState(vm) // 初始化数据 ==> initProps(vm,opts.props) 待续 ==> initMethods 待续 ==> initComputed 待续 ==> if data initData else { obser…

【js】 vue 2.5.1 源码学习（六） initProxy initLifeCycle 渲染函数的作用域代理

大体思路 (五) 1. initProxy 渲染函数的作用域代理 ==> es6 如果支持proxy (hasProxy) 就用proxy 不支持就用 defineProperty() proxy 和 defineProperty 区别? definedProperty 只能监听对象的属性描述属性 proxy 是一个构造函数监听对象支持拦截操作代理obj对象对obj并不直接做处理. var obj = {name: 'max'} var peoxyobj = new Proxy(obj,…

【 js 性能优化】【源码学习】underscore throttle 与 debounce 节流

在看 underscore.js 源码的时候,接触到了这样两个方法,很有意思: 我先把实现的代码撂在下面,看不懂的可以先跳过,但是跳过可不是永远跳过哦- 一个是 throttle: _.throttle = function(func, wait, options) { var context, args, result; // setTimeout 的 handler var timeout = null; // 标记时间戳 // 上一次执行回调的时间戳 var previous = 0; /…

dubbo源码学习(四)：暴露服务的过程

dubbo采用的nio异步的通信,通信协议默认为 netty,当然也可以选择 mina,grizzy.在服务端(provider)在启动时主要是开启netty监听,在zookeeper上注册服务节点,处理消费者请求,返回处理后的消息给消费者,消费者使用服务时主要是订阅服务的节点,监听zookeeper节点目录,服务端的变化时zookeeper会推送给消费者,消费者重新缓存服务地址等.服务者.消费者.zookeeper三者之间都是长连接. 下面看dubbo源码来看服务暴露的过程,服务暴露的入口为:…

[spring源码学习]四、IOC源码——普通bean初始化

一.代码例子此节开始涉及到一个bean具体生成和保存的过程,仅仅涉及到最简单的bean,代码依旧是最简单的 public static void main(String[] args) { DefaultListableBeanFactory beanFacory=new DefaultListableBeanFactory(); XmlBeanDefinitionReader reader=new XmlBeanDefinitionReader(beanFacory); reader.loa…

opencv源码学习： getStructuringElement函数;

getStructuringElement函数归属于形态学,可以建立指定大小.形状的结构: 原型: /** @brief Returns a structuring element of the specified size and shape for morphological operations. The function constructs and returns the structuring element that can be further passed to cv::ero…

jQuery 源码分析(四) each函数 $.each和$.fn.each方法详解

$.each一般用来遍历一个数组或对象,$.fn.each()就是指jQuery实例可以执行的操作(因为$.fn是jQuery对象的原型) $.each用来遍历一个数组或对象,并依次执行回掉函数,最后返回传递的数组或对象,以支持链式操作,可以传递三个参数,如下: object 待遍历的对象或数组 callback 要执行的函数,该函数可以带两个参数,分别表示该元素的索引(如果遍历对象则为键名)和值 writer by:大沙漠 QQ:22969969 args 一个数组,如果设置了该值,则参数2…

【js】 vue 2.5.1 源码学习（一）大体结构（自写版本，非源码）

一.整体思路 1. 首先我们需要解析data,并且data里面的属性添加为vue的属性,并且拿到属性值 . 通过原型方法 _peoxy实现 Obsever(代理函数) ==> walk convert defineReactive 2. 对象属性的默认值 defineProperty 3. vue.init ==> $mount ==> compile // 大概思路 1. 将data的值设置为Vue的属性. _peoxy Obsever(代理函数) ==> walk c…

mybatis源码学习(四)--springboot整合mybatis原理

我们接下来说:springboot是如何和mybatis进行整合的 1.首先,springboot中使用mybatis需要用到mybatis-spring-boot-start,可以理解为mybatis开发的整合springboot的jar包有一个关键点先说明:前面也提到过,不管是mybatis和spring整合,还是和springboot整合,都需要做两个操作: 1.把当前接口和对应的mapperProxyFactory存入到knownMappers中, 2.把sql包装成map…

wordpress4.0.1源码学习和摘录--函数

1.根据类型获取当前时间 function current_time( $type, $gmt = 0 ) { switch ( $type ) { case 'mysql': return ( $gmt ) ? gmdate( 'Y-m-d H:i:s' ) : gmdate( 'Y-m-d H:i:s', ( time() + ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS ) ) ); case 'timestamp': return ( $g…