详情

全站展示位

Kami 抽取通用组件封装公用组件库

背景 写 Kami 已将近三年。有些通用组件也想抽离出一个组件库,供外部使用,或许也有想法以后有时间再写一个新风格了(苦逼社畜)。 那么就开始抽离通用组件库了。先看看目前 kami 的组件目录结构。 .src/components ├── app # 存放 app 相关组件 ├─。。。

推荐

年终更新小记

记录 9月 至 12月 此网站的更新内容。 前端 增加了日记音乐自动播放 利用 Socket 实时更新文章的最新内容 利用 Socket 实时更新当前文章的评论 其他优化 后端 增加了 GraphQL 的支持 其他 Bug 修复

php获取最新github仓库

前天,我在写后端的时候,需要获取到最新的github个人仓库,然后我去搜索了一下,发现github有提供api,格式为; 后面的参数根据自己需要可以修

CSS 文本溢出 Clip 不裁切半个字符

最近同事问我,CSS 能不能实现文本溢出截断,但是不要把单个字符截断。一般我们会用 text-overflow: clip; overflow: hidden 去实现这个。但是很多情况下都会出现这样的情况。 后面的字被截断了 我想了一下,好像不太行,要是我就用 JS 去算宽度,之后再去判断应该显

2022.11 购入 PS5,记录玩过的游戏。 喜欢的类型: 漫威蜘蛛侠(主线通) 蜘蛛侠:迈尔斯·莫拉雷斯(主线通) ASTRO's PLAYROOM 地平线零之曙光 死亡搁浅(主线通) 对马岛

心灵鸡汤

小故事、鞋带

  有一位表演大师上场前,他的弟子告诉他鞋带松了。大师点头致谢,蹲下来仔细系好。等到弟子转身后,又蹲下来将鞋带解松。

  有个旁观者看到了这一切,不解地问:“大师,您为什么又要将鞋带解松呢?大师回答道:“因为我饰演的是一位劳累的旅者,长途跋涉让他的鞋带松开,可以通过这个细节表现他的劳累憔悴.”

  “那你为什么不直接告诉你的弟子呢?”

  “他能细心地发现我的鞋带松了,并且热心地告诉我,我一定要保护他这种热情的积极性,及时地给他鼓励,至于为什么要将鞋带解开,将来会有更多的机会教他表演,可以下一次再说啊。”

列表展示

主站展示位

忙碌中的思索:生活、工作与娱乐

已经有一个月没有写点什么了,但是好像也无话可写。 行业交流 最近这段时间,开始忙起来了。除了主业之外,也尝试开始发展一些副业。很快,新工作也已经两个月了,内心也还是有些焦虑的,也不知道之后试用期能不能过。 这些天和行业内的老人也算是进行了一些交流,大环境真的挺差的,所以还是需要一些其他的收入去

探讨 React Server Component 与 React Client Component 的环境隔离与实践

前言 我们知道,在 React Server Component 环境下,渲染的运行时永远都是在 server 的,而在 RCC 中,两者环境都可能存在。为了控制一个库的引用方只能处于某种环境中,而在另一个环境中报错,我们可以使用 client-only 或者 server-only 库。 Ne

自渡

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

聊聊科技界发生的大事 WWDC

最近科技界发生的大事莫非就是上周的 WWDC 了,很抱歉因为很多事情直到现在才来总结和谈谈看法。今年的 WWDC 也不同于往年,而是在线直播。虽然说是直播,但是当我等到晚上 1 点的时候才知道原来是录播,还是有点小失望的。虽然是录播不得不说剪辑是非常完美的,任何过场都是无缝衔接。伴随着过场甚至带着我

CSS相关

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

用 GPG 为 commit 进行签名

前言 GnuPG(简称 GPG),它是目前最流行、最好用的开源加密工具之一。 GPG 有许多用途,比如对文件,邮件的加密。而本文要说的是,如何使用 GPG 来加密 Github Commits。 在 Github 上查看一些项目的 Commits 时,偶尔会发现「This commit w

为什么是 RSC (一)

React 19 会正式引入 React Server Component(RSC) 的概念,Client Component 和 Server Component 从此将会正式分离。Next.js 从 13 版本就开始支持 Server Component。那么为什么是 RSC?优势到底何在?这一

虚拟列表中的选区操作

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

从零开始的 Redux

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

Vue-router 中的 $router 和 $route

$router push() 跳转到一个路由,并压入历史堆栈 $route params 取子路由的参数 区别 $route为当前router跳转对象里面可以获取name、path、query、params等 $router为VueRouter实例,想要导航到不同URL,则

Vue 多级菜单的实现

最近开发后台,因为不想使用 ElementUI 和其他现成的 UI 框架,于是决定自己做。 碰到的第一个难题就是多级菜单。 因为之前没做过,第一次做起来还是有点难的,最后实现的效果是这样。注意看地址栏。 难题一 CSS 的实现 多级菜单的收缩,展开都是使用 CSS 控制,所以要配合 Vue

手动搭建 LAMP 环境

前言 什么是LAMP LAMP 是Linux Apache MySQL PHP的简写,其实就是把Apache, MySQL以及PHP安装在Linux系统上,组成一个环境来运行php的脚本语言。Apache是最常用的WEB服务软件,而MySQL是比较小型的数据库软件。 环境:CentOS7 启用

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

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

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

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

最近遇到的麻烦

Vue 中多个块使用 v-if 过渡失效 属性忘了

迁移开发环境到Windows

前言 此前一直使用macOS,由于mac有着良好的开发生态,以及软件生态.所以它是部署开发环境是极佳的操作系统.最近由于某些原因需要使用Windows.众所周知,Windows在这方面远不如mac/Linux.虽然这是硬伤,但怎么样才能让他变得更好用一些.那么WSL功不可没. 安装Ubuntu

2022 年学习前端需要学点什么

前端这条路真是一年比一年卷了,每天都在更新很多东西,在 2022 年入门前端需要学点什么,以下是我的理解。 预备知识 提问的艺术: 表达问题的能力,解决问题的能力,多想多实践的能力。 善用 GitHub Issue、Google Search、Stack Overflow 检索的能力。 HT

聊聊科技界发生的大事 WWDC

最近科技界发生的大事莫非就是上周的 WWDC 了,很抱歉因为很多事情直到现在才来总结和谈谈看法。今年的 WWDC 也不同于往年,而是在线直播。虽然说是直播,但是当我等到晚上 1 点的时候才知道原来是录播,还是有点小失望的。虽然是录播不得不说剪辑是非常完美的,任何过场都是无缝衔接。伴随着过场甚至带着我

博客寄语:

    致虚极,守静笃。

实时播报:

博客号-学习成长

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