The article archive

云间连下榻,
天上接行杯。

Scroll down
  • vue (8)
  • JavaScript (4)
  • hexo (3)
  • node (3)
  • vitepress (2)
  • WebComponents (2)
  • vscode (2)
  • Flutter (2)
  • electron (2)
  • css (2)
  • vite (1)
  • 工具 (1)
  • AST (1)
  • npm (1)
  • 小程序 (1)
  • Pjax (1)
  • video (1)
  • github (1)
  • MongoDB (1)
  • git (1)
  • vuex (1)
  • vue-route (1)
  • elemelt-ui (1)
  • devenv (1)
  • webpack (1)
  • hello world (1)
All

这篇文章是什么呢? 就是如题所述告诉你如何自定义极简的博客主题。

关于 Hexo 如何开发主题包的教程已经是大把的存在了,这里就不再赘述了。这篇文章主要讲的是作为一个主题的开发者,如何让你的主题具有更好的扩展性,在用户自定义修改主题后,能够更加平易升级主题。

随着前端发展的越来越工程化,越来越繁琐复杂,前端能做的事情越来越多,最近几年 前端基建 也是越来越火热。但是实际上很多公司并不注重前端,更别谈能会有人来做基建。对于没有基建的前端,我们能做些什么呢?

我个人推荐可以从工具、CLI 入手,因为这些往往是独立,不会像推规范、搞数据埋点、日志上报、整 BFF 那样对团队或者现有代码有入侵性。即便在自己空闲时间也能弄一弄,弄得好可以在团队推广使用,弄得不好也无所谓,可以当作练手提升自己能力。

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

各种壁纸app,壁纸小程序打开全是各种广告,太影响使用体验,自己整了个壁纸小程序,简单无广告🤣

附上小程序码:

xcx.jpg壁了个纸

在纯静态网站里,有时候会动态更新某个区域往会选择 Pjax(swup、barba.js)去处理,他们都是使用 ajax 和 pushState 通过真正的永久链接,页面标题和后退按钮提供快速浏览体验。

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

本站已加入BLOGS·CN