详情

全站展示位

推荐

对博客中评论的合理建模 --MongoDB

最近,闲着没事,又把上个月写得代码拿出来了,随便完善一下没完成的评论的路由接口。 评论应该是在整个博客数据存储中,模型最为复杂的一部分了。首先要考虑的是和文章进行关联。这个可以用 mongoDB 的 ref 进行关联,随后可以使用 populate 计算出被关联的字段。 最后关系复杂的是

CSS相关

最近受到了App Store主页风格的影响,正巧又看到了sketch官网的设计,所以深受卡片式的影响。真巧最近在改别人的主题,于是就想自己去写一套卡片式风格的typecho主题。 那么,我就开始边学css/js,边写主题,把学的用到的都记录下来。 CSS颜色渐变 CSS linear-

记录折腾路上用到的教程 自2-3开始

运维篇 IT基础设施:使用netdata监控CentOS7性能 - 简书 netdata: Real-time performance monitoring nginx重启 failed (98: Address already in use) Linux下防御DDOS攻击

心灵鸡汤

小故事、三个金人

  曾经有个小国到中国来,进贡了三个一模一样的金人,金碧辉煌,把皇帝高兴坏了。可是这小国不厚道,同时出一道题目:这三个金人哪个最有价值?

  皇帝想了许多的办法,请来珠宝匠检查,称重量,看做工,都是一模一样的。怎么办?使者还等着回去汇报呢。泱泱大国,不会连这个小事都不懂吧?

  最后,有一位退位的老大臣说他有办法。

  皇帝将使者请到大殿,老臣胸有成足地拿着三根稻草,插入第一个金人的耳朵里,这稻草从另一边耳朵出来了。第二个金人的稻草从嘴巴里直接掉出来,而第三个金人,稻草进去后掉进了肚子,什么响动也没有。老臣说:第三个金人最有价值!使者默默无语,答案正确。

  心得:最有价值的人,不一定是最能说的人的人。老天给我们两只耳朵一个嘴巴,本来就是让我们多听少说的。善于倾听,才是成熟的人最基本的素质。

列表展示

主站展示位

瓶颈与迷茫

工作两年了,能力好像没什么长进。 还在在校期间,有非常多的时间去探索方向,学习实用的感兴趣的东西,而我在那时学了 Vue,靠着这个得到了第一份实习的工作,然后在职期间学习了 React 和 Next.js。而我到现在技术水平一直停滞在那会,即便是过去了这么久,我依然只会这些技术栈。我使用过很多框架

自渡

最近失业了。 因为突然的打击导致抑郁症复发了。 记得初三的时候也经历过一次,那个时候因为非个人意愿被换了一个班,在压力最大的一学期换到了一个完全陌生的环境,压力和绝望,我记得那段时间我每天都哭,好几次有过自杀的念头,脑中无数次开始回顾种种过往,虽然那个时候没有去医院看,也不知道抑郁症是什么,在家

为什么是 RSC (二)

渐进式渲染 [!IMPORTANT] 渐进式渲染,或者称作流式渲染。这不是一个只能在 RSC 中可以享受到的特征,这种渲染模式和 Suspense、 renderToPipeableStream 或 renderToReadableStream 有关。 但是在 Next.js 中你需要使用 App

在 Nest.js 中使用 Auth.js

Auth.js 是一个可以非常方便接入 OAuth 的一个身份验证库。他起初是为 Next.js 而设计。如今官方以为其供一些常用框架的集成,但是不幸的是,并没有 Nest.js 的官方支持。 这篇文章将从零开始构造一个适用于 Nest.js 的 AuthModule。那我们开始吧。 准备 我

迁移Hexo到云服务器的一次经历

今天是大年初一, 下午配置域名跳转时又出现了问题, 几经波折, 终于搞定了~ 所以来更新一下博文. 原先, 我的博客托管在Github Pages上, 这几天一直都很慢.. 加载要半年. kJDfmQ.gif 于是乎, 今晚没事干, 决定迁移到服务器上面, 选的是GCP的服务器,

折腾失败的新主题

记2019年1月25日 博客从Next主题更换为更为简洁的polarbear 因为太简洁了, 所以我想把原先的统计信息与评论系统加入. 再折腾很久的layout, 甚至直接导入appid, 放入layout.swig还是失败了. 所以说现在这个博客是空无一物. 可能以后我会换回Next的吧

虚拟列表中的选区操作

在某些长列表场景中,为了优化渲染性能,一般会采用虚拟列表,虚拟列表会将超过一定可视范围的 DOM 节点移除通过 padding 或者绝对定位去填充高度。 在被移除的节点上,是无法应用选区的。假设现在有场景我们需要一个长列表中的复制文本的需求,为了性能又要兼顾使用虚拟列表。此时我们使用原生选区滚动超

INFP-T的内心世界、个人站点更新

超共鸣!INFP-T的内心剧场 在网上看到这样一个视频,简直说的就是我了。 社交五分钟,复盘一整天,晚上睡觉都在想。甚至在群里说了句话没人回,都要思考是不是自己说错了啥,开始纠结别人是不是生气了,自己哪里做

Typecho 主题开启 Ajax 加载更多文章

前言 无意间想到给日记页加一个 Ajax 来请求更多日记,网上搜了一圈基本都是在 index.php 文件头加入判断实现的,问题是这个主题 index.php 不进行文章输出,所以是不可行的。我需要在 page-note.php 进行操作。 过程略微繁琐。 Ajax 请求地址也是当前页面

从零开始的 Redux

Redux 是什么 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 目前一般与 React 配合使用。React 提供了 React-redux 库,两者能轻松结合起来。 开始之前需要知道的东西 为什么需要状态管理? 多次向下传递 props 过于繁琐

迁移Hexo到halo

写在前面 Halo [ˈheɪloʊ],意为光环。当然,你也可以当成拼音读(哈喽)。 轻快,简洁,功能强大,使用 Java 开发的博客系统。 此前,我使用hexo,犹豫hexo是静态的,有所不便。无意之中发现这款博客框架。此博客使用java所以,内存需求比较高。优点是美观,支持批量导入md。

Typecho 主题开启 Pjax 后评论出现的问题解决方案

问题复现 在开启 Pjax 后,一般会重载一个主容器,而不会重载 Head 标签,问题是 Typecho 的评论脚本在 Head 里,如下图。 注意,红色框标注,可以看出这段脚本是根据当前页的 cid 来判断评论框所在位置。 这里补充一下,在回复评论的时候 Typecho 的评

在开发 Typecho 主题时踩得那些坑

许久没有写技术博文了,今天比较闲来记录一下最近在折腾的东西。 最近在编写一个 typecho 上的主题,也不能说是编写,因为前端是完全搬运的,只是前端实现后端接口,再加之编写一些实现。算是从别的 CMS 上移植了一套主题,其实开始觉得简单真正做起来并不简单。一是因为 typecho 的文档太少

React 应用中性能优化的经验(二)

上回说道在 React 应用中列表组件应该去优化,今天复杂组件应该怎么写。Jotai 和 Zustand 咕咕咕了,下次再说。 写过大厂屎山的大伙应该都经历过,一个组件能有上百甚至上千行都是常事。一个组件内部嵌套一个组件也是常事。简单总结了下三不要: 不要在 Component 内部定义其他 C

Express 简单入门

Express 是一个快速的 web 开发框架,相比 node 原先的

打印沙漏(C#实现)

打印沙漏 本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”,要求按下列格式打印 ` * * ` 所谓“沙漏形状”,是指每行输出奇数个符号;各行符号中心对齐;相邻两行符号数差2;符号数先从大到小顺序递减到1,再从小到大顺序递增;首尾符号数相等。 给定任意

Excalidraw 数据增量存储的构想

这几天,我给 Shiro 的 Markdown 支持加上了 Excalidraw 的画板。 上面的文章中,内嵌了大量用 Excalidraw 作的图。在 Markdown 中内嵌这种画板其实只要在渲染时候根据数据决定渲染组件就行了。Excalidraw 的数据格式是一个 JSON 数据,我原本

一次构建多处部署Next.js Runtime Env

我们一般通过控制 env 的方式去做到 "Build once, deploy many" 哲学。但是在 Next.js 中,环境变量分为两种,一个种是可被用于 Client 侧的 NEXT_PUBLIC_ 开头的环境变量,另一个种是只能被用于 Server 侧的环境变量。前者会在 Next.js

利好 SharedWorker 实现跨页面单例 WebSocket

在之前的文章中,我详细的介绍了站点的实时人数是如何实现的?,在方案中,我留下了一个悬念,如何使用 SharedWorker 在页面之间共享 Socket 实例,实现跨页面单例 WebSocket。 动机 探索这个问题的背景是无意间在知乎看到了 WebSocket 的一个问题,其中有回答提到 We

博客寄语:

    致虚极,守静笃。

实时播报:

博客号-学习成长

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