背景: 弹层里边有可滚动区域时，在移动端的坑我就不多说了。 找了很多解决滚动穿透的方案，最终都不能完美解决。 一气之下自己js撸了一个。 效果图： ?...原理： 1、解决滚动穿透：通过给弹层绑定touchmove和mousewheel事件，取消默认行为实现。...2、取消默认行为后不能滚动：给需要滚动展示的区域绑定touchstart、touchmove和mousewheel事件，监听触发区域的Y值，对应修改可滚动区域的translateY值，实现滚动效果。...} 47 $(this).css('transform', `translate(0px, ${transY}px)`); 48 /* 移动时，滚轮的变化监听...let y = e.originalEvent.deltaY; 70 if (y > 0) { 71 /* 向下翻滚轮 wheelDeltaY的值与之相反
（物理上不同 Topic 的消息分开存储，逻辑上一个 Topic 的消息虽然保存于一个或多个 broker 上但用户只需指定消息的 Topic 即可生产或消费数据而不必关心数据存于何处） 对应用来说，生产者要发布消息...所有的小片合起来完成一个功能，这里完成一个topic。 Broker 集群包含一个或多个服务器，这种服务器被称为 broker。 对应用来说，生产者把消费发出去了，就不管了。...消费者慢条斯理的按照自己的速率来消费。这段时间可能有大量消息产生，消费者压力还是在一定范围内。做生产者和消费者之间解耦的就是一个缓存服务broker。 以上用一张图表示如下： ?...比如两个团队需要共享相同的数据，但是数据只能由一方来存储。另一方需要的数据可以通过作为消息的一个消费者进行消息消费。 用于增加并发度。一个http调用内部逻辑复杂。可以将这个调用分为两阶段处理。...高级应用 死信 消息队列里的消息如果设定延时消费，则这条消息就会阻塞后面正常的消息直到这条消息被消费。解决办法是使用另外的队列来存放这些会阻塞的消息。这就是死信队列。
本文实现了一个类似jenkins滚动日志的小功能，如果你正在做发布系统类似的东西，这个功能会非常有用。 滚动日志 jenkins的日志能够滚动显示，关闭后重新进入依然能够继续滚动，非常棒。...通过chrome的Inspect功能去偷窥jenkins。可以看到，每隔1秒钟会发送一次请求到服务器，进行增量日志的获取。传入的参数只有一个，就是文件偏移量。 ? 我觉得我们可能想一块儿去了。...整个过程还是比较简单的，下面简短的描述下，并附上最主要功能的代码块。 服务端 开启一个新的线程执行构建 过程如下： ? 两点说明： 1) 终止条件成功的判断需要进行约定。...= null) { sb.append(line); sb.append("\n"); /* 将读取的长度追加到变量中 */ realSkip +=sb.length(); }...如果文件持续写入，通过不断的轮询，就可以达到滚动日志的效果。 不多说，看注释即可。
声明：本文内容源自腾讯游戏学院程序公开课_服务端 一、数据表示的基础 什么是数据表示？ 数据是信息的载体。 数据表示是一组操作，可以描述、显示、操作信息。...数据表示的要素 IDL - 接口描述语言 IDL是用来描述软件组件接口的一种计算机语言。...一个学习的机会：编译一个自己熟悉的语言，比如用PROTOBUF编一个点.c和.cpp文件出来，它里面怎么操作数据的，怎么压缩数据的，整个步骤都是可以看到的。...二、数据表示在游戏开发中的应用 游戏开发 - 协议（以天刀为例） 交互内容复杂：多重嵌套结构体/二进制数据。 协议数量巨大：4000+条协议定义；13000+结构体定义。...游戏开发 - 协议流量优化 流量优化：通过DR提供的数据压缩功能进行流量优化。
效果图如下： 可以看到随着不断的滚动，页面组件的数量不断的加载。 其实加载的是后端返回的数据，因为涉及隐私，没有给显示出来。 利用懒加载，可以防止大量渲染造成卡顿降低用户体验。...当滚动过的距离 + 可视区的高度 >= 滚动条长度时，就相当于滚动到了底部。...// 当前可视区的高度 var clientHeight = document.documentElement.clientHeight // 滚动条的长度...var scrollHeight = document.documentElement.scrollHeight // 当滚动过的距离+可视区的高度>=滚动条长度时，...= document.documentElement.scrollHeight // 当滚动过的距离+可视区的高度>=滚动条长度时，就相当于滚动到了底部 if (scrollTop
Nginx 自己没有处理日志的滚动问题，它把这个球踢给了使用者。一般情况下，你可以使用 logrotate 工具来完成这个任务，或者如果你愿意，你可以写各式各样的脚本完成同样的任务。...本文笔者介绍如何滚动运行在 docker 中的 nginx 日志文件(下图来自互联网)。...创建滚动日志的脚本 创建 rotatelog.sh 文件，其内容如下： #!...下图是笔者测试过程中每 5 分钟滚动一次的效果： 为什么不在宿主机中直接 mv 日志文件？ 理论上这么做是可以的，因为通过绑定挂载的数据卷中的内容从宿主机上看和从容器中看都是一样的。...)： 结合上面的两个问题，我们可以写出另外的一种方式来滚动 docker 中的 nginx 日志。
1.需要用到的组件和api scroll-view（可滚动视图区域） wx.showToast(OBJECT)显示消息提示窗----显示loading小菊花用的 2.需要用到的属性 3.scrol-view...需要指定一个高度，这个高度可以按自己的需求计算，我使用的是屏幕可用高度并且默认一页显示6个 4.滚动到底部绑定需要触发的事件 的弹出框提示“加载中” title: '我也是有底线的', icon: 'success', duration: 300...}); return false; } else { wx.showLoading({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中” title...“加载中” title: '加载中', icon: 'loading', }); setTimeout(() => { this.setData
SwiftUI 是一个强大的框架，它简化了在苹果平台上构建用户界面的过程。SwiftUI 中的一个基本组件是 ScrollView，它允许用户通过滚动导航内容。...在此示例中，我们使用 CGFloat 来跟踪内容偏移的 Y 轴。转换闭包：从 ScrollGeometry 实例中提取所需信息。...功能解释ContentView: 展示基本的滚动偏移追踪功能，通过 onScrollGeometryChange 视图修饰符追踪 Y 轴的内容偏移。...AdvancedContentView: 展示更高级的滚动几何追踪功能，追踪内容大小和可见矩形的变化。ScrollViewDemoApp: 包含 TabView，方便在基本和高级示例之间切换。...这些工具为开发者提供了对滚动位置和交互的精确控制和洞察，增强了动态和响应迅速的用户界面的开发。通过利用这些功能，你可以创建更具吸引力和直观的应用程序。
[WHERE where_condition] 例子： 1.将所有人的年龄更新为25岁 UPDATE student SET age = '25...'; 2.将sid=1的年龄改为30岁 UPDATE student SET age='30'; 删除记录（单表删除） 语法：DELETE FROM...where_condition] 例子：SELECT sex FROM student GROUP BY sex HAVING count(id)>=2 输出人数大于等于2的性别...限制查询结果返回的数量 语法：[LIMIT {[offset,]}] row_cout | row_count OFFSET offset}] 例子：SELECT sname FORM
select a.name 表名, b.name 字段名, case c.name when 'numeric' then 'numeric(' + con...
理论上这样的实现比较耗资源，耗费CPU资源去操作SPI外设，耗费内存资源去存储显示数据，所以一直没有去做这件事。 今天在查看ST7789数据手册写论文时，偶然发现ST7789手册中： ? 咦？...滚动？发现新大陆！ 根据手册中的8.14章节描述，旋转滚动仅仅是垂直滚动的一种模式，由垂直滚动区域定义指令（0x33H）和垂直滚动起始地址指令（0x77）决定。...原来我一直想做的功能，ST7789竟然硬件支持，研究研究如何实现，开干！ 二、实现过程 1....这里我设置整屏都滚动，所以TFA和BFA的值都设置为0，VSA的值设为320。 设置滚动区域的命令为0x33，设置格式如下图： ?...滚动显示 在while(1)中循环更改滚动显示起始位置： while(1) { LCD_Set_Scroll_Start_Address(i); if (++i > 240){
前言WWDC 24 已经结束，我决定开始写一些关于 SwiftUI 框架即将推出的新特性的文章。今年，苹果继续填补空白，引入了对滚动位置更细粒度的控制。本周，我们将学习如何操作和读取滚动偏移。...新的 ScrollPosition 类型SwiftUI 框架引入了新的 ScrollPosition 类型，使我们能够通过偏移量、滚动视图的边缘、视图标识符等组合滚动位置。...我们将这个偏移量存储在 scrollOffset 状态属性中，并在视图底部显示当前的滚动位置。...总结在本文中，我们深入探讨了 SwiftUI 框架中 ScrollView 的新特性，特别是如何通过 ScrollPosition 类型实现更精确的滚动控制。...通过这些新功能，开发者可以更灵活地控制滚动视图的行为，从而创建更加流畅和直观的用户界面。希望这些内容对你有所帮助。
UION关联数据结构相同的表 ?...UION包括UION 和UION ALL，二者都是用来关联数据结构相同的数据表，二者的区别在于UION关联之后会去除重复的行，而 UION ALL会保留所有的行。...看了那么多的join，可能你已经看晕了，下面这张图，一图说尽SQL中join的本质。 ?...转载自码志的《图解 SQL 里的各种 JOIN》https://mazhuang.org/2017/09/11/joins-in-sql/ 还不过瘾，来个进阶版，给出伪代码，复用很方便哦。 ?...转载自码志的《图解 SQL 里的各种 JOIN》https://mazhuang.org/2017/09/11/joins-in-sql/ 参考书籍：《SQL必知必会》 ? ?
36：操作数据表中的记录 插入记录 INSERT INTO 表名 VALUES(); 或者INSERT 表名 VALUES(); UPDATE 更新记录（单表更新） DELETE 删除记录...（单表删除） SELECT 查询记录 查询表达式 每一个表达式想要的一列，必须有至少一个。...*可以表示命名表的所有列。 查询表达式可以使用[AS]alias_name为其赋予别名。 别名可用于GROUP BY,ORDER BY或HAVING子句。...在WHERE表达式中，可以使用MySQL支持的函数或运算符。...，从第一个位置，排几个) 从一个表的内容插入到另一个表中
在上一篇手记「深入理解 React JS 中的 setState」中，我们简单地理解了 React 中 setState “诡异”表现的原因。...在这一篇文章中，我们从源码的角度再次理解下 setState 的更新机制，供深入研究学习之用。 源码的部分为了保证格式显示正常就截图了，查看源码点击对应的链接直接跳转至 GitHub 查看即可。...React 中的 setState 更新逻辑代码 在更新逻辑的部分，可以看到 React 会通过 判断当前的逻辑状态下是否需要进行批量更新。...React 中的 Transaction 设计 为了实现上述的更新逻辑，React 设计了 Transaction 的逻辑，看起来也像是数据库中的事务。 源码中如图所示，给出了一幅图以及大段的解释。...Vue.js 中也有类似的设计逻辑，后续如果有时间我们将继续进行相关讨论。 下一篇文章，我们继续来看 React 底层是如何进行 的设计以及更新状态的转换的。
前言 对一些有趣的绘制技能和知识， 我会通过 [番外篇] 的形式加入《Flutter 绘制指南 - 妙笔生花》小册中，一方面保证小册的“与时俱进” 和 “活力”。...本文作为 [番外篇] 之一，主要来探讨一下角度和坐标 的知识。 一、两点间的角度 你有没有想过，两点之间的角度如何计算。比如下面的 p0 和 p1 点间的角度，也就是两点之间的斜率。...源码中对 direction 属性的介绍是： 在 x 轴右向为正，y 轴向下为正的坐标系下，该偏移角度以是从 x 正轴顺时针方向偏移弧度，范围在 [-pi,pi] 之间。...示意图如下： 对应于代码，就是在 rotate 方法中，传入一个坐标 centre ，根据该坐标和旋转角度，对 p0 和 p1 点进行处理，得到新的点。...前面实现的 绕起点旋转 封装到 _rotateByStart 方法中。
在这篇文章中，我们将深入探讨激活功能（也称为传递功能），这也是神经网络的一部分。...在由生物启发神经网络中，激活函数通常是代表细胞中动作电位发放速率的抽象。...根据维基百科： 与广泛使用的logistic sigmoid及其更为实用的双曲正切（本文未涉及）相比，它在卷积网络中的使用更为有效。...整流器是2015年以来最受欢迎的深度神经网络激活功能。...他们的数量将在下一篇文章中进一步扩展，介绍各种类型的应用以及神经网络中的学习过程。
前言： 上一篇学习的是mybatis核心流程中的初始化的过程，初始化其实就是将xml里面的内容解析到configuration对象中。...这里接着上面流程继续学习mybatis的核心流程中的代理阶段和数据读写阶段，mybatis三大核心流程如下图所示 二、代理阶段 早些年在使用ibatis时候，其实是没有这个代理阶段的过程，我们使用如下的方式进行编程...的selectOne还是selectList…）以及xml中的具体的哪个方法.。...另外判断是否使用二级缓存需要在mybatis-config.xml中配置属性cacheEnable和在相应的xml中配置cache标签属性。...（2）使用了代理模式来代理BaseExecutor的子类，来实现查询的功能 （3）BaseExecutor使用了模板设计模式将具体的不同的查询延迟到它的子类中 （4）BaseExecutor定义了一级缓存的逻辑
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
