博客文章

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

Next.js的路由段配置选项？真有这么简单？官方文档写得倒是分散，自己整理下倒也罢了。动态渲染还是静态？缓存策略又该怎么定？开发者还是得自己琢磨。

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

pnpm还真是会玩空间魔术？单项目里它领先优势就这么点？Node.js 20把npm喂肥了，现在谁还敢说npm是废物？这测试结果真是让人摸不着头脑。

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

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

Next.js？React的脚手架罢了，开箱即用，拒绝精神内耗。Tailwind？Bootstrap的替代品，罢了。实际开发中，pnym坑死人，localStorage问题？小菜一碟。

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

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

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

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

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

Now type the command to auto generate the package.json npm init --yes

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

前言 项目到一段落，先来记录一下，本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React（这篇博客：代码使我头疼之React初学习），这次项目需要做H5前端+小程序，我终于能用上React了~ 使用React的开发框架之前就听过京东的Taro，所以就这个了，直接开码。 关于React 不错，感觉比Vue的模板写法自由很

前言 一直以来我们都是用Sentry做项目监控，不过前段时间我们的Sentry坏掉了~~（我搞坏的）~~ 但监控又是很有必要的，在sentry修好之前，我想先寻找一个临时的替代方案，同时发现网上关于ExceptionLess的资料少得可怜，ExceptionLess官方的文档也不是很完善，翻了好久文档和源码，于是有了本文…… 关于ExceptionLess 写.NetCore的同学应该不会陌生，这

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

前言 开始了，去年(2020)说要学的React，到现在2021年的12月底了，才来实施……（年底警告！~~年末总结还没开始写！~~） 不过前端为啥要学React呢？Vue不是很好用吗？Vue确实很好用，并且MVVM模式也更容易让人接受和理解，但大概是各种社区上都说react yyds啦，react一统江山啦什么的，加上我之前学Flutter做了很多项目，对声明式UI的思想已经基本掌握了，所以就想

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

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

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

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

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