详情

全站展示位

Vue-router 中的 $router 和 $route

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

推荐

年终更新小记

记录 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 地平线零之曙光 死亡搁浅(主线通) 对马岛

心灵鸡汤

  南宋大臣张浚因与奸相秦桧政见不和,被贬往湖南零陵做地方官。

  他出发时,带了几箱书随行,有人诬告他与乱党有关系,结果被高宗检查书信和破旧衣物,高宗叹息道:“想不到张浚贫守到如此地步!”

  很可怜他,于是派人骑快马追上张浚,赏赐他黄金三百两。

列表展示

主站展示位

一种适用于 Zustand 和 React Query 的前端数据管理方式

在上面这篇文章中提到当 React Query 托管的数据过于复杂或者冗余的话,后续在前端做数据的乐观更新会变得非常复杂并且不可控。 [!NOTE] 乐观更新指,前端在进行数据操作时,通过 API 方式向服务器提交数据,之后数据在 UI 上的更新由前端提供,不需要等待服务器的响应。这样的方式对用户来

被裁员后的恐惧

最近一直都在被裁员之后的恐惧中。 不知不觉已经过去了一个多月了。 上个月的 9 号下午,通知我被优化了,没有任何的征兆,原因是项目组资金砍半了,人也要砍半。想起来也是伤感,自从离开小红书后,选择降薪去到一家喜欢的公司做充满艺术感的产品,本以为能够一直做下去,同时和大家一起做一些好玩的产品,而最后

在 Nest.js 中使用 Auth.js

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

从 hexo 转移到 Typecho

最近想从hexo转移到typecho,但是typecho是没有一键导入md文章,手动导入又很烦,怎么办呢。于是我就想用 Python 来写一个自动解析md导入typecho的脚本。 于是就开始编码了,首先是用正则表达式提取,hexo的md头部是YAML格式的,只要解析 title date t

建立 GitLab 私人仓库

今天注册了一个 DigitalOcean 账号,首充5刀返了50刀,但是只有1个月的期限。闲着也是闲着,我就开了一台 $20/mo 的机子耍耍。配置是 4G RAM,2 core CPU,40G SSD。用来建私人 GitLab 正好。 安装过程 官网讲的很详细了,跟着步骤走就行了。http

用 GPG 为 commit 进行签名

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

折腾失败的新主题

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

为什么是 RSC (一)

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

虚拟列表中的选区操作

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

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

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

从零开始的 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,则

LeetCode 刷题第二天

判断回文数 题目描述 ` Determine whether an integer is a palindrome. An integer is a palindrome when it reads the same backward as forward. ` 简要描述 判断回

Vue 多级菜单的实现

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

手动搭建 LAMP 环境

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

Express 简单入门

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

迁移开发环境到Windows

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

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

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

聊聊科技界发生的大事 WWDC

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

博客寄语:

    致虚极,守静笃。

实时播报:

博客号-学习成长

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