置顶文章

17k 16 分钟

一篇 antfu 推荐的交互式优质性能优化博文,作者有 20 年经验,真的很多细节,试着翻译一下加一点自己的润色,强烈建议阅读英文原文,体验交互式,这里就先用截图替代了。 第一次翻译,不足之处欢迎指正! 本译文博客链接:https://ysx.cosine.ren/optimizing-javascript-translate 原文链接:https://romgrk.com/posts/optimizing-javascript 原文作者:romgrk 我经常觉得一般的 javascript...
2k 2 分钟

转眼到了 2023 年年末了,赶在最后一天发下年终总结不过分吧。 很短,很流水账,很多图警告 # 流水账 还记得 2022 年 6 月实习,第一次来到北京,开启北漂实习生涯,虽然钱不多,但也足够租房 + 日常生活了,最大的爱好就是吃吃喝喝。 一些中秋礼盒,现在不在总部了反而拿不到了 hhh 22 年 9 月左右 回学校远程实习,顺便把驾照考到手了~ 之后,大四上没课,开始准备准备毕设,回深圳陪妹妹去了趟猫咖,猫猫大治愈!还吃了很多喝了很多玩了很多 实习攒的钱交完学费,买了辆哈啰电动车给老妈用 大四下也就是 3 月左右,又回到北京实习干到了 4 月底,5 月初的时候回学校毕设,然后于...
21k 19 分钟

# 前言 进入 NestJS 的世界可能会让你感到不知所措,尤其是当你面对众多的模块和概念时。本文不仅会深入分析优秀的 NestJS 项目,介绍常用的 Nest 内置模块,还会解锁一些 NestJS 的高级特性和最佳实践,来帮助你更好地理解和应用这个强大的 Node.js 框架。无论你是一个初学者还是有经验的开发者,这篇文章都将为你提供宝贵的见解和实用的技巧,让你能够更加了解 NestJS。 我将从 GitHub 上的 Awesome NestJS 列表中选取优秀项目进行分析,看它们如何使用 NestJS 的各种功能和模块。 此外,我还将详细介绍一些常用的 Nest 内置模块,如...

文章列表

2.6k 2 分钟

上周五的晚上 9 点左右,我结束了工作和学习,准备继续黑神话二周目启动,OBS 直播都连好了。就在这时,我弟弟突然进来,问我:“姐姐,你见过腊八吗?我一直没看到她。” 因为下午我还见过她,加上弟弟在五点前就回来了,通常这个时候她都会在客厅和弟弟玩。我以为她还在客厅,于是回答说:” 没有,应该在哪儿钻着吧 “,随即出门大声叫了一圈:“腊八 —— 腊八 ——”, 可就是不见她的回应。以往她早就会跑出来喵喵叫了,心里顿时一紧。 我开始查看客厅的监控,发现一个大问题,本该能拍到客厅和大门的米家摄像头不知道被谁弄歪了,只拍到靠窗的猫砂盆。而最后猫咪出现的时间是下午 3 点 52...
3.2k 3 分钟

由于业务需要,开始学习 RN 以备后面的需求,而虽然之前有用过 RN 但是项目搭建等都是封装好的脚手架,对本身其实了解不算太多,于是打算记录一下个人从头搭建 RN 项目的一个过程。顺带进行一个资料收集。 适合:有前端基础,有前端基本开发环境,想了解一下 Expo 搭建 RN 项目过程的人群 # RN 相关资料 官方网站:Site Unreachable Introduction · React Native Core Components and APIs · React Native 中文网:简介・React Native 中文网 Expo 官网: Expo Github...
6.7k 6 分钟

上文:Floating UI 使用经验分享 - Popover 在本文中,我将分享如何使用 Floating UI 来创建另一种常见的浮动 UI 组件 ——Dialog(对话框)。Dialog 是一个浮动元素,显示需要立即关注的信息,他会出现在页面内容上并阻止与页面的交互,直到它被关闭。 它与弹出框有类似的交互,但有两个主要区别: 它是模态的,并在对话框后面呈现一个背景,使后面的内容变暗,使页面的其余部分无法访问。 它在视口中居中,不锚定到任何特定的参考元素。 一个可访问的对话框组件具有以下要点: Dismissal :当用户按下   esc  ...
6.3k 6 分钟

# 前言及介绍 在当今的前端开发中,浮动元素扮演着越来越重要的角色。它们能够为用户提供额外的交互和信息,同时不会影响页面的整体布局。而 Floating UI 就是一个为了方便定位和创建浮动元素的 JavaScript 库。通过它,你可以轻松地 控制浮动元素的位置和交互效果,从而提升用户体验。 如果你正在寻找一个简单易用的浮动元素解决方案,或许 Floating UI 不是你的最佳选择,该库的主要目标是提供锚点定位的功能,而不是提供预建样式或其他高级交互效果。但如果你是熟练掌握 React 并希望使用这样高度自定义的库,你就可以更好地使用它。 这个库是有意 “低级” 的,它的唯一目标是提供...
2.9k 3 分钟

最近有用到 oss 存储的需求,跟群友调研了下国内 & 国外的 oss 后,深感找个合适的 oss 不容易,国内的有阿里云 OSS、七牛云、腾讯云,国外的有 Backblaze、Cloudflare R2 等,经过激烈讨论后我决定使用 Backblaze + Cloudflare,这个决定其实并不难,因为 Backblaze 提供的云存储服务价格非常低,而且稳定性和快速性也非常不错。同时,Backblaze 和 Cloudflare 之间的数据传输是免费的。 # 原因及介绍 Backblaze 提供的云存储服务价格低廉,而 Cloudflare 则可以提供稳定且快速的 CDN...
1.3k 1 分钟

工作中同事突然群里提了一嘴:Tailwind v3.3 这个新特性不错欸,行高字号终于可以写一个类了,于是摸鱼看了下 Tailwind 更新,不说废话,直接上总结~ Tailwind CSS v3.3 于 2023 年 3 月 28 日发布了,这是一个非常棒的版本,它为我们带来了许多新的特性和改进,让我们的开发更加高效和灵活。在本文中,将介绍一些最令人兴奋的新功能,包括: 用于深色的扩展调色板:为扩展的颜色调色板,为每种颜色增加了更深的 950 色阶,现在有 11 种色调,eg: bg-slate-950 ESM 和 TypeScript 支持:支持 ESM 和 TypeScript...
2.9k 3 分钟

最近,我决定把我的 Hexo 博客转移一部分到 xLog,并在这上面进行写作 ,因为它很酷,且技术栈也很新! xLog 是一个基于区块链的开源博客系统,使用 Next.js + Tailwind CSS + TypeScript + TanStack Query 构建,所有博客数据都由用户签名并存储在区块链上,以 NFT 的形式存在。 原 Hexo 链接👉https://ysx.cosine.ren/ 我的 xLog 链接👉https://cosine.xlog.app/ 搭建过程可以看看这篇文章👉https://song.xlog.app/5m-zh ,老 web3...
2.3k 2 分钟

总结了下自己的 2022 的常用前端插件以及工具推荐,虽然 vscode 自带的插件同步功能已经很齐全了,但是还是自己总结了一篇以备不时之需。原飞书文档链接:‍2022 前端开发 vscode 常用插件及其他工具推荐 # vscode 常用插件 # 开发类 # GitLens — Git supercharged 拓展了 vscode 本身集成的 Git 功能,提供了很多好东西 # Auto Close Tag 自动闭合 HTML、JSX 标签 # Auto Rename Tag 自动 rename 标签 # change-case 命名转换 Ctrl+Shift+P 输入 change...
3.2k 3 分钟

使用 koa2 + Sequelize 搭建的校园社区后端,巧妇难为无米之炊!一个厉害的项目的后端! # 前言及项目介绍 这个项目是我刚学前端时参加的百度前端训练营进阶班的第一题,具备完善的校园社区功能及一个后台管理系统,于今年 3 月份开发,我负责的主要是后端的发帖管理、分区管理等地方的接口,在接口文档中就可以看到。当时团队里总共 6 人,3 人参与开发后端,2 人开发移动端前端,1 人开发 PC 端,并且由于还年轻,写了挺多文档记录。 个人感觉这个接口系统麻雀虽小五脏俱全(某后端爷评价),既有两个前端(PC...

精选分类

笔记

随笔

工具

题目记录

青训营笔记

笔记

CS基础

笔记

数据结构

笔记

笔试面经