详情

全站展示位

hexo 在线编辑器

开源了一款 Hexo 在线编辑器,提供在线编写 Hexo 方式。目前已实现对本地 Hexo 编辑维护 示例。。。

推荐

瀑布流使用虚拟列表性能优化

瀑布流算是比较常见的布局了,一个般常见纵向瀑布流的交互,当我们滚动到底的时候加载下一页的数据追加到上去。因为一次加载的数据量不是很多,页面操作是也不会有太大的性能消耗。但是如果当你一直往下滚动加载,加载几十页的时候,就会开始感觉不那么流畅的,这是因为虽然每次操作的很少,但是页面的 DOM 越来越多,内存占用也会增大,而且发生重排重绘时候浏览器计算量耗时也会增大,就导致了慢慢不能那么流畅了。这个时候

分类

一觉游仙好梦,任它竹冷松寒。轩辕事,古今谈,风流河山。沉醉负白首,舒怀成大观。醒,亦在人间;梦,亦在人间。

心灵鸡汤

  东汉时,一位叫刘宠的人任会稽太守,他改革弊政,废除苛捐杂税,为官司十分清廉。之后他被朝廷调任为大匠之职,临走,当地百姓主动凑钱来送给即将离开的刘宠,刘宠不受。

  之后实在盛情难却,就从中拿了一枚铜钱象征性地收下。他所以而被称为“一钱太守”。

列表展示

主站展示位

vitepress-theme-async 主题发布

之前文档一直使用的是 vitepress 搭建的,体验感觉也挺好的,所以萌生了想移植到 vitepress 上去。为什么不是选择 vuepress,是因为 vitepress 更加轻量更快。

Grid 拖拽布局实现

最近有个需求需要实现自定义首页布局,需要将屏幕按照 6 列 4 行进行等分成多个格子,然后将组件可拖拽对应格子进行渲染展示。 示例

的小站

这里是白云苍狗的小站,记录着一些日常、作品、笔记、小工具。

2023年,还在手动发布 npm 包?

还在手动 npm publish 发布 npm ? 还在手动更新版本创建发布 Github Release ?还在手动添加 Changelog?是时候利用 CI/CD 解放双手啦。常见的 CI/CD 有很多,比如 Jenkins、GitLab CI、CircleCI 、Github Actions 等。本文主要是通过 Github Actions 来自动化处理 npm 包管理。 Github A

使用 Vue3 构建 Web Components

有时候想写一个无关框架组件,又不想用原生或者 Jquery 那套去写,而且还要避免样式冲突,用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活,很多地方还是不太方便的,如果能和 MVVM 搭配使用就好了。早在之前 Angular 就支持将组件构建成 Web Components,Vue3 3.2+ 开始终于支持将组建构建成 Web C

小程序 swiper 性能优化

事情是这样的,我做了一个在线壁纸小程序,壁纸预览部分为了更好时使用体验,增加了类似于那些短视频上滑下滑快速切换壁纸预览的功能,为了避免重复造轮子直接使用了 swiper 来时实现滑动快速切换壁纸。

关于重写评论插件这件事

因为以前使用的评论插件存在很多 bug 和漏洞,但是也没啥人用,一直没有去修改,最近空闲时间比较多,所以准备对之前插件进行重构一番。原评论插件是使用原生 JS 编写 WebComponents 组件,感觉结构维护起来挺费力的(自己太菜),决定使用 Vue3 构建 WebComponents 。

MongoDB基础篇(一)

MongoDB 是一个介于关系数据库和非关系数据库之间的产品。面向文档的 NoSQL 的数据库,存储结构也非常自由,是类似 json 的 bson 格式,因此可以存储比较复杂的数据类型。其强大的查询语言几乎支持绝大部分关系数据的的查询的功能。

前端数组转树形结构

数组转树形结构这种情况还是很常见的,有时候后端就只给你一个数组,需要前端自己处理。一般情况下一个递归就搞定了,但是数据量很多的时候就有点 hot 不住了。

博客寄语:

    一觉游仙好梦,任它竹冷松寒。轩辕事,古今谈,风流河山。沉醉负白首,舒怀成大观。醒,亦在人间;梦,亦在人间

实时播报:

博客号-学习成长

相信每一分耕耘都有每一分收获,致力帮助博客主所创作的博客能更快的被收录! 如果有其它需求,可联系下方邮箱。