置顶文章

2.8k 3 分钟

2022,写给自己的一篇文章

就在这几天,我的春招找实习结束了。投了很多家,挂了很多家,总结了不少经验教训。有很多不甘,意识到了自己的不足还有很多,也开始每天刷刷题,为秋招提前批做准备了。

有感而发,写一篇记录自己过去的博客,后面可能随意更新。

11k 10 分钟

开新坑…… 记录一下学习使用 Redux 的历程,主要来自 Redux 中文官网Redux 入门系列视频及其里面的教程里的笔记和转录

包括了 Redux 三原则、Reducer、getState、dispatch、subscribe 原理及实现

首先要明确一点,虽然 Redux 是一个很不错的管理状态工具,但还是要考虑下它是否适合你的场景。

不要仅仅因为有人说过应该使用 Redux 而使用,而是应该花一些时间来了解使用它的潜在好处和取舍

6.9k 6 分钟

这节课是由月影老师讲的,干货满满,包括了面向对象的设计、组件封装、高阶函数(节流、防抖、批处理、可迭代化) # 本堂课重点内容 # 写好 js 的原则 # 各司其责 举个栗子:写一段 JS,控制一个网页,让他支持浅色 / 深色两种模式。你会怎么做呢? 我的第一反应:写一个深色类,在切换按钮事件进行切换。这也是课件里讲的第二版。 第一版 直接切换样式,不妥,但能用 const btn = document.getElementById('modeBtn');btn.addEventListener('click', (e) => {...
2k 2 分钟

原博指路:MOOC 浙大数据结构课后题记录 ——PTA 数据结构题目集 (全) 本博客是为了记录学习数据结构时做的题集,若代码有疏漏欢迎指出! 也相当于是一个数据结构的总结了~ ps:因为已经学过 c 了所以都用 c 写了,但也有很多 c 语言的东西。 MOOC 传送门 # 第一周 —— 最大子列和算法、二分查找 代码及其思路指路博客:PTA 数据结构题目集 第一周 —— 最大子列和算法、二分查找 # 01 - 复杂度 1 最大子列和问题 (20 分) # 01 - 复杂度 2 Maximum Subsequence Sum (25 分) # 01 - 复杂度 3 二分查找 (20 分) #...

文章列表

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...
1.1k 1 分钟

答应我,兜圈子辣么多广告(要恰饭的嘛),为什么不选择一个干干净净清清爽爽还手机自带的功能呢~ 这篇不是广告~纯粹是一个开发者的爱心提示 (x) 保姆级教程 小米手机:开箱即用,自带小爱课程表,还有课程提醒等功能 非小米手机:应用市场搜索小爱课程表,咱也是能用的! 飞书同款文档:小爱课程表使用指南~for HAUTer 平时看看课表,为什么不冲手机原生自带的 app 或者咱学校官方微信小程序的课表呢,颜值都贼高~(顺便给官方微信小程序打打广告,查绩点、课表功能都有!微信小程序名就叫河南工业大学) 我们学校的课表是我大二下的时候进行适配的,经历了几次更迭修了几次 bug...
1.2k 1 分钟

Hexo + Shoka 主题 + vercel 搭建的属于自己的博客站点 Github 地址: cos_blogs 没错,我又又又在折腾了,不过这次是在往更简易的方向折腾,原因是最近公司的项目有用到 vercel,自己用个人版试了试然后就回不去了耶 现在所有博客如果遇到问题、文章错漏都可以直接在 Github 上的 issue 反馈~ 通过 vercel 部署,强烈安利 vercel!个人版一个月 100G 流量,小站点完全够用~ 用 Markdown 写文章真的超级棒! # 为什么要换成 vercel 之前的时候使用 GitPage 搭博客,到现在也暴露了不少不足之处 目录散乱,直接将...

精选分类

笔记

随笔

工具

题目记录

CS基础

笔记

青训营笔记

笔记

数据结构

笔记

笔试面经