退出操作二次确认怎么做代码才更优雅 —— BLoC轻松解决
前言
在 flutter_bloc提供了一个状态监听组件 BlocListener，当状态发生改变时会调用listener参数给定的回调函数，这个方法没有返回值，可以用于我们处理一些提醒，例如显示弹窗提醒或确认，显示状态信息等等。有了 BlocListener，相当于给我们提供了一个额外处理对象变化的入口。接下来我们通过BlocListener实现某些 App退出登录前的二次确认。
登录状态
为了
前端
Node.js 19 正式发布
Node.js 19 在今天正式发布了，此次更新包括将 V8 JavaScript 引擎更新到 10.7，以及默认启用 HTTP (s)/1.1 KeepAlive。
Node.js 18 在本月晚些时候将进入长期支持（LTS），Node.js 19 将取代 Node.js 18 成为 "Current" 版本。
image.png
node --watch（实验性）
运行时最近增加的
判断iframe链接页面 服务器状态
项目要求：
通过按钮点击事件，使用iframe来显示不同的内容（跨域）。
问题：
iframe链接内容的服务器未开启的时候，页面显示404， 用户体验太差。
要求：
服务器未开启的时候，显示页面需要友好。
解决办法：通过计算iframe的加载内容的时间，做超时判断，如果5s内未加载完成，就认为此时iframe链接的服务器未开启； 未开启的情况下，给iframe上层覆盖个div（内容自定义）。这样既
CSS 实现卡片边框渐变动画
前言
👏CSS实现卡片边框渐变动画，速速来Get吧~
🥇文末分享源代码。记得点赞+关注+收藏！
1.实现效果
在这里插入图片描述
2.实现步骤
父容器添加背景渐变色
在这里插入图片描述
<div class="card"></div>
.card {
background: linear-gradient(0deg, #ff1d74, #
50行代码用Vue实现可拖拽调节的分割布局
按住分割线调节比例
实现并不难，但是网上其他的文章实在是把简单的事情复杂化了
今天教大家的方法超级简洁！！！！只用50行代码！！
当鼠标在分割线位置按下时
triggerDragging变量变为true
这时split-pane-wrapper的mousemove中判断triggerDragging
如果为true则改变leftOffset，pane-left的width就会随之改
vue 项目打包分析和优化
打包分析工具（webpack-bundle-analyzer）
分析 Bundle 由什么模块组成
分析什么模块占据了比较大的体积
分析是否有什么错误的模块被打包了
未优化前的代码2.85M
image.png
安装及配置
npm install -D webpack-bundle-analyzer
配置环境变量 .env.analyze
NODE_ENV = pro
Android元素分散-飘移-聚合动效
效果预览
元素分散-飘移-聚合动效.gif
功能说明
使用Canvas绘制元素移动动效，极致高效；
支持任意方向元素漂移（起点、终点任意）；
支持修改元素图标及其大小（单位dp）；
支持修改动效持续时间及动画结束时回调；
支持修改元素飘动个数；
使用方式
在工程根目录的build.gradle中添加
allprojects {
repositories {
