横向滚动讲解
横向滚动在移动端与桌面端的差异与解决方案 1\. 问题背景 在 Vue/React 等前端项目里，我们常常会实现一个横向滚动的列表，例如： 并配合 布局与固定宽度的子项，让子项在横向排列后出现滚动条。 在移动端（触屏设备），手指左右滑动时，容器能够自然横向滚动。 但在桌面端（PC 浏览器），很多时候看起来「不能滚动」。 2\. 移动端为什么能滚？ 触摸事件 ：手指横向拖动会触发浏览器的横向滚动逻辑。 惯性滚动支持 ：加上 可以让 iOS...
彻底讲透as const + keyof typeof
一、为什么要 “as const” 1、默认情况下，TS把字面量推断成”宽类型“ 于是你写 ‘foo’ | ‘bar’ 时， 一旦拼错成 ’fooo‘, TS不会拦你。 2、加上 as const ，TS会把它当成”不可变的精确字面量” 数组、对象同理： 二、keyof typeof： 把值世界映射到类型世界 typeof：能把运行时的值变成类型； keyof：能把对象类型变成联合类型 合起来就是：给我一个对象，我立刻推出它所有建的字面...
简单轻便的四个CSS动画库
加载库 访问地址： 纯 CSS 实现 所有加载动画都只依赖 CSS（主要是 、 、 、 等），不需要 JS 或图片资源，拷贝即可使用。 多种 Zig Zag 样式 包含多款「之字形（zig zag）」运动效果的加载动画，比如波浪形、交错条形、点状跳动等，适合放在数据加载、内容占位或表单提交等场景。 可直接复制代码 每个示例都提供 HTML + CSS 片段，开发者只要复制到项目里即可快速使用，也可以根据需要自定义颜色、大小、动画速度等。...
nuxt4制作企业官网
SASS 1、引入SASS 2、配置文件目录 可以注入 SCSS 变量或 mixin 到每个 样式块。 推荐使用 而不是 ，因为 会重复加载。 注意路径 是相对于项目根目录。 3、创建2个文件 问题： 如果用 ，变量仍然可以访问，但 mixin 和函数也要全局注入。 不要在 里再 自己的 ，会出现循环依赖。 不能在global.scss写预设变量，会报错 也可以直接写变量，而不通过单独文件： 4、使用 打包SSG 静态文件 1、配置文件...
📘 Cocos Creator 语法入门文档
📘 Cocos Creator 语法入门文档 1. 基础概念 Cocos Creator 使用 TypeScript/JavaScript 作为主要开发语言，游戏逻辑通常通过脚本来驱动。主要模块： 节点 (Node) ：场景中的基本元素，可以理解为游戏对象。 组件 (Component) ：附加到节点上的脚本/功能，比如渲染、物理、脚本逻辑。 场景 (Scene) ：游戏运行的基本单位，包含多个节点。 资源 (Assets) ：图片、...
mac解决 Telegram无法连接
问题描述： 1、macOS上使用了 V2ray 客户端 或 ClashX 客户端，能访问 Google，但打开 Telegram 后会一直卡在 Telegram is connecting to Proxy 界面，Telegram 无法同步消息。 为什么telegram一直在转圈加载呢，因为 mac telegram客户端默认不遵从系统代理，跟 windows telegram客户端不一样，mac需进行下面代理配置 解决方案：重新配置t...
Vue3 中computed属性依赖总结
Vue3 属性依赖总结 1. 依赖收集机制 的 getter 内部 读取 到哪些响应式变量 ( / )，就会把这些变量收集为依赖。 当这些依赖发生变化时， 会重新计算。 2. 如果只返回常量 始终是 。 修改 或 不会触发 重新计算，因为 getter 内没有访问它们。 3. 如果访问了响应式变量但仍返回常量 初始化时会打印一次。 当 或 改变时，getter 会重新执行（再次打印），因为它们被收集为依赖。 但 依旧始终是 。 4. 总...
JavaScript 的多线程能力：Worker
如果你写过一些计算量稍大的 JavaScript 代码，比如图像处理、大量数据排序或者复杂的算法，你几乎肯定遇到过浏览器“卡死”的现象。点击页面没反应，动画也停了，就像整个世界都静止了。 这就是主线程被阻塞的典型后果。因为主线程既要负责执行 JavaScript，又要负责渲染页面、响应用户操作，一旦它被繁重的计算任务占满，就无暇顾及其他，用户体验便直线下降。 这个问题的根源，正是“主线程是单线程的”。那么，如何解决呢？ 答案很简单：把这...
🕹 Robots.txt 与 🗺 Sitemap.xml 在 SEO 中的作用与实现
🕹 Robots.txt 与 🗺 Sitemap.xml 在 SEO 中的作用与实现 一、Robots.txt 1\. 作用 告诉搜索引擎爬虫哪些页面可以访问，哪些不能访问 如屏蔽 、 等后台路径。 节省爬虫抓取预算（Crawl Budget） 搜索引擎每天给网站的抓取资源有限，避免浪费在无关页面上。 防止隐私或重复页面被收录 避免收录测试页面、动态参数页、重复内容。 ⚠️ 注意： Robots.txt 不是安全工具 ，只是给搜索引...