前端开发

性能大幅提升!Vite 5.0 正式发布!

1

前端里 - 小鱼 发布于 2023-11-17

11 月 16 日,Vite 5.0 正式发布,这是 Vite 道路上的又一个重要里程碑!Vite 现在使用 Rollup 4,这已经代表了构建性能的大幅提升。此外,还有一些新的选项可以改善开发服务器性能。 Vite 4 发布于近一年前,它为生态系统奠定了坚实的基础。随着项目继续...

阅读(205)评论(0)赞 (2)

8个实现网站滚动效果的 CSS & JavaScript 代码

前端里 - 小鱼 发布于 2023-10-06

滚动是我们网站的用户最常用的操作之一,添加滚动效果是增强用户体验的好方法。例如,对于内容很长的页面增加进度提示,在用户滑动页面的时候增加动画效果等等,这些很小的改进都可以帮助用户更好的使用网站的功能。这篇文章收集了8个实现网站滚动效果的 CSS & JavaScript ...

阅读(286)评论(0)赞 (3)

通过案例,彻底理解 Vue 中的 sync 修饰符

前端里 - 小鱼 发布于 2023-10-03

sync 修饰符是一个非常重要的知识点,将页面拆分成一个个组件的时候就经常用到 sync 修饰符。比如你做过 vue+element-ui 的管理系统,要对分页组件拆分成一个独立的子组件这个时候一定会使用到 sync 修饰符 为了深入理解,我们需要两个组件 myDialog.vu...

阅读(211)评论(0)赞 (2)

Bun 1.0 正式发布,快如闪电,遥遥领先!

1

前端里 - 小鱼 发布于 2023-09-12

2023 年 9 月 8 日,运行时 Bun 正式发布 1.0 版本,标志着这个由前 Facebook 工程师创建的项目正式进入稳定生产可用阶段。Bun 的愿景是通过深度整合,让前端开发 “快如闪电”。这个新生力量是否能撼动老牌霸主 Node 的地位,成为下一代前端开发标准?让我...

阅读(467)评论(0)赞 (6)

10 个图像悬停效果 CSS & JavaScript 代码片段

前端里 - 小鱼 发布于 2023-09-09

悬停效果一直是向网站添加交互元素的最简单方法之一,我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时,无论是作为小型卡片布局的一部分还是大型相册的一部分,都可以产生很棒的效果。 今天,我们将向您展示设计师将悬停效果集成到图像中的一些创意方法...

阅读(374)评论(0)赞 (4)

JavaScript 侦测手机浏览器的五种方法

前端里 - 小鱼 发布于 2023-09-02

有时候,前端网页需要知道,用户使用的是手机浏览器还是桌面浏览器。 本文根据 StackOverflow,整理了 JavaScript 侦测手机浏览器的五种方法。 一、navigator.userAgent 最简单的方法就是分析浏览器的 user agent 字符串,它包含了设备信...

阅读(375)评论(0)赞 (4)

环境变量过多导致 Node.js 容器无法启动的问题

2

前端里 - 小鱼 发布于 2023-08-30

公司最近一直在迁移项目部署到阿里云的k8s,某天一早来到公司后,熟练的克隆了一个Node项目的部署配置,准备开始迁移老项目。测试环境(qa环境)发布正常后,满心欢喜的开始部署到预发布环境(yz环境),然而发布才过了几分钟,就发现pm2报错: PM2 error: Trace: {...

阅读(248)评论(0)赞 (4)

彻底搞懂 package.json 中的 exports, main, module, type

3

前端里 - 小鱼 发布于 2023-08-20

每个项目(npm上下载的包,或者其他的nodejs项目)的根目录下面,一般都有一个package.json文件, 定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证、如何启动项目、运行脚本等元数据)。但是你对里面的字段都很了解吗,本文将带你了解其中经常使用...

阅读(389)评论(0)赞 (3)

Mac 环境快速安装 Homebrew & Nginx 教程

前端里 - 小鱼 发布于 2023-08-19

Homebrew 是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。 Nginx 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/S...

阅读(536)评论(0)赞 (3)

Vue 3.3 正式发布,代号“浪客剑心”

前端里 - 小鱼 发布于 2023-06-29

Vue 3.3 已正式发布,代号 “Rurouni Kenshin”(浪客剑心)。 公告写道,此版本专注于改进开发者使用体验 —— 特别是 SFC<script setup> 与 TypeScript 的结合使用。一同发布的还有 Vue Lan...

阅读(315)评论(0)赞 (2)