blog
blog copied to clipboard
Developer27149
My blog on Next.js and TypeScript.
去中心化的硝烟正浓，这会是我们这一代人的暴风吗？  ### 去中心化的电子书平台 [LoreFree-去中心化免费电子书共享社区](https://ebook2.lorefree.com/)：没办法不推荐这个平台，可以在这里找到很多学习和阅读的资源。 ### 北大研究员的区块链知识课程 [肖臻讲区块链技术与应用](https://www.youtube.com/watch?v=UmVec9VHtpE&list=PLnTPdMjBRmAYehJkVbAXqxO-0cc9ALC6V)：这一系列的课程分享在油管上，底部评论都挺好的，有兴趣可以看看。 ### Rough.js [Rough.js](https://roughjs.com/):是一个小图形库(< 9kB) ，可以让你画一个粗略的、手绘的样式。该库定义了绘制直线、曲线、弧线、多边形、圆和椭圆的基元。它还支持绘制 SVG 路径。 感受一下效果：    使用这个工具，你得懂一些`canvas`和`svg`。 ### Apollo [App Store 上的“Apollo-记录你的影视生活”](https://apps.apple.com/cn/app/apollo-%E8%AE%B0%E5%BD%95%E4%BD%A0%E7%9A%84%E5%BD%B1%E8%A7%86%E7%94%9F%E6%B4%BB/id1616467801)：一款 IOS 上记录影视生活的软件，你可以使用 Apollo 来给已看的电影/剧集添加评分、评论、记录自己的观影方式等，也可以用它来追踪目前在追的剧集的观看进度、或者创建自己的「待看清单」。 依赖...
图片资源、翻译软件、windows软件站、剪贴板工具 - 你值得知道的内容尽在妙才周刊  ### 图片资源网站 [Beautiful Free Images & Pictures | Unsplash](https://unsplash.com/)：国外的一个超级优质的图片站，这里有个人爱好者和专业的摄影师的作品，无广告可以下载超高清图片资源。其提供了官方 API 可供开发者使用，笔者的 Chrome 扩展《岚》就使用了其 API 。 ### Windows 软件站 [大眼仔旭 - 专注视频剪辑、解压、录屏、思维导图等办公资源分享](http://www.dayanzai.me/) ### 翻译软件 Bob [Bob](https://ripperhe.gitee.io/bob/#/)：小而美的翻译软件，仅供 MacOS...
终端工具、素材资源、设计课程、书籍分享  ### 优质的图像素材资源站点 - Vecteezy > [Download Free Vector Art, Stock Photos & Stock Video Footage](https://www.vecteezy.com/) Vecteezy 提供免费+收费的优质矢量艺术图，注册即可可以在你的项目或应用中免费使用部分资源。 ### 前端学习资源 [前端工程化知识体系](https://q.shanyue.tech/engineering/#%E8%AF%B7%E6%88%91%E5%96%9D%E6%9D%AF%E5%92%96%E5%95%A1) ### Figma Tutorial > 最火的设计软件 学一点设计：[Learn Design with...
看了阮一峰前辈的周刊，非常精彩。于是，自己也想记录下自己关注的一些东西，于是我的周刊起步了~  ### 临时邮件 > [Temp Mail - Disposable Temporary Email](https://temp-mail.org/en/) 有时候只是想用一个邮件来注册一个账户，其还有配套的`chrome插件`：[Temp Mail - Disposable Temporary Email - Chrome 网上应用店](https://chrome.google.com/webstore/detail/temp-mail-disposable-temp/inojafojbhdpnehkhhfjalgjjobnhomj)。 #### webFont 字体压缩工具 > [aui/font-spider: Smart webfont compression and format...
这是2023年的第一篇周刊，我决定把周刊从单独的仓库放到博客站下面，并且存储在github上面。总之，希望新年能坚持更多东西。  ### 创业游戏 > `notacoward`:"Entrepreneurship is like one of those carnival games where you throw darts or something. > > Middle class kids can afford one throw. Most miss....
--- description: 善用网格布局，可以轻松实现界面布局，并且具有现代浏览器良好的支持度。 cover: https://de4965e.webp.li/blog-images/2024/08/8acd882c7e4e631d40ec58ac907f79c7.png --- 网格布局`(Grid)`被视为当前最强大的`CSS`布局方案。  ## 1. 前言 我需要的布局大致如下：  可以看到，此布局并不复杂，我们可以使用多种方式来实现它，但今天我的计划是使用`Grid`布局。 `Grid`布局将容器划分为“行”与“列”，产生单元格，然后指定“item”所在的单元格，因此也常被视为“二维布局”。 ## 2. 基本概念 ### 2.1 容器和项目 如名所示，最外层的元素作为容器`(container)`，内部每一个最外层的元素作为一个单独的项目`(item)`。 ```html a b c ``` `Grid`布局针对`main`生效，`section`作为`item`，其内部元素与布局无关。 ### 2.2...
今天记录一下学习到的后端接口认证的知识，JWT 技术。  # 前言 我的小项目需要使用一种接口认证机制，为了尽量减小服务器端的资源压力，我选择了近年来非常火热的`JWT`技术。 # 简介 什么是`JWT`? > [JSON Web Tokens - jwt.io](https://jwt.io/) 在其官网的首页上有一段非常显眼的介绍：“JSON Web Token 是一个开放的行业标准（RFC 7519），可以在两方之间安全传输信息”。 如下是一个经过编码的`token`： ``` eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9 . eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ . SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c ``` 请忽视换行符，`token`由三个部分组成并且使用`.`号分隔： 1....
--- description: 目前对 sass 编写样式表一知半解，在写手头的项目时十分不顺，效率低下，因此打算花两个小时重学 sass cover: https://de4965e.webp.li/blog-images/2024/08/4243578414b14ebabbddfd5e070fed66.png --- # 前言 时至今日，`Sass`已经可以视为一门编程语言了。笔者目前对 sass 编写样式表一知半解，在写手头的项目时十分不顺，效率低下，因此打算花两个小时重学 sass。 某种意义上而言本文仅仅是笔者对于文档的学习和思索，更好的学习方法依然是阅读文档，但是于我于有兴趣阅读此文的朋友而言都一样，我都希望我们能够有所得。 # 大纲 - 语法 - 样式规则 - 变量 - 操作 - 模块 - 断点和混入...
--- description: 作为一个 web 开发者，我们需要掌握的 HTML 知识到底应该有多少？HTML 真的如此简单吗，我们是否应该给与其更多的重视？ cover: https://de4965e.webp.li/blog-images/2024/08/91da1e714595e7172c41bedc4e0d5052.png --- 带着这些疑问，我决定重新学习`HTML`知识，如何学习？本文将带着疑问去学习`HTML`相关的知识，并且做出一定的总结。 ## 前言 **HTML**（超文本标记语言），也是万维网的核心标记语言，对于现代浏览器来说，`HTML`已经发展到了第五个版本，在多年的演变和改进之下，许多不合时宜的内容被清除了，同时随着版本更迭也有新的内容添加进来，作为一个 web 开发者，我们需要紧跟技术的发展，保持前瞻性和技术敏感度。 知识无限，时间有限。 忽略掉那些琐碎的片段，我们将从不同的问题开启每一个知识点。 ## Q&A ### 1. HTML 和 XML 语法的差别 HTML（超文本标记语言）和...
一年一度的ECMAScript规范发布，看看今年有什么新内容！ ## 前言 `ECMAScript` 是标准化的 `JavaScript` 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用编程语言之一。 `ECMAScript 2022 Language`是 ECMAScript 语言规范的第 13 版，因此我们也可以称之为`ES13`! 那么，今年新增了哪些内容呢？ ### 类增强 简单来说有以下三点： - 属性可以通过以下方式创建 - 公共的实例字段 - 静态的公共字段 - 新增私属性插槽（井号） - 私有字段（私有实例字段和私有静态字段）...