摘要: 网上已经有不少react源码分析文档,但都是分析主流程和主要功能函数,没有一个是从reactDOM.render()入口开始分析源码把流程逻辑走通尤其是把重点难点走通直到把组件template编译插入网页生效结束这样一个从头到尾的完整过程。本文从ReactDom.Render()入口开始追踪分析源码 阅读全文
posted @ 2018-04-19 18:02 pzhu1(朱平) 阅读(3041) 评论(0) 推荐(1)
摘要: 本文旨在分析源代码重要关键部分,学习提高js编程技术,不涉及框架的各种功能和各种不重要的细节处理代码。 为便于debug跟踪vue源代码,不使用webpack开发运行方式,使用原生开发方式,页面html如下: <script src="./js/vue.global.js"></script> <d 阅读全文
posted @ 2026-02-27 14:21 pzhu1(朱平) 阅读(3) 评论(0) 推荐(0)
摘要: anime.js相当于浏览器的transition/animation内部代码,而且更复杂,因为可以对元素集合实现动画。 测试页面代码:import { createTimeline, stagger, utils,} from '../../lib/anime.esm.js'; // 准备初始化数 阅读全文
posted @ 2026-02-27 14:18 pzhu1(朱平) 阅读(1) 评论(0) 推荐(0)
摘要: 测试页面代码:var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option; option = { xAxis: { type: 'category', data: ['M 阅读全文
posted @ 2026-02-27 14:14 pzhu1(朱平) 阅读(3) 评论(0) 推荐(0)
摘要: 网上有些文章分析fabric的功能框架和使用方法,没有分析fabric重点底层源代码的,本文分析fabric底层源代码重点难点。 fabric拖拽处理流程分析: 绑定鼠标事件:addOrRemove: function(functor, eventjsFunctor) { // functor=ad 阅读全文
posted @ 2023-07-05 09:03 pzhu1(朱平) 阅读(412) 评论(0) 推荐(0)
摘要: bootstrap-datetimepicker日期插件应用非常流行,如果对其源代码一无所知,在遇到意外问题时可能就有麻烦。 本人在应用datetimepicker时曾经遇到百思不得其解的问题,经历几天的源代码分析和测试,才最终得知原因和解决办法,闹半天,这么高大上的插件也是有 bug有坑的,这也体 阅读全文
posted @ 2022-06-04 12:41 pzhu1(朱平) 阅读(207) 评论(0) 推荐(0)
摘要: 测试类: public class DbTest { private JdbcTemplate jdbcTemplate; private DataSourceTransactionManager txManager; private DefaultTransactionDefinition txD 阅读全文
posted @ 2021-05-11 10:24 pzhu1(朱平) 阅读(276) 评论(0) 推荐(0)
摘要: 本文以jquery-ui sortable排序功能插件为例分析jquery-ui源代码重点难点。 jquery-ui-sortable插件非常复杂深奥,本来是针对鼠标操作设计的,在手机运行无效,因为手机没有mouse事件,更没有drag事件。 但增加一个jquery-ui-touch-punch.j 阅读全文
posted @ 2018-06-22 11:53 pzhu1(朱平) 阅读(315) 评论(0) 推荐(0)
摘要: webuploader源代码设计博大精深,具有工匠精神,本文分析webuploader源代码总体流程和一些重点难点,webuploader采用模块机制,比较复杂,模块编程和异步加载现在几乎已经成为历史,本文忽略wiget组件机制和flash部分的源码分析。 先看webuploader的总体程序结构: 阅读全文
posted @ 2018-05-31 11:56 pzhu1(朱平) 阅读(489) 评论(0) 推荐(0)
摘要: 本文解析jQuery.Deferred()源代码,学习异步执行实现原理和编程技术。 测试代码:var f1=function(){ var deferred = $.Deferred(); deferred.resolve('f1 resolved'); return deferred.promis 阅读全文
posted @ 2018-05-30 11:24 pzhu1(朱平) 阅读(636) 评论(0) 推荐(0)
摘要: 网上好像几乎没有研究ueditor源码的文章,原因可能是ueditor源码太复杂了,接近浏览器代码和word/excel源码。本文分析ueditor源码整体流程逻辑以及重点难点细节。 首先,编辑器是如何实现输入的?本人开始始终不得其解,在源码找不到输入事件绑定的处理函数,后来在白云峰同学的提醒下才顿 阅读全文
posted @ 2018-05-16 18:02 pzhu1(朱平) 阅读(6313) 评论(2) 推荐(1)