前言:不同分辨率的大屏适配这个是每个前端都会遇见的问题,以前也尝试过多种方案,今天就来分享一下我尝试过的方案跟我比较推荐的方案。 一、常见的大屏适配方案 1. 固定宽高 + scale 整体缩放 核心思想:把设计稿当作“画布”,用 CSS transform: scale() 对整张画布缩放,保证视 ...
WindowPet —— 一款使用 Tauri 和 React 构建的宠物叠加应用程序,在屏幕上拥有可爱的宠物、动漫人物等伙伴,支持 Windows、macOS 和 Linux 系统。 ...
基于 LLM + Next.js 的博弈实战猜拳游戏 摘要:当你以为自己在和随机数生成器玩游戏时,对面的 AI 正在阅读你所有的历史出拳记录,并写了一篇关于你心理状态的小作文。本文带你拆解这个基于 Next.js 16 + Tailwind v4 + LLM 的“过度设计”+“没啥技术含量”+”有那 ...
Termix —— 一个开源、永久免费、自托管的一体化服务器管理平台,通过一个直观的界面管理服务器和基础设施,同时提供 SSH 终端访问、SSH 隧道功能以及远程文件管理等功能。 ...
组件化思想 组件 组件是构建 React 应用的独立、可复用的代码块。它接收输入(称为 props),并返回描述UI的 React 元素。 函数组件 vs 类组件 函数组件:一个接受输入,并输出JSX的函数。 类组件:使用class定义,并继承React.Component的类,必须包含一个rend ...
Github Stars Manager —— 一款帮助开发者有效组织、分类和搜索其 Star GitHub 仓库的工具,通过提供直观的分类、AI 分析和高级搜索功能管理星标库。 ...
在医疗、酒店、美容等服务行业中,预约(Booking)与排班(Scheduling)是线上服务的两大核心功能。今天,我们为大家带来 React 技术栈医生预约演示应用。它展示了如何借助 DHTMLX Scheduler 与 Booking 组件,在一个应用中实现预约与排班的有机结合。 ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:佳岚 什么是行内代码生成? 通过一组快捷键(一般为cmd + k)在选中代码块或者光标处唤起 Prompt 命令弹窗,并且快速的应用生成的代码。 提示词系统 ...
Node.js 环境准备 为了方便切换 Node.js 版本, 在 Ubuntu 下使用 nvm 做 Node.js 的版本管理, 在 Windows 10 下使用 fnm 做 Node.js 的版本管理 Ubuntu 22.04 Node.js 环境准备 以下操作使用 Ubuntu 22.04 环 ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:长路 认识扣子 相关链接 官方文档:什么是扣子 https://www.coze.cn/open/docs/guides/welcome 学习资源:https ...
React开发者们的呼声,DHTMLX团队听到了!继DHTMLX React Gantt图表广受欢迎后,DHTMLX再次带来全新力作 —— DHTMLX React Scheduler正式发布! 该组件将成熟稳定的JavaScript Scheduler功能完美移植到React生态,为现代Web开发 ...
VanBlog —— 一款简洁、实用、优雅的个人博客系统,内置了流量统计和图床,集成了评论系统,并支持全自动按需申请 HTTPS 证书、黑暗模式、移动端自适应等。 ...
drawnix —— 一款开源的、基于 React 实现的白板工具(SaaS),实现一体化白板功能,包含自由画、思维导图、流程图等。 ...
drawDB —— 一个开源免费的在线数据库图表编辑器,通过鼠标拖拽可视化设计数据库,并支持直接导出 SQL 脚本,是开发必备的一款高效工具。 ...
前言 Svelte,一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合 ...
对于前端来说,组件话已经从热门话题变成了基础能力,自定义组件或自建组件库已是再常见不过的事了。在实际工作中组件库的文档直接决定开发体验和效率,文档建设的重要性不言而喻。今天要推荐的工具叫Storybook,为此我特地通过用99元买的服务器搭了一套CI/CD系统部署了一套Demo,欢迎点击体验:Dem ...
前言 Svelte,一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合 ...
前言 Svelte,一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合 ...
前言 Svelte,一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合 ...
React 国际化 前言 仅管市面上存在多款流行的国际化解决方案,但是笔者个人精力有限在此只记录工作学习中遇到的解决方案(持续更新) react-i18next 方案 1. 安装 pnpm install react-i18next i18next --save 2. 创建文件 在 src 目录下新 ...