- 博客(14)
- 资源 (1)
- 收藏
- 关注
原创 手机端选取插件picker.min.js源代码分析
手机端滚动选取,可以多列,也支持pc端mouse触发。每个实例构造一个picker浮动块,类似datetimepicker。touch时改变<ul>的transform:translate(x,y,z)中的y值,上下滚动<ul>内容,容器固定尺寸,overflow-y:hidden不显示y滚动条。然后计算哪一个列表项滚动到中间那一块(上下块之间的空块)。title: '请选择'});
2024-10-19 12:52:36
789
原创 svg-pan-zoom.js源代码重点难点分析
var inversedScreenCTM = this.svg.getScreenCTM().inverse(), // this.svg.getScreenCTM()是在窗口页面的坐标,(21,19)固定值。.scale(zoomScale) // 目前scale值放大多少倍(假定zoomScale=1.2,每次执行把g再放大1.2倍),不是最终的放大倍数,最终的放大倍数(ctm.a)是相对于viewBox的缩放倍数,比如初始化时如果和g比较小,ctm.a=0.24,缩小显示。
2024-10-19 12:26:18
1147
原创 daterangepicker.js源代码分析
i++, col++, curDate = moment(curDate).add(24, 'hour')) { // 构造calendar[row][col] 6x7=42个单元数据,curDate=add(1,'days')this.leftCalendar.month = this.startDate.clone().date(2);monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"]
2024-03-30 13:07:10
441
原创 fabric.js源代码分析
if ((iLine.o.x === iLine.d.x) && (iLine.o.x >= point.x)) { // 竖线在point右侧记一次,如果有两次,则矩形在point右侧。if ((iLine.o.y >= point.y) && (iLine.d.y >= point.y)) { // line在point下面,如果point在矩形上方,到这步均不处理。
2023-07-05 09:10:30
592
原创 angular 1.0源代码分析以及与vue和react比较
本文分析angular 1.0从初始化开始到编译网页更新页面的源代码过程以及一些重要细节。
2023-05-05 21:08:13
234
原创 webuploader上传插件源代码重点难点分析
webuploader源代码设计博大精深,具有工匠精神,本文分析webuploader源代码总体流程和一些重点难点,webuploader采用模块机制,比较复杂,模块编程和异步加载现在几乎已经成为历史,本文忽略wiget组件机制和flash部分的源码分析。
2023-05-05 21:02:21
219
原创 SpringBoot项目使用jdbcTemplate访问数据库源代码分析
SpringBoot项目使用jdbcTemplate访问数据库源代码分析
2023-05-05 21:00:23
249
1
原创 react源代码重点难点分析
网上已经有不少react源码分析文档,但都是分析主流程和主要功能函数,没有一个是从reactDOM.render()入口开始分析源码把流程逻辑走通尤其是把重点难点走通直到把组件template编译插入网页生效结束这样一个从头到尾的完整过程。本文从ReactDom.Render()入口开始追踪分析源码直到网页显示hello world(ajax从后台获取数据之后被替换为字符串)的整个处理流程,主要针...
2018-04-27 15:58:47
1272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人