详情

全站展示位

⚠️ Vue 3 TSX

本篇基于 Vue 3.0.7, vite 2.1.2 编写,由于 Vue 与 vite 改动较大,以最新版本为准,本文仅供参考。 写本篇文章主要是为了记录在正式使用 Vue 3 + vite 2 投入开发中遇到的一些问题,不适合没有任何 Vue 开发经验的同学阅读。本文中将会运用到 Vue 3 的。。。

推荐

对博客中评论的合理建模 --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。而我到现在技术水平一直停滞在那会,即便是过去了这么久,我依然只会这些技术栈。我使用过很多框架

自渡

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

被裁员后的恐惧

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

从 hexo 转移到 Typecho

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

使用图床,为GP节省空间

图床是什么 图床一般是指储存图片的服务器,有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。 使用图床 sm.ms是一个比较好的免费图床. 这里我以上传到 / 这个图床做为说明,它的

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

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

Shiki 性能优化按需加载语法解析

Shiki 是一个非常优秀的代码高亮库。 需要的语言解析器。 动态加载 开始之前

用 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 或者绝对定位去填充高度。 在被移除的节点上,是无法应用选区的。假设现在有场景我们需要一个长列表中的复制文本的需求,为了性能又要兼顾使用虚拟列表。此时我们使用原生选区滚动超

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

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

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

微博图床失效? 笨办法解决

就在前几日, 微博图床加入了防盗链, 只要你有referer引用就会返回403. 但是直接访问是可以的. 也是我就想, 我能不能用这个方法访问, 用 php 去访问然后再去返回呢. 只要把 img src 全部换掉不就行了吗. 建立微博图床镜像 于是, 首先写一个 php ,用它来获取

最近遇到的麻烦

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

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

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

博客寄语:

    致虚极,守静笃。

实时播报:

博客号-学习成长

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