前端充电宝

其他

React 19 即将推出的 4 个全新 Hooks,很实用!

use(resource);官方文档:https://zh-hans.react.dev/reference/react/useuse(Promise)use
1月26日 上午 9:00
其他

太失望了!前端社区对 React 的抱怨越来越多...

19.0.0,这种策略我并不喜欢。虽然存在一些变通方法可以使用当前的预览版React,但这些方法都存在问题。预览版并不稳定,可能会包含一些破坏性的更改。总的来说,这种情况给人的印象是,Vercel
1月24日 上午 9:00
其他

npm 淘宝镜像到期了,尽快切换~

的包管理器,但随着前端技术的不断发展,它的定位变成了广义的包管理器,可以实现JavaScript、React、Vue、Gulp、移动开发等包管理,是目前最大、生态最为健全的包管理器。npm
1月23日 上午 10:20
其他

Prettier + ESLint + Rust = ?? 快,真是太快了!

应用开发方面展现出了巨大的潜力。其卓越的性能表现、出色的兼容性以及以用户体验为核心的易用性设计,为开发者提供了一个极具吸引力的解决方案。展望未来,我坚信
1月20日 下午 6:37
其他

78k Star!爆火的高质量前端工具集,超实用!

提供了100%的类型安全,确保代码的准确性和可靠性。无头实用程序:它是一个无头库,意味着它不包含任何预设的UI元素,也不渲染或提供实际的UI元素。易于维护:Ranger
1月19日 上午 9:00
其他

前端卷鸿蒙?推荐 12 个 yyds 的开源鸿蒙实战项目

3.1+操作系统上,使用ArkUI框架开发的一款开源账单记录软件。Gitee:https://gitee.com/ericple/oh-bill作业清单使用
1月18日 上午 10:09
其他

开源了!用 AI 生成 Vue 组件,好玩又好用

v0(v0.dev),这款工具可以快速生成前端组件代码,引起了前端圈的广泛关注。通过简单的描述,v0能够快速生成前端页面,让AI在前端开发领域的潜力更进一步展现出来,距离
1月11日 上午 10:20
其他

2023年最火前端项目凭什么是它?

UI构建的应用程序不仅外观美观,而且能够适应各种用户需求,无论是使用屏幕阅读器、键盘导航还是其他辅助技术的用户都能顺利使用。精细控制与高度可定制:与其他UI库不同,Shadcn
1月9日 下午 2:20
其他

2023年最火的前端项目出炉,竟然是它?

的衰落有关,后者是一个旨在统一工具链(编译、linting、格式化、打包、测试)的雄心勃勃的项目。由于背后的公司遭遇困境,该项目在今年停止了。值得庆幸的是,该项目被分叉并以
1月5日 上午 8:35
其他

尤雨溪老二次元了,揭秘 Vue 那些有趣的版本名称!

中文名为冥王星,它是浦泽直树的漫画作品,改编自《地上最强机器人》,该漫画讲述了机器人PLUTO杀害其他机器人,凸出了人类和机器人共存的矛盾。Vue.js
1月4日 上午 9:02
其他

Ant Design 家族再添新成员,全家族一览!

Motion,开发者可以通过简单的配置实现所需的动画效果,包括单项动画、组合动画等,快速地提高工作效率。官网:https://motion.ant.design/ScaffoldsScaffolds
1月2日 上午 9:00
其他

Vue 2 终版发布,版本号:Swan Song (绝唱)

:https://v3-migration.vuejs.org/zh/往期推荐前端新玩具来了,速度快的惊人🤩盘点2023年前端大事件Vue
2023年12月25日
其他

强烈推荐!好玩又好用的开源工具

具有以下特性:基础:标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用、打印增强:撤回、重做、格式刷、橡皮擦、待办事项、字体颜色、背景颜色、Emoji
2023年12月22日
其他

12 个超级实用的 CSS 技巧

crisp-edges,可以让浏览器在缩放图片时只显示原始边缘,从而加快图片加载速度。在高分辨率设备上显示高清图像:对于高分辨率设备,如果直接展示低分辨率的图片,可能会出现模糊或者失真的问题。通过将
2023年12月19日
其他

前端新玩具来了,速度快的惊人🤩

eslint、typescript、eslint-plugin-react、eslint-plugin-jest、eslint-plugin-unicorn
2023年12月18日
其他

Vue 2 即将结束支持,你需要注意这些!

仍然会通过所有现有的分发渠道(如CDN、包管理器、Github等)提供,但将不再获得新功能、更新或修复。换句话说,你的应用将继续正常运行,但包管理器将会显示弃用警告,提醒你
2023年12月16日
其他

2023 年 CSS 新特性大盘点

P3、Rec.2020、XYZ等多种格式中指定HDR颜色。创建具有HDR颜色的渐变。在可选颜色空间中插值渐变。使用color-mix()混合颜色。利用相对颜色语法创建颜色变体。color-mix
2023年12月11日
其他

Facebook、Instagram 都在用的 CSS 解决方案开源了!

文件等辅助功能,它为打包工具插件的实现提供了支持。运行时库:这是一个轻量级的运行时库,用于处理更高级的动态样式组合模式。经过优化后,它具有高效性能,并利用结果缓存技术提升响应速度。ESlint
2023年12月9日
其他

Astro 4.0 正式发布,爆火的现代化前端框架

表单和动态客户端表单组件进行交互,触发表单提交时的过渡效果,而不是链接导航。预取:现在可以指定链接在悬停、点击或页面上可见时应预取,还可以在单个链接上启用/禁用预取。提供navigate()低级
2023年12月7日
其他

Electron 28.0.0 正式发布,跨平台桌面应用开发工具!

v7.0.0或更高版本中找到此支持:https://github.com/electron/forge/releases/tag/v7.0.0UtilityProcess
2023年12月6日
其他

Vitest 1.0 正式发布:Vue 团队打造的下一代测试框架!

的import.meta.hot.offvitest:暴露getBenchFn、getBenchOptions在测试期间运行类型检查过滤堆栈跟踪将execArgv暴露给不同的池Vitest
2023年12月6日
其他

盘点2023年前端大事件

Run、Netlify、Node.js、Deno、Vercel等,而且这个列表还在不断增长。以与托管提供商无关的方式编写应用,避免厂商锁定。UI组件:选择使用QwikUI、Papanasi
2023年12月5日
其他

10分钟搞定前端虚拟列表

当处理包含大量数据的列表时,前端性能往往是一个重要的考虑点。传统的滚动列表组件在处理大数据量时可能会非常卡顿,甚至导致页面崩溃。那么针对这个问题,虚拟列表的概念就出现了,随后又出现了各种各样的虚拟列表库。通过将可视区域内和可见区域外的数据进行动态切换,虚拟列表可以极大地提升列表滚动的性能。本文就来分享一些主流的前端虚拟列表工具库!Vuevue-virtual-scrollervue-virtual-scroller
2023年11月30日
其他

2024 年 Vue 发展预测

https://github.com/vuejs/rfcs/discussions/460往期推荐这些开源项目,把浏览器多窗口玩出花了!Vue
2023年11月29日
其他

这些开源项目,把浏览器多窗口玩出花了!

实现的浏览器多窗口交互的小游戏。Github:https://github.com/chigozienri/browser-bounce/AcrossTabsAcrossTabs
2023年11月27日
其他

Vue 又更新了,性能大幅提升!

生成SourceMapGenerator.addMapping花费了大量时间来规范化和验证输入参数。考虑到我们知道提供的是确切参数,可以通过直接添加映射来避免这个开销。消除SFC模板的双重解析和
2023年11月26日
其他

全网疯传的前端量子纠缠效果,源码来了!

Date();today.setHours(0);today.setMinutes(0);today.setSeconds(0);today.setMilliseconds(0);today
2023年11月24日
其他

尤雨溪都在推荐的 Vue 拖拽库!

类型Functionscroll是否启用滚动Boolean\HTMLElementscrollFn自定义滚动ScrollFn-scrollSensitivity鼠标必须离边缘多近才能开始滚动,单位
2023年11月22日
其他

Vite 5.0 正式发布

开始,默认情况下它们将会生成在.build.outDir目录中的.vite目录中。这个改变有助于避免公共文件与相同的清单文件名在复制到build.outDir时发生冲突。CLI
2023年11月17日
其他

可视化管理Node.js版本,太好用了!

版本了!Github:https://github.com/1111mp/nvm-desktop[1]nvm-windows:
2023年11月16日
其他

TypeScript 5.3 来了,一大波新特性~

API)。然而,这两个是不同包,它们有许多重叠之处,在包中重复了很多代码。更重要的是,由于自动导入或肌肉记忆,要始终一致地使用其中一个可能会很具有挑战性。意外加载两个模块太容易了,代码在不同的
2023年11月15日
其他

图解 JS、React、Vue 设计模式

个:设计模式:单例模式代理模式原型模式观察者模式模块模式混合模式中间件模式享元模式工厂模式渲染模式:岛屿架构渲染模式动画视图转换性能模式:拆包压缩
2023年11月14日
其他

8个 yyds 的开源前端实战项目!

view-design开发。https://gitee.com/chowa/ejyy教务系统一套支持私有化部署的教培行业教务管理系统,专为教培行业提供云化管理解决方案,是一套纯springboot
2023年11月13日
其他

阿里云严重故障,阿里云、钉钉、闲鱼、淘宝、语雀等都崩了...

的公司这次都受到了影响。希望尽快恢复,等待故障结果。阿里云相关负责人的绩效怕是不保了,说好的“稳定可靠”呢
2023年11月12日
其他

即将到来的 Vue 3 “Vapor Mode”

能够无缝地融入现有的应用,而无需对当前的设置进行任何修改。可以在组件级别进行选择,以便能够逐步将其引入到应用的一部分中,或者特别是在性能关键的区域中使用。这样,可以根据需要灵活地利用
2023年11月10日
其他

Angular 17 来了,性能大幅提升!

API,构建了一个检查用户界面,可以预览:组件检查器中组件的依赖关系注入器树和依赖关系解析路径单个注入器内标明的供应商往期推荐Angular
2023年11月9日
其他

Angular 发布新文档、新Logo

团队还将构建额外的指南和丰富的教程手册,利用新的内嵌式实验平台。除此之外,还可以创建一些教程,以帮助将其他Web框架的概念映射到Angular的概念中。2023
2023年11月7日
其他

浅谈 HTML5 Web Worker,性能优化利器?

与主线程之间的通信。这可能导致消息处理延迟,潜在地减慢应用程序的速度。为了最小化这种开销,应该只在线程之间发送必要的数据,避免发送大量数据或频繁发送消息。调试工具有限与在主线程中调试代码相比,调试
2023年11月3日
其他

前端日历实现:公历、农历、黄历、星座、节气、天干、地支、八字、星宿、五行...

彭祖百忌、八卦方位、吉神方位、胎神方位、太岁方位、冲煞、纳音、八字、十神、旬、旬空(空亡)、建除十二值星、十二天神、每日宜忌、时辰宜忌、吉神凶煞、月相、九星、日期推移、转阳历、转佛历、转道历。
2023年11月1日
其他

ESlint 终于把这个大麻烦解决了!

中可能会看到看用警告。参考:https://eslint.org/blog/2023/10/deprecating-formatting-rules/往期推荐Next.js
2023年10月30日
其他

Next.js 14 正式发布,更快、更强、更可靠!

数据库使用服务端组件获取数据静态和动态渲染流媒体部分预渲染(可选)添加搜索和分页数据变更错误处理改善无障碍环境添加身份验证添加元数据其他更新[重大变更]
2023年10月28日
其他

10分钟快速搭建个人博客、文档网站!

支持、数据分析等。自动优化和代码分割:会自动对生成的网站进行优化,包括图像压缩、代码分割、懒加载等,以提高性能和加载速度。部署灵活:可以将生成的静态文件部署到各种托管平台,如
2023年10月27日
其他

Vite 的设计理念

CI,并让我们清楚地了解生态系统对发布的反应。在回归影响用户之前修复它们,并允许项目在发布后立即更新到下一个版本。往期推荐当年很流行,现在已经淘汰的前端技术,请不要再继续学了!2023
2023年10月23日
其他

当年很流行,现在已经淘汰的前端技术,请不要再继续学了!

Hooks,得以让我们更方便的使用函数组件,函数组件的代码也更加清晰易懂。因此,理解类组件是如何工作的以及生命周期方法仍然是很好的。但如果正在编写新的
2023年10月22日
其他

2023 年 WebAssembly 现状:第四种 Web 语言

是第三个最受欢迎的语言。通过绘制每种语言的差异,即“经常使用”的回答数量和“希望大量使用”的回答数量之间的差距,可以看出在受欢迎程度与使用率之间有着最大差异的语言:可以看到,Zig、Kotlin
2023年10月19日
其他

2023 年,Nuxt 怎么样了?

小游戏,个个经典!深入研究了Web版Photoshop,发现了这些有趣又有用的CSS知识!Electron
2023年10月19日
其他

Node.js 21 正式发布

流团队不断优化可写流和可读流。在这个版本中,通过移除冗余检查、利用位图以及以更高效的方式安排回调来进一步优化流操作。HTTP在此之前,当向分块响应写入数据时,无论响应是否处于
2023年10月18日
其他

8个开源的 Vue / React 小游戏,个个经典!

实现的经典贪吃蛇游戏。Github:https://github.com/ekinkaradag/snake-vue3扫雷一个扫雷游戏,作者尝试使用老式字体和经典的
2023年10月17日
其他

深入研究了Web版Photoshop,发现了这些有趣又有用的CSS知识!

1fr;}这里有几个要点:使用CSS的:not()选择器。使用[attr^=value]选择器来排除具有以vertical开头的值的direction属性的HTML元素。这些都是条件式
2023年10月16日
其他

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

的功能,添加了对jq的支持,这是一个本地命令行JSON处理器,可以轻松地切片、过滤、映射和转换结构化数据。可以在任何项目中从shell中使用它。展望未来虽然这些发展令人兴奋,但这只是个开始。WASI
2023年10月13日