现代网页开发

这是一种用于保证系统安全性和提升用户体验的现代认证方案。 🔑 核心概念：Access Token 与 Refresh Token 传统的会话（Session）机制依赖服务器状态，而 Token 机制是无状态的。为了平衡安全性和用户体验，我们引入了两种 Token： 特性 Access Token (存取令牌) Refresh Token (续签令牌) 用途 …

在HTTP请求时候，或者说写后端时，就会经常接触到这个 application/json和 multipart/form-data ，但是有一段时间里，我都不是很能搞清楚和分清楚它们具体的应用场景，只是模糊地使用着二者，频繁地使用着前者。 正文 它们的区别挺大的，主要体现是在 数据结构 和 场景 上(这不是废话吗) 我们先来说 …

现代的网页开发，如何快速开发出一个功能齐全，并且好看又实用的网页呢？ 我们曾经经常提到 CSS框架 ，但它到底是怎么样的一个东西？ 正文 – CSS框架(组件库)的正确用法 CSS框架 事实上就是给你快速构建网站用的，也包括功能。比如说CSS框架提供了一个导航栏，你只需要在他们官网把代码复制下来，之后更改关键点就好了。比如说下面这个框架，就提供了很多功能 …

React路由在本地开发时候正常，但是编译部署在服务器后，会发现直接访问这个网站的某个路由，或者在某个路由刷新页面后会报错404。 其实这是一个比较典型的问题：Nginx 服务器配置未能正确处理前端的客户端路由。 背景说明(请认真看完)：域名是 dontalk.org，后端路由直接通过编辑这个网站的 Nginx配置文件，把 dontalk.org/api/ …

核心概念：JWT 是一种“令牌”格式，而不是一种“存储或传输机制” JWT 本身只是一种紧凑且自包含的方式，用于在各方之间安全地传输信息。它定义了令牌的结构（Header.Payload.Signature），并包含验证令牌完整性（未被篡改）和真实性（确实由已知方签发）的方法。 JWT 不关心你如何存储或传输它。 令牌本身可以放在： HTTP 请求头 …

为了解决(搞明白)这个问题，实在花了我超级长的时间，由于我是熬夜写代码，一写就是很长一段时间，甚至一两天。以至于我一直盯着我的前后端代码，怎么都看不出来个所以然。 即便查阅了大量资料，甚至是翻阅我之前写的文档(还有询问Ai)，问题都没有很好解决，甚至自我怀疑去重新看老外的 JWT 入门课。 因为网络上已经很多人提供了解决方案，但是按照我的经历来说，我觉得更重 …

因为我经常会对劳烦于 CSS ，烦躁到宁愿自己手写原生的 CSS 。我想，我们需要一些适合自己的 CSS 框架。这个文章列举一些还不错的 CSS 框架，方便大家(我)作挑选。 1. Chakra UI 特点： 现代化设计，默认主题优雅且美观 组件高度可定制，支持暗黑模式 内置响应式设计，易于使用的样式系统 完全基于 React 组件，支持 …

前端 – React 本文对 React 基本语法不作任何解释，如幽灵标签与闭合等等。。只解释疑难杂症和项目上手 前端使用 React 挂载数据。使用 Tailwind CSS框架。 创建项目 – 官方(不推荐) 先不要跟着做 ❯ npx create-next-app@latest Need to install the following …

后端 – NodeJS 后端用 Express 制作 API 。Sequelize 操作 数据库。 项目目录结构： ├── app.js # 整合文件 ├── database # 数据库-文件夹 │ └── database.js # 数据库初始化 ├── middlewares # 中间件-文件夹 │ └── auth.js # 认证中间件 ├── …

前言 如今的Web，早已不再是前后端混合的 PHP 世界。我们早已进入了前后端分离的，Web3.0的 – 未来。 欢迎你阅读本文 – 「现代网页开发入门指南书 – 从数据库设计，到后端，再到前端」 由 Dontalk 会员 – 【葵】 耗时4天编写 – 如有不对，敬请原谅和指正。 如果你希望下载本文 PDF 以及配套代码，请前往 …