前端教程
-
使用 nuqs 在 Next.js 中管理 URL 查询字符串状态
在开发现代 web 应用时,状态管理是一个非常重要的部分。通常,我们会使用 React.useState 来管理组件的状态。然而,有时候我们希望状态能够与 URL 的查询字符串同步…
-
JavaScript的Iterator和for…of循环
听说你还在为JavaScript的遍历而困扰?看到[Symbol.iterator]还三脸懵B?来了解一下迭代器模式、遍历器的实现、协议规范、应用场景及常见遍历方法吧! 深入了解S…
-
手把手使用Blender+ThreeJS制作跨栏小游戏
效果展示 先录制的视频,再转化为GIF图片导致展示效果有点延迟,实际效果还是挺丝滑的,感兴趣的可以上手尝试一下 人物模型和动画获取 在mixamo.com网站,需要先登录一下,可以…
-
CSS的三大魔法特性:层叠、继承与优先级,让你的网页设计如虎添翼!
在网页设计的浩瀚宇宙中,CSS(层叠样式表)无疑是那颗最璀璨的星辰,它不仅赋予了网页绚丽多彩的外衣,更通过其独特的三大特性——层叠(Cascading)、继承(Inheritanc…
-
docusaurus中引入shiki实现代码高亮
0.效果 设置各种主题 使用聚焦插件 标注某个单词 除了twoslash用不了,基本功能还是可以。 因为docusaurus打包之后本质上是一个静态网站,没有后端代码,所以没办法读…
-
浏览器中如何获取用户网络状态
网页开发中存在需要获取用户是否在线的场景及用户网络状态,浏览器提供了 navigator.onLine 和 navigator.connection 可以实现这一需求。 获取在线状…
-
完全掌握vue全家桶单元测试 : 6. 深入理解组件测试
前置知识 观念改变 在这一章,会讲到如何测试组件,我在这一章只讲组件测试的基本操作,不会去讲测试的心法,后面章节再专门讲测试的心法,我会带着大家,把复杂的业务点,拆成一个一个细点,…
-
InqureJS:手搓脚手架必备!让你的命令行交互花里胡哨!
如果想自己做一个脚手架或者在某些时候在 CMD 窗口进行交互,这个时候就可以使用 inquirer.js。 首先npm init 初始化一个文件夹,来测试这个库,然后安装包: np…
-
【vite.config.ts】(多环境配置)设置环境文件 .env.local
前言 记录下踩的坑。。。 这次这个坑,印象很深刻,因为网上找了很多答案,基本都是一样的,试过了,都没有用。。。 我猜,可能人家当时的vite版本和我不一样,人家也没把vite版本给…
-
tailwindcss Vue项目CSS开发体验
本文将介绍如何将 TailwindCSS 结合 Vue 项目使用,并探讨 TailwindCSS 对前端开发带来的优势。同时,还将介绍一款实用的 VSCode 插件,帮助开发者更好…