大赚万万亿

原创 Gridstack.js堪比dnd的拖拽库

Gridstack.js帮助开发人员只需几行代码即可创建美观、可拖动、可调整大小的响应式布局。Gridstack只能在第一层自由拖拽dnd拖拽时可内部嵌套。

原创 移动端图片浏览插件

原生 JavaScript，或通过 React、Vue 等集成。支持多图浏览（通过 Viewer.group 实现）。：默认不支持滑动切换，需要手动配置 group 方式。：原生 JS、React、Vue、Angular 等。：需要完整图库功能，或想自定义交互和动画效果。支持移动端手势缩放、滑动切换、双击放大等。：需要更细致控制图像行为（旋转、拖动等）。有插件机制（如视频、缩略图、全屏等）。：v5+（模块化、可定制性更强）支持点击放大、旋转、缩放、移动。支持缩放、滑动、多图切换。移动端和桌面端兼容良好。

原创 轻量级swiper插件推荐

相比 Swiper 更轻但功能覆盖主流场景。支持移动端触控、无限循环、拖拽、分页等。：自定义需求高、需要自己控制样式/UI。：约 5KB (gzipped)：约 6KB (gzipped)：内容滚动型轮播，产品卡片等布局。高度可定制（但无默认 UI）响应式，支持触摸拖动。

原创 vite配置一个css插件

该例子只是替换一些css,具体内容不重要,主要看形参的运用。vite.config.js的plugins执行函数。

原创 nodejs读取图片头信息

为了防止内存爆炸,需要nodejs读取图片的meta信息。

原创 ffmpeg下载m3u8或合并多个ts文件

用迅雷下载了m3u8文件，下载后的文件都是小体积的ts文件，需要自己手动合并，可用ffmpeg操作一波。批量生成文件名可用javascript。注意：file是关键字，不可修改。其中list.txt文件形如。

原创 利用ffmpeg给gif配上文字

字体路径在/System/Library/Fonts。

原创 利用ffmpeg截图和生成gif

文件名-vframes 1output.jpg。

原创 useReducer的2种定义方法

switch case与类似对象属性的调用。

原创 lazySizes轻松实现图片懒加载

【代码】lazySizes。图片懒加载lazyload

原创 用drawdb.app可视化创建mysql关系表

为了便于理解,用drwadb画mysql关系表。平时自己建表,没有可视化图形参考。

原创 lenis选项卡举例

JavaScript 核心逻辑。

原创 marquee滚动插件

【代码】marquee滚动插件。

原创 lenis滑动插件的笔记

官网。

原创 用ffmpeg压缩视频参数建议

通过调整上述参数，通常可将22GB视频压缩到4GB以内（如1080p H.265@CRF24约可压缩至原体积的1/5）。越慢的预设压缩率越高，但编码时间更长。

原创 import.meta.glob和import.meta.globEager的区别

【代码】import.meta.glob和import.meta.globEager的区别。

原创 script中async与defer区别

现代浏览器对模块脚本的处理，type="module"默认是defer的行为，但也可以配合async使用，变成类似async的效果，但执行顺序也会不确定。

原创 在构造函数内部和外部定义的方法区别

在construcotr外部定义的函数,是所有实例共享。say1是实例独有的方法,而say2在原型链上。

原创 像vue的use一样注册添加function

像vue的use一样注册添加function。

原创 使用代理Proxy实现单例模式,限制new一次

【代码】单例模式,仅限new一次。

原创 js原型链prototype解释

上述代码都是true理解 JavaScript 中的​​是掌握其面向对象编程的核心。原型链的本质是通过对象的隐式原型（，即__proto__）连接形成的链式结构，用于实现属性和方法的继承。

原创 解释instanceof

instanceof检查左侧的__proto__是否等于右侧的prototype。

原创 ffmpeg无损转格式的命令行

c:a copy 仅做拷贝音频 ,不重新编码。-c:v copy 仅做拷贝视频,不重新编码。

原创 用AbortController取消事件绑定

视频教程另外一个叫物体只能被拖动一秒。

原创 nodejs处理权限-像专业人士一样处理权限

原创 git push失败的解决办法

其中--global可以看需要设置。

原创 css的animation属性展示

css的animation属性展示。

原创 background的image与size可以用逗号隔开

background的image与size可以用逗号隔开

原创 vite中使用postcss-preset-env

但是用了postcssPresetEnv之后,会出现很多#号的类,优先级很高,会重置padding和margin,影响布局,不知道怎么解决。

原创 input标签的enterkeyhint属性

【代码】input标签的enterkeyhint属性。

原创 nodejs express设置允许跨域示例

【代码】nodejs express设置允许跨域示例。

原创 react中twMerge搭配clsx举例

【代码】react中tw-merge搭配clsx举例。

原创 react组件分离,降低耦合

分离前。

原创 Next.js路由拦截器举例说明

路由拦截器举例说明。

原创 .bash_profile一些笔记

下方ffmpeg目录为/Users/sin/Downloads/kakaaaaa/bin/ffmpeg第一种方法冒号后拼接路径第二种方法冒号后拼接变量第三种方法,依旧用PATH变量拼接,更清晰美观而已export的作用。

原创 react中,在组件内返回style标签方法 三则

var styles变量其实可以写在组件外。

原创 Suspense中fallback消失的条件

loading...

原创 判断函数是否为react组件或lazy包裹的组件

如果使用react自带的Suspense和lazy,可用以下方法判断某个组件是否被layz包裹。判断是否被lazy包裹。

原创 js中,正则表达式m修饰符说明

n：换行符，常用于 Unix 和 Linux 系统。\r：回车符，早期用于 Mac 系统。\r\n：回车后跟着换行符，常用于 Windows 系统。

原创 提供icon的网站

阿里巴巴矢量图lucide.dev。