这几天已经基本把node后端的接口全部写完了，在前端开发时考虑时博客视频类型，考虑了ssr，于是选用了nextJs，用的是nextUi,tailwincss,目前碰到两个比较难受的事情。
1.nextUI个别组件无法在服务器段渲染
目前简单的解决方法，单独写一个客户端组件，可以解决，但是很难受
2.taillwincss无法在客户端解析
客户端代码使用moudule.css处理，可以解决，但是感觉憋得难受
我需要批评
相关文章
- 11-28用nextjs开发时遇到的问题
- 11-28蓝桥杯c++算法学习【1】之枚举与模拟（卡片、回文日期、赢球票、既约分数：：：非常典型的比刷例题！！！）- 对于一个8位数的整型日期，可以通过除法和取余运算来获取它的每一位数字。比如： 若整数date 的值为20050511，它从高到低的每一数位上的数可以通过下列方法得到。 • data / 10000000 = 2； • data / 1000000 % 10 = 0； • data / 100000 % 10 = 0； • data / 10000 % 10 = 5； • data / 1000 % 10 = 0； • data / 100 % 10 = 5； • data / 10 % 10 = 1； • data % 10 = 1。 对于本题，若用a[1]、a[2]、a[3]、a[4]、a[5]、a[6]、a[7]、a[8] 分别存储每一位，则一个 回文日期须满足: 一个ABABBABA 型回文日期须满足以下条件。 a[1] = a[3] = a[6] = a[8]；a[2] = a[4] = a[5] = a[7]. 对于一个日期字符串，可以直接通过下标来获取它的每一位数字。例如，string date = “20050511”，它从高到低的每一位分别可以通过data[0],data[1],...,data[7] 得到。判断回文日期及ABABBABA型回文日期的方式和上述方法类似。 不难看出，字符串获取日期的每一位数字是要比整型简单的，所以在判断回文日期及 ABABBABA 型回文日期时可以将整型转换为字符串来操作，如参考代码所示。 #include <bits/stdc++.h> using namespace std; int date = 20050511; string s = to_string(date); // 将整型转换为字符串, s = "20050511" // 判断回文日期 bool check1(int date) { string s = to_string(date); if (s[0] == s[7] && s[1] == s[6] && s[2] == s[5] && s[3] == s[4]) return true; return false; } // 判断 ABABBABA 型回文日期 bool check2(int date) { string s = to_string(date); if (s[0] == s[2] && s[0] == s[5] && s[0] == s[7] && s[1] == s[3] && s[1] == s[4] && s[1] == s[6]) return true; return false; } 2. 如何枚举日期 对于一个整型日期，可以用最简单的方式枚举，即令该日期不断+1，直到出现满足ABAB BABA 型的回文日期。 但这样存在一个问题：会枚举出许多不合法的日期（如20209999）。为此，我们需要对 日期进行合法性判断：设y,m,d分别表示年、月、日，month[i]表示第i个月的天数，那么当m12或dmonth[m]时日期不合法，反之日期合法，如参考代码所示。 #include <iostream> #include <string> using namespace std; int month[13] = {-1, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31}; bool check(int date) { string s = to_string(date); //stoi->将字符串转为整型 int y = stoi(s.substr(0, 4)), m = stoi(s.substr(4, 2)), d = stoi(s.substr(6, 2)); if (y % 400 == 0 || (y % 4 == 0 && y % 100 != 0)) month[2] = 29; else month[2] = 28; if (m < 1 || m > 12 || d < 1 || d > month[m]) return false; return true; } int main { int date = 20050511; for (int i = date + 1;; i++) { if (!check(i)) continue; // 找到下一个有效日期后，可以在这里进行进一步处理 // 例如，检查是否是回文日期或 ABABBABA 型回文日期 cout << "Next valid date: " << i << endl; break; } return 0; } 不过这样的枚举量是相当大的，要在比赛中完成本题要求的所有测试数据不太现实。 那么，还有什么枚举方法呢? 可以直接枚举合法日期。枚举合法日期只需模拟日期的变化规律即可，对应参考代码如 下所示。 #include <iostream> using namespace std; int month[13] = {-1, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31}; int main { int date = 20050511; int y = date / 10000, m = date / 100 % 100, d = date % 100; for (int i = y;; i++) { if (i % 400 == 0 || (i % 100 != 0 && i % 4 == 0)) month[2] = 29; // 闰年2月有29天 else month[2] = 28; int j = (i == y) ? m : 1; // 如果是i = y，则月份从m开始枚举，否则从1开始枚举 for (; j <= 12; j++) { int k = (i == y && j == m) ? d : 1; // 如果i = y并且j = m，则日从d开始枚举，否则从1开始枚举 for (; k <= month[j]; k++) { int new_date = i * 10000 + j * 100 + k; // 在这里可以进行进一步处理，例如检查是否是回文日期或ABABBABA型回文日期 cout << "Next valid date: " << new_date << endl; return 0; // 找到第一个有效日期后退出程序 } } } return 0; } 综上 ：
- 11-28java执行python时脚本引用动态配置文件遇到的问题
- 11-28用ElementPlus开发el-tab结合router-view调用组件时需要注意多次渲染的问题-修改代码及渲染次数
- 11-28Oracle Form开发遇到的一些问题
- 11-28嵌入式物联网实战开发笔记-乐鑫ESP32开发环境ESP-IDF搭建【doc.yotill.com】- 图 3.2.1.1 ESP32-IDF 安装包（部分截图） 上图中 ESP32-IDF v5.1.2 - Offine Installer，5.1.2 是当前最新版本，如果没有 ESP32-IDF v5.1.2 - Offine Installer，说明官方有更新最新版本。我们建议使用离线 ESP32-IDF 安装包，因为使用在线 ESP32-IDF 安装包搭建环境需要网络的支持，所以我们不能保证网络下载过程中丢失某些文件，从而导致搭建环境失败。 下载成功后，在安装程序上单击右键选择<以管理员身份运行>运行 esp-idf-tools-setup- 图 3.2.1.2 以管理员身份运行 IDF 安装文件打开安装程序后选择简体中文安装，如下图所示： 图 3.2.1.3 选择简体中文 往下走就是许可协议，勾选“我同意此协议”，单击下一步，如下图所示： 图 3.2.1.4 勾选“我同意此协议” 如果是第一次安装，会出现如下图提示。 安装程序会检查你当前系统有没有打开"长路径支持"，因为 GNU 编译器产生的编译文件会有非常深的目录结构，如果不支持长路径，编译可能出现文件不存在，目录不存在等奇怪的错误。这里单击应用修复按钮，可以修复这个问题。 在弹出的确认对话框中，选择是，开始修复。 图 3.2.1.6 在注册表中启用长路径如果修复不成功，一般情况是安装软件打开时没有使用管理员权限打开，可以手动修改注册表来支持长路径：打开注册表 HKLM\SYSTEM\CurrentControlSet\Control\FileSystem\LongPat hsEnabled 设置为 1。如下图所示： 修复完成之后，点击下一步。 接下来一步，开始选择安装目录，安装程序默认的安装位置为 C:\Espressif，但这里我是安装在 D 盘，如果全部源码编译后可能产生几十 G 的大小占用，我们在 D 盘下创建 ESP32\Espre ssif 文件夹来保存 ESP32-IDF 库安装过程中生成的文件，如下图所示： 图 3.2.1.8 设置安装路径 这个安装路径非常重要，因为 VS Code 软件的 IDF 插件需要此路径来获取相关文件，所以开发者务必牢记该路径。 下一步，确认安装组件，这里全部打勾，默认完全安装时 ESP32C2 是不打勾的（如下图所示），看需要自己选择。然后单击下一步。 图 3.2.1.9 选择安装组件我们选择全部安装。点击下一步再次确认安装目录信息，然后单击安装。安装完成，三个全部勾选，2 用于测试环境安装是否成功，3 是将 IDF 工具链加入杀毒工具排除项，以加快编译速度，如下图所示： 3.2.2 验证 ESP-IDF 库 ESP-IDF 安装完成之后，系统自动打开两个窗口，它们分别为 PowerShell 命令行和传统的 cmd 命令行窗口，分别如下图所示： 从上图中可以看到，当出现红色方框内的内容时，可以初步证明安装是没有问题的，同时这两个窗口都提示“idf.py build”字符串，它是 ESP32-IDF 库提供的编译代码命令。到此，我们如何验证 ESP32-IDF 库安装是否成功呢？这里我们使用 ESP32-IDF 库提供的实例来验证安装是否成功。首先我们打开 D:\ESP32\Espressif\frameworks\esp-idf-v5.1.2\examples\get-started 路径，在此路径下包含三个 ESP32-S3 例程，如下图所示： 这里我们使用第二个例程（hello_world）来验证 ESP32-IDF 库是否安装成功，首先拷贝这里例程的路径，然后在 PowerShell 或 cmd 命令行窗口输入命令“cd D:\ESP32\Espressif\framew orks\esp-idf-v5.1.2\examples\get-started\hello_world”，最后按回车进入此例程，如下图①所示： 此时在此窗口输入命令“idf.py build”（上图②）编译此工程，编译结果如下所示： 窗口提示命令“idf.py -p (port) flash”，证明 ESP32-IDF 库安装完成。开发者也可以使用其他命令来验证，如命令（idf.py Menuconfig 进入菜单配置、idf.py set-target xxx 选择芯片或者是 idf.py monitor 开启监控等）。 3.2.3 添加 ESP32-IDF 的环境变量 按照此过程（此电脑→属性→高级系统→环境变量）打开，如下图所示： 图 3.2.3.1 添加环境变量 如果 ESP32-IDF 库安装成功，则系统自动为我们添加上图中的 IDF_TOOLS_PATH 和 IDF_PATH 环境变量，否则手动添加这两个环境变量。 3.3 搭建开发环境 3.3.1 下载与安装 VSCode 鉴于我们使用的是 VSCode IDE 搭配官方 IDF 的方式进行开发，我们接下来便介绍一下 VSCode 的安装过程。 首先，进入 VSCode 官方下载页面，根据系统需求选择下载安装包下图是 VSCode 图 3.3.1.1 VSCode 官网下载界面 这里，我们选择 Windows 版本进行下载。因为，我们是在 Windows 环境下进行的开发，故在此介绍 Windows 版本的下载步骤。不出意外，其它版本的下载方式应该也是一样的。这里我们不多废话，直接点击下载。 下载完后，我们按照如下所示步骤进行即可： 在该步骤中，路径如需更改的，请您点击“浏览”进行更改，但请注意：修改的路径最好不要出现中文，以避免在往后的开发过程中遇到问题而导致重装软件，这对您来说就得不偿失了。 如需修改，同样点击“浏览”进行设置，无需修改的话直接点击“下一步”即可。 这一步骤同样是有需求的都勾上，我们建议是都勾上。 详细的个性化设置我们便不多介绍了，在这里我们介绍如何设置中文界面。 我们在上图 3.4.8 中找到最左边一栏的“扩展”在搜索框中输入“Chinese”即可出现红色框内的扩展应用，然后我们点击安装并重启软件即可。 至此，VSCode 的安装与配置便算是大功告成了。感谢您能耐心看到此处。
- 11-28.net core 3.1 mvc 微信公众号开发所遇到的问题
- 11-28@compoentScan和@SpringBootApplication：学习项目时遇到的问题
- 11-28使用VSCode添加头文件时遇到"检测到 #include 错误。请更新 includePath"的问题
- 11-28QT的安装和配置及helloqt程序的编写时遇到的问题