.webp)
.webp)
如何让部署Qexo后台
现在 Qexo 官网拉下最新的代码 跳转
然后解压
tar -xzf 文件名.tar.gz
首先查看 Python 和 pip3 的版本，如果不对应最好安装如图中的版本不容易出错
编辑配置以使用 Mysql 为例, 确认好安装相关依赖后在manage.py的同级目录下创建并修改 configs.py
import pymysqlpymysql.install_as_MySQLdb()DOMAINS = ["127.0.0.1", "yoursite.com"]DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'qexo', 'USER': 'root', 'PASSWORD': & ...
.webp)
vscode vue项目模板变量爆红
vscode-vue项目模板中的变量全爆红可以先排查是否是eslint或者是vscode插件问题，或者重启vscode看看是否还爆红，我是以上问题都排查了都不习惯，这里分享并记录下。
先看问题
报错 全是这种类型‘{}“不存在属性
解决方法
至此结束 🤡
二次打开el-dialog，el-input赋值后不能输入的问题
Vue2，二次打开el-dialog，el-input赋值后不能输入的问题1：问题描述：二次打开dialog后页面有一个el-input手动赋值后，在改input就不能改变了；赋值代码如下
this.form.uid = '123'
2：解决方法改为 this.$set(target,key,value) 赋值即可，注意key是字符串，要加引号
this.$set(this.form,'uid','123')
原因解释：
Vue 2 的响应式系统在初始化时会对 data 中已经存在的属性进行追踪。这意味着，如果 this.form 对象在组件初始化时已经存在，并且已经定义了 uid 属性，那么 Vue 能够检测到 uid 属性的变化，并更新视图。
赋值时机问题：
在某些情况下，如果组件的渲染顺序或生命周期钩子函数的使用不当，可能会导致在 el-input 初始化之前就对 form.uid 进行了赋值。 这可能会导致 el-input 无法正确地绑定到 form.uid 属性。
.webp)
nextjs-增量静态生成-isr
Next.js 的增量静态再生 (Incremental Static Regeneration，ISR) 是一种强大的功能，它允许你在构建之后更新静态页面，而无需完全重建整个站点。 这结合了静态站点生成 (SSG) 的性能优势和服务器端渲染 (SSR) 的灵活性。
ISR 的工作原理：
初始构建: 在构建时，Next.js 会像静态站点生成一样预渲染页面，并生成 HTML 文件。
重新验证: 在运行时，当请求到达页面时，Next.js 会检查页面是否已过期。过期时间由 revalidate 属性控制（以秒为单位）。
后台重新生成: 如果页面已过期，Next.js 会在后台重新生成该页面。在此期间，Next.js 仍然会提供旧的缓存页面给用户。
更新缓存: 一旦页面重新生成完成，Next.js 会更新缓存，并在后续请求中提供新的页面。
如何使用 ISR：
在 getStaticProps 函数中添加 revalidate 属性即可启用 ISR：
import Head from "next/head";import Layout from "../.. ...
.webp)
nextjs-服务端渲染-ssr
Next.js 的服务端渲染 (SSR) 允许你在服务器上预渲染页面，而不是在客户端浏览器中。这有很多好处，包括：
改进 SEO： 搜索引擎爬虫可以更容易地抓取和索引预渲染的 HTML 内容。
更快的首屏加载时间： 用户可以更快地看到页面内容，因为浏览器不需要在客户端执行 JavaScript 来渲染页面。
更好的用户体验： 特别是对于内容较多的页面或网络连接较慢的用户，SSR 可以提供更流畅的体验。
如何在 Next.js 中实现 SSR：
Next.js 提供了两种实现 SSR 的主要方式：
getServerSideProps (页面级别): 这是最常用的 SSR 方法。getServerSideProps 是一个异步函数，它在每个请求时都会在服务器端运行。 它接收一个包含上下文信息的 context 对象，并返回一个包含 props 对象的对象。这些 props 将传递给页面的组件作为 props。
import Head from "next/head";import Layout from "../../app/layout"; ...
.webp)
nextjs-静态生成
nextjs
静态生成Next.js 的静态生成 (Static Generation, SG) 是一种构建方式，它在构建时预渲染页面 HTML，并将这些 HTML 文件直接提供给客户端。这意味着页面内容在用户请求之前就已经准备好了，从而提供更快的加载速度和更好的 SEO 性能。
工作原理：
在构建过程中，Next.js 会为每个静态生成的页面生成一个对应的 HTML 文件。当用户请求页面时，服务器直接返回预先构建好的 HTML 文件，无需在服务器端进行任何渲染。这与传统的服务器端渲染 (SSR) 不同，SSR 是在每次请求时动态生成 HTML。
使用场景：
静态生成适用于内容不经常变化的页面，例如：
博客文章
产品页面
文档
营销 landing page
优势：
更快的加载速度： 因为 HTML 已经在构建时生成，所以服务器可以立即响应请求，无需等待渲染。
更好的 SEO： 搜索引擎爬虫可以更容易地抓取预渲染的 HTML 内容，从而提高网站的 SEO 排名。
降低服务器负载： 由于页面是在构建时生成的，服务器无需处理每个请求的渲染，从而降低了服务器负载。
更好的缓存： 静态生 ...
node脚本-重命名-移动目录
一个处理文件的脚本/* * @Author: yangyuxuan wuqi_y@163.com * @Date: 2025-02-18 10:24:47 * @LastEditors: yangyuxuan wuqi_y@163.com * @LastEditTime: 2025-02-18 15:55:32 * @Description:node脚本-重命名-移动目录 * */const fs = require('fs');const path = require('path');// 定義文件的路徑const distDir = path.resolve('./dist');const oldFile = path.join(distDir, 'index.html');const newFile = path.join(distDir, 'index.html');const sourceDir = path.resolve('./dist/assets' ...
.webp)
css实现视差效果
效果1：
源码：
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <style> * { margin: 0; padding: 0; } html { height: 100vh; overflow: hidden; } body { width: 100vw; height: 100vh; perspective: 1px; tr ...
web中简/繁互转
分享一个web中简/繁互转的demo<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> 测试按时打算离开东京萨洛克 </body></html><script> class Trans { constructor(zh_choose) { this.zh_choose = zh_choose; this.zh_default = "n"; // 简体繁体 ...
移动适配flexible代码
分享一个flexible.js代码(function flexible(window, document) { const docEl = document.documentElement const dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize() { if (document.body) document.body.style.fontSize = `${12 * dpr}px` else document.addEventListener('DOMContentLoaded', setBodyFontSize) } setBodyFontSize() // set 1rem = viewWidth / 10 function setRemUnit() { const rem = docEl.clientWidth / 10 ...