博客文章

前言 之前在这篇文章 基于.NetCore开发博客项目 StarBlog - (8) 分类层级结构展示 中说到，我为了让文章分类列表支持层级结构，用了一个树形组件，不过这个组件太老了，使用的Bootstrap版本居然是3.x的，但又找不到更好的，只能硬着头皮用。 但实际效果有很多我不满意的，人家作者直接放弃了，在GitHub上标记项目为Archive状态，没辙。 感谢开源，我直接fork一份代码来

前言 我的StarBlog博客目前使用 editor.md 组件在前端渲染markdown文章，但这个组件自动生成的ToC(内容目录)不是很美观，我之前魔改过一个树形组件 BootStrap-TreeView，所以就想要用这个树形组件来展示ToC。 原本的效果是这样的 image-20221020112752560 我魔改完的效果 image-20221020112914518 先分析一波 首先看

前言 跨域限制可以保证安全，但是调试的时候关掉会更方便，然而现在网络上能找到的关闭跨域限制方法，在新版的Chrome浏览器上根本没用…… 经过一番摸索，发现用旧版的Chrome就可以绕过跨域限制，刚好我做的这个需要跨域内嵌frame的网页只是单纯展示的，所以这个正好符合我的需求，奥利给！ 然后我找到了旧版的Chrome软件，解压出来是绿色版的可以直接运行，不过运行后发现直接把系统的Chrome给调

前端框架层出不穷，项目越做越大，alpine.js 和 htmx 这种库是反其道而行，可以用最简单的方法来开发现代化的 web 应用。

这种国产粗犷风格的项目居然能用？16路视频播放界面倒是简单直接，但现场配置和设备管理流程真是够折腾的。WVP和mpegts.js？B站开源的尿性，细节全靠蒙。

前言 最近工作中做了几个数据可视化大屏项目，其中也有用到了词云展示，以前做词云都是用python库来生成图片显示的，这次用了纯前端的实现~~（Ctrl+V真好用）~~，同时顺手做个微博热搜的词云然后记录一下~ 依赖 echarts 4.x echarts-wordcloud 1.1.3 tips：echarts-wordcloud现在有2.0和1.x两个版本，2.0对应echarts 5.x版本

emmm 我原本的博客是用wordpress搭建的，当年七牛云还是免费时用它做的CDN，但是现在收费了，如果维持目前的博客流量的话每个月都要支付不少费用，于是只好把七牛云给停了= =，这也导致我博客里面很多图片都访问不了，页面布局也出问题了，不想折腾了，而且wordpress用起来总觉得不顺手，还是自己做一个吧~ 计划 最近刚好在学SpringBoot啥的，本来想用springboot搭建一个博客

什么是Material Design图标 MD大家都听过的吧，就是谷歌的Material Design设计，Material Design图标就是符合 MD设计语言的图标。 本文通过字体的方法在网页中显示Material Design图标。 What are material icons Material design system icons are simple, modern, friend

封装axios？TypeScript下不过是加些类型声明，真当创新了。拦截器自动加token和401跳转，标准操作而已。统一返回值？又是后端那套，麻烦。

Next.js 本来就不能直接用 Swagger，非要用还得自己折腾 API Routes？自动生成工具？手动写 Spec？这简直是在侮辱开发者。手动注释？这操作简直是在挑战耐心极限。

Vue 可以非常方便地与 Pure HTML 结合，代替 jQuery 的功能，有一次遇到类似的场景时，我就想 React 能不能也以这种方式接入 HTML 网页，从而提高开发效率。 结果当然是可以的，只不过在 HTML 里直接 JSX 似乎会降低一些性能… 凑合用吧

下载地址：https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/ 虚拟机默认密码：Passw0rd!

NPM介绍 npm（全称 Node Package Manager，即“node包管理器”）是Node.js默认的、以JavaScript编写的软件包管理系统。 npm可以管理本地项目的所需模块并自动维护依赖情况，也可以管理全局安装的JavaScript工具。 但是由于npm的源在国外，所以国内使用起来动辄10kb/s，甚至根本下载不了，所以使用国内镜像源替代官方源就很有必要了。 国内源 淘宝np

参考资料 Mockjs使用 - https://juejin.cn/post/6953199521031520292 http://wll8.gitee.io/mockjs-examples Mokcjs 文档 Vitepress版 - http://mock.pe666.cn/

坑 一开始在Google搜索了一番，找到了用jQuery的方案，代码量很少，看起来很美好很不错，结果，根本没用…… 我反复试了这几个版本： var e = $.Event('keyup') e.keyCode = 49 $('#btn').trigger(e) // 就是把 keycode 换成 which $('#btn').trigger($.Event('keyup', { which: 4

swagger-typescript-api？文档写得像草稿，还得自己摸索。那些花哨的模块化选项除了报错还能干嘛？老老实实生成单文件，配个客户端封装，省得每次折腾。