yanessa_yu

组件包含的功能 页面加载后，显示一个包含 5000 个项目的列表。 用户可以在上方的输入框中输入文本。 下方的列表会根据输入的文本进行实时筛选，只显示包含该文本的项目。 优...

视图过渡（View Transition）是一个非常棒的Web新特性，可以让网页之间的切换动画变得非常简单和流畅。 什么是视图过渡 (View Transitions)？ ...

Gemini Code Assist —— Google 安装 开启和关闭 代码自动补全功能 打开chat 官方说明：个人版，免费提供；使用的是Gemini 2.5模型 实...

微信公众号（即原订阅号）和微信服务号的一些限制 1. 微信公众号-自定义菜单-跳转链接的限制 https://developers.weixin.qq.com/commun...

什么是前端请求竞态问题 前端请求竞态问题是指：在用户频繁触发数据请求（如搜索、切换筛选条件等）时，多个异步请求可能同时进行，导致后发请求的结果比先发请求更晚返回，最终页面显...

目标 通过swiper实现类似《仙剑世界》游戏官网 https://xjsj.cmge.com/home/#current=news 的全屏滚动效果。 案例插件版本 "vu...

全屏滚动网站的适配要求 既要自适应宽度，也要自适应高度。一般的网站只需要适配宽度即可，高度会自动随着宽度变动。所以一般的网站使用下面两种方案即可。 在实现h5适配常用的方法...

在浏览器中如何打开微信小程序？ 通过URL Scheme或者 URL Link 明文URL Scheme https://developers.weixin.qq.com/...

跨域 在前端开发中，经常会遇到前端请求后端接口跨域，所谓跨域，指后端接口与前端的协议或者域名或者端口不一致，有很多项目是webpack或vite项目，这些项目可以通过配置p...

在node 16.20.2环境下安装node-sass报错 在node 16.20.2环境下安装node-sass报错，提示没有安装python，提示类似上面的错误。 应该...

常见调试方法不支持 Chrome DevTools的Network面板勾选Preserve Log（勾选日志）选项只能保留之前的网络记录； Chrome DevTools的...

前些天vscode默认推荐copilot，便装上使用了下，用着觉得真的不错，它自动补全的代码准确度还是非常高的，也可以免去很多粘贴复制的无脑工作，比如，前端在写mock数据...

优化前代码 优化前，存在的问题 筛选后点击全选，选择的是所有列表，而不是过滤后的列表。 AI优化后 要优化过滤时的全选功能，使其仅选择过滤后的值，可以在 filterOpt...

一. 使用SVG文本呈现文字 使用x="50%"和text-anchor="middle"实现文字水平居中 二. 使用 transform: scale()缩小文字 fon...

1. window电脑版微信小程序 webview h5无法新开页面 解决办法：去掉 target='_blank' 2. 移动端浏览器（如 Safari 和 Chrome...

滑动定屏 fullpage组件：https://alvarotrigo.com/fullPage/ scroll-snap-type background-attachme...

前端工程师在算法面试中通常会遇到以下类型的题目，这些题目既考察基础算法能力，也结合前端特性。以下是常见题型及示例： --- ### 一、**数组/字符串处理** 1. **...

esbuild、swc 和 terser 都是用于 JavaScript 和 TypeScript 代码的工具，但它们在功能和使用场景上有一些区别。以下是它们的详细对比： ...

node_modules 的目录结构 npm@2 是嵌套结构，npm@3+ 和 yarn 是扁平结构 嵌套结构的优点： 目录结构比较清晰 嵌套结构的问题： windows ...