vue与react的数据绑定
实现原理就是 实现一个数据监听器Observer，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者 实现一个指令解析器Compile，对每个元素节点的指令进行扫描和解析，根据指令模板替换数据，以及绑定相应的更新函数 实现一个Watcher，作为连接Observer和Compile的...
iseeyu3年前 (2024-02-21)145
Vue之虚拟Dom和Diff算法
webkit渲染引擎工作流程 二、JS操作真实DOM的代价！ 用我们传统的开发模式，原生JS或JQ操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中，我需要更新10个DOM节点，浏览器收到第一个DOM请求后并不知道还有9次更新操作，因此会马上执行流程，最终执行10次。例如，第...
iseeyu3年前 (2024-02-21)136
Vue原理「十四」– 组件渲染过程***
完整流程图 执行 render函数时会 Touch(触发) getter; 生成依赖，并watcher（观察）起来， 修改data时，触发setter,通知 watcher重新触发render函数，重新渲染。 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 p...
iseeyu3年前 (2024-02-21)146
【源码篇】Flutter GetX深度剖析 | 我们终将走出自己的路（万字图文）
image-20210627221006498 前言 人心中的成见是一座大山，任你怎么努力都休想搬动。 这是电影《哪吒》里申公豹说的一句话，也是贯彻整部电影的一个主题；或许这句话引起了太多人的共鸣：35岁职场危机，大厂卡本科学历，无房无车结婚难等等，所以，这句话也经常被人提起。 同时，因为GetX作...
iseeyu3年前 (2024-02-21)171
前端面试常见问题——JS篇
对象valueOf()的返回值 parseInt(string,radix) 将字符串转换为整数类型的数值(非字符串先转换为字符串) (1）忽略字符串前面的空格，直至找到第一个非空字符 (2）如果第一个字符不是数字符号或者负号，返回NaN (3）如果第一个字符是数字，则继续解析直至字符串解析完毕或者...
iseeyu3年前 (2024-02-21)137
H5基于canvas实现电子签名并生成PDF文档
Touch.png clientX/clientY: 触摸位置距离当前body可视区域的x,y坐标; pageX/pageY: 对于整个页面来说，触摸位置距离body左上角的x,y坐标，包括被scrollTop和scrollLeft的值； screenX/screenY: 触摸位置距离显示器左边和顶...
iseeyu3年前 (2024-02-21)151
ArcGIS JS API 加载 TMS 地图瓦片
TMS 瓦片编号示意图 TMS 地图瓦片有如下特点： 瓦片编号从左下角开始，x轴为 -85.0511° 纬线，y轴为 180° 经线，第一个瓦片编号为 (0, 0)； x 轴编号（行号）从左到右依次递增，y 轴编号（列号）从下到上依次递增； 单个地图瓦片为 256x256 大小的正方形图片。 此外，...
iseeyu3年前 (2024-02-21)153
CINEMA 4D变形器——爆炸FX、破碎、颤动、挤压&伸展讲解0020
爆炸FX：就自己尝试吧，很直观 溶解 破碎和爆炸很类似，不过破碎强度到达一定程度对象就消失了 颤动变形器 与任何变形器一样，可以将其作为对象的子代以使该对象变形。Jiggle 与其他Deformer的不同之处在于，它不影响在“父对象”下分组的所有对象。这是由于Jiggle必须跟踪其影响的所有点的运动...
iseeyu3年前 (2024-02-21)166
Flink解析kafka的json字段并利用Flink CEP实时监控订单数据写入MySQL
image 实现目标如下： 1.查看顾客是否点击之后立即购买，是的话输出用户id，购买商品，时间 2.如果同一个顾客买了5次牛奶，输出用户id，时间 后面有时间的话，再研究把监控数据写入MySQL或者ES等 先了解一下Flink CEP 开发过程，大概分为三步: a.定义Pattern b.把pat...
iseeyu3年前 (2024-02-21)132
用HTML和CSS实现酷炫的文字特效
镂空字体 立体字体 .liti{ /* 文字左上设置多层浅色阴影，右下设置多层暗色阴影，文字色同背景色 */ background-color: #d2d500; color: #d2d500; text-shadow: -1px -1px 0px #e6e600,-2px -2px 0px #e6...
iseeyu3年前 (2024-02-21)115