网站开发

解决 ee page 静态网站因文件 404 导致部署错误 当 gitee page 部署的静态网站出现单个文件 404 错误时，首先需要排查错误原因。文章列出了以下可能原因和解决方案： 原因 1：Nginx 过滤了 txt 后缀请求 如果在部署前对 Nginx 进行了配置，可能会过滤掉包含特定后缀的文件，例如 .txt。因此，需要检查 Nginx 配置文件，确保允许对 .txt 文件的请求。 原因 2：打包时未包含 txt…

compose 无法部署 在 ubuntu 系统上使用 docker-compose 部署 mysql 时，遇到了无法部署的问题。以下为相关配置： version: '3' services: mysql: restart: always image: mysql:8.2 network_mode: bridge container_name: mysql environment: mysql_root_password: root123 command: --character-set-server=utf8mb4 --collation-server=utf8mb4_general_ci --explicit_defaults_for_timestamp=true…

服务端 get 请求的输入内容处理与入库策略 XSS 攻击预防措施通常强调用户输入内容转义，但当一个 GET 请求需要跨端响应时，这一策略的实施会带来一些问题。对于 Web 端通过 SSR 处理或 Ajax 展示的请求，转义会导致内容显示异常。而对于 iOS/Android 端，直接存入数据库时转义，则会使原始内容丢失。 那么，后端的输入内容处理应该如何应对？ 首先，前端和后端的处理逻辑是不同的。前端验证是用户体验问题，而后端验证是安全问题。由于前端可以被绕过，因此后端验证是必不可少的。 对于从前端接收的数据，后端应该执行以下步骤： 验证和校验：对数据进行格式和合法性检查，确保数据符合预期。 原始存储：以原始格式将数据存入数据库，确保数据完整性并防止 SQL 注入。 多端展示前转义：在跨端响应前，根据不同端的展示方式对数据进行转义处理，保证在所有端都能安全展示。 为什么要先原始存储再转义？因为直接存入转义后的内容会导致： 原始内容丢失。 从原始格式转换到另一种格式时可能有兼容性问题。 因此，遵循先原始存储再多端转义的策略，既保证了数据安全，又确保了所有端的正常展示。 以上就是后端…

html文档缓存优先级 对于HTML页面， 标签和后端返回头中设置的缓存时间存在优先级问题。 当 设置了不缓存时，表明浏览器不应缓存该页面。然而，如果Nginx配置了HTML文件的缓存时间，则根据以下原则确定优先级： 理论上，Response Headers具有更高的优先级：后端网关通常控制缓存，当HTML经后端生成并通过网关返回时，网关可以在此过程中设置缓存。 met的优先级较低：MDN将 描述为一个编译指示指令，这意味着浏览器可以不必阅读HTML文档就能确定缓存。 因此，一般情况下，Response Headers中设置的缓存时间将被优先考虑。这意味着即使 设置了不缓存，页面也会被缓存，遵循Response Headers中设置的时间。 值得注意的是，meta标签在缓存方面效用较低，因为只有少数浏览器的缓存会遵循其设置，而代理缓存通常不会读取HTML文档内容。 立即学习“”； 以上就是HTML文档缓存优先级：met与Response Headers谁说了算？的详细内容，更多请关注米云其它相关文章！

如何强制清除缓存，让升级版本后隐藏配置参数 在应用程序版本升级后，有时会遇到升级后的配置参数无法显示的问题，这是因为浏览器的缓存机制导致的。为了解决此问题，需要采用以下措施有效清除缓存： 添加时间戳或随机数参数 在资源 URL 后添加一个随机数或时间戳参数，确保每次访问的 URL 不同，从而使浏览器无法从缓存获取资源。 修改文件名称 对于 CSS、JS 文件、图像等资源，更改资源的文件名称，让浏览器加载新的资源。 使用 meta 标签 在 HTML 的 head 标签中添加以下 meta 标签禁用浏览器缓存： <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate"> <meta…

菜名与价格对齐划线解决方法 菜品的名称和价格需要左右对齐，但中间的虚线或点样式该如何生成？ 一种常见的做法是设置一个基准，例如100个点。当菜名多出一个字或价格多一位时，减少几个点。但这种方法可能无法完全对齐。 使用Flex布局 更好的解决方法是使用Flex布局： 对于左右两边的菜名和价格，设置flex: 0 0 auto即可，并根据需要设置超过多少宽度后显示省略号（…）。 对于中间的划线，设置flex: 1 1 100%，然后应用划线样式。 绘制划线样式 绘制划线有多种方法： 使用background-image线性渐变：background-image: linear-gradient(#000, #000 50%, transparent 50%, transparent) 使用伪元素边框：::before { content: ”; border-right: 1px…

浏览器调试时保留元素 在使用 F12 或类似的开发者工具调试网页时，我们经常会遇到元素点击事件消失的问题，从而阻碍调试。这种情况下，我们可以采用以下方法来保持元素的点击事件。 对于 Chrome 浏览器： 打开“Developer Tools”选项卡。 在“Elements”面板中找到需要调试的元素。 右键单击该元素，然后选择“inspect”。 在右上角的“Event Listeners”选项卡中，找到并单击“Add Event Listener”。 在文本字段中输入事件名称，例如“click”。 点击“Add”。 现在，当你通过调试器点击元素时，依然可以触发其点击事件。 其他浏览器（如 Firefox 和 Edge）也提供类似的功能，只需在开发者工具中找到“Event Listeners”或类似的选项卡即可。 保持元素点击事件在调试中至关重要，因为它允许我们在不影响其行为的情况下进行检查和修改。 以上就是浏览器调试时，如何保留元素？的详细内容，更多请关注米云其它相关文章！

js 数据转换：从混乱到有序 在实际开发中，我们经常需要处理不同结构的数据，将它们转换为更加便于操作和展示的形式。下面介绍一种优雅的数据转换方法，将一个按照 age 分组的人员列表，转换为一个包含多个 age 组，每个组包含姓名列表的目标数据结构。 原始数据 let arr = [ { name: '张三', age: 1 }, { name: '李四', age: 1 }, { name: '小红', age:…

一次查询中关联两个表 在sqlite数据库中，要一次查询中关联两个表并根据主键查询出相关记录，可以使用sql中的join语法。 join语法 join语法允许根据公共字段或列将两个或更多个表关联起来。语法为： select * from table1 join table2 on table1.column = table2.column; 登录后复制 示例 按照你的描述，表sites和sites_item_list通过列id关联。要查询出sites表的记录及其关联的sites_item_list记录，可以使用以下查询： SELECT * FROM sites INNER JOIN sites_item_list ON sites.id = sites_item_list.id;…

前端 不规则进度条，求好的思路？ 问题： 制作一个不规则的进度条，其外观是一个水塔，水面随进度动态调整高度。 进度低于 20% 时显示为红色，其余进度显示为绿色。 整体尺寸应自适应父布局。 思路： 使用 SVG 图片作为进度条，利用 clip-path 进行裁切显示水面上升效果。 根据进度值动态修改 clip-path 的高度，即可实现水面高度动态变化。 使用 CSS 设置进度条颜色，满足低于 20% 红色，其余进度绿色的要求。 为了自适应父布局，使用 vw 和 vh 单位进行尺寸设置。 代码示例：…