Leon.D blog
Latest
Howdz 🔸 浏览器起始页
完全自定义配置的浏览器导航首页面板，支持自定义添加天气、时钟、搜索、收藏等各种物料组件，可编辑删除组件与其各种样式或功能属性。响应式设计，可自定义随机壁纸背景图或动态壁纸。
Howdyjs 🔸 插件库
个人JS插件库，包含自定义拖拽、滚动条、右键菜单、图片放大等原生JS插件和动画模态框、标签页等Vue3组件或指令。
组件列表
- Animation Dialog
使用动画打开模态框
- Resize
为HTML盒子加入拖拽更改大小功能
- Scroll
为HTML盒子加入自定义滚动条
- Size Observer
监听盒子大小变化
- Img Zoom
为Img标签加入图片放大功能，支持按组浏览下一张图片
- To Drag
为Fixed定位的元素加入可拖拽功能
- Standard Tabs
移动端标签页
- Mouse Menu
自定义右键菜单
- To Control
将元素设置为可拖拽改变位置与大小
Other
🎲 Howdz Image Service - 图片服务
基于
Vercel Edge function实现的一个云函数图片服务，提供随机返回电影台词海报、随机古诗海报、生成二维码等图片服务，API可支持配置多个参数生成图片。
图片服务预览
Movie Lines
Sentence
QRCode
💻 Code Editor - 在线代码IDE
基于Vue3实现的一个仿
CodePen的在线代码IDE，响应式布局支持移动端，可拖拽更改页面布局。另支持Sass语法、Emmet快输、自动刷新等。
🎵 Music Visualizer - 音乐可视化方案
利用
G渲染器与React制作的一个音乐可视化方案，基于AudioContext的decodeAudioDataAPI读取音频数据，可以随机获取一首歌曲体验多种可视化效果。
📱 Scriptable - IOS小组件
使用
Scriptable编写IOS小组件，当前包含随机电影台词、随机古诗、随机英文句子、掘金热榜等脚本，以上脚本会同时包含随机背景图定时刷新展示。