前端F2E-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

前端F2E

专栏成员

262

文章

241984

阅读量

25

订阅数

前端构建系统浅析

工具浏览器前端构建系统打包

开发者编写JavaScript代码，而浏览器运行JavaScript代码。从根本上说，前端开发不需要构建步骤。那么，为什么现代前端需要构建步骤呢？

2024-07-31

1440

移除jQuery好像也没那么难

遍历事件 javascript jquery document

jQuery 是一个非常实用且实用的库，但随着浏览器对 ES6 的广泛支持（截至撰写本文时超过 96%），现在可能是时候从 jQuery 过渡到原生 JavaScript 了。我最近从我的博客中移除了 jQuery，并发现自己不断地在谷歌上搜索一些模式。为了节省大家的时间，我编写了这个实用的参考指南，列出了一些最常见的 jQuery 模式及其在 JavaScript 中的等价物。我们将涵盖如何从这些概念和函数迁移到纯 JavaScript。

2024-07-10

1360

Vite 是什么(并且为什么如此流行）？

vite 服务器工具开发框架

自2020年4月发布以来，Vite的人气就像坐了火箭一样直线上升。截至写这篇文章的时候，这个项目在GitHub上已经获得了超过64k的star，并且在每周的npm下载量上超过了1200万，现在它支持着大多数开源框架，比如Nuxt[2]、SvelteKit[3]、Astro[4]、SolidStart[5]和Remix[6]（这只是冰山一角）。

2024-06-06

1K0

检测 CSS 中的 JavaScript 支持

css 渲染脚本浏览器 javascript

最近，我惊喜地发现了一个CSS媒体特性——scripting，它能够在所有现代浏览器中使用。这意味着，我们可以根据用户浏览器是否支持JavaScript来提供不同的CSS规则，从而减少未样式化内容的闪烁或不受欢迎的布局偏移。

2024-05-28

1090

Qwik 与 Next.js：哪个更适合你的下一个网络项目？

服务器框架网络渲染 next

在众多的前端开发框架中，我最终选择了 Qwik[1]，而不是 Next.js[2]。我的选择基于几个原因：开发者体验、信号机制、控制层面、能够使用更广泛的 React 生态系统，以及 Qwik 框架的前瞻性特性。Next.js 无疑是一个杰出的框架，我对此毫无保留。然而，Qwik 提供了如此吸引人的开发者体验和新颖的设计，每次使用它编码时，我都感到无比兴奋！

2024-05-18

1530

如何给公众号集成Kimi？

微信插件公众号模型搜索

相信大家或多或少都听说过或者使用过Kimi这款AI神器吧？刚刚发现可以接入公众号了，以后可以随时随地的在微信提问，太棒了有没有。

2024-05-09

4820

Biome：更快的格式化和 Linting

配置网络迁移插件工具

大家好，今天要介绍一个超棒的工具链——Biome，它是为网络项目量身打造的，旨在为开发者提供维护项目健康的工具。

2024-04-25

3520

神奇工具！把网页转换为markdown

模型数据 markdown https 工具

你知道吗？有一种工具叫做Reader，它能够帮你把任何网址转换成更适合大型语言模型（LLM）处理的输入格式。就像给网页穿上了一件“智能外衣”，让它们更容易被理解和使用。而且，这个服务完全免费哦！

2024-04-24

1K0

如何访问数组最后一个元素

兼容性浏览器模块化数组索引

在JavaScript中，想要获取数组的最后一个元素并不是一件简单的事情，尤其是和一些其他编程语言相比。比如说，在Python里，我们可以通过负数索引轻松访问数组的最后一个元素。但是在JavaScript的世界里，负数索引这一招就不管用了，你必须使用数组长度减一的方式来定位最后一个元素。

2024-04-17

1820

Vue.js 中的常见错误

开发者数据响应式性能解决方案

Vue.js，这个JavaScript框架在开发者圈子里可谓是大名鼎鼎，以其简洁和灵活著称，让开发者们能够高效地构建出既有趣又动态的网页应用。不过，就像任何技术一样，它也有自己的学习曲线和可能的陷阱。

2024-04-17

1400

JavaScript 的新数组分组方法

函数数组字符串 javascript 对象

对数组中的项目进行分组，你可能已经做过很多次了。每次都会手动编写一个分组函数，或者使用 lodash 的 groupBy 函数。

2024-02-22

3180

帮助编写异步代码的ESLint规则

对象函数异步 eslint 变量

调试 JavaScript 中的异步代码有时就像在雷区中穿梭。你不知道 console.log 会在何时何地打印出来，也不知道代码是如何执行的。

2024-01-22

2420

创建一个双模式跨运行时的 JavaScript 包

javascript 兼容性脚本浏览器配置

本文将指导你发布双模式、跨运行时的 JavaScript 包。了解如何创建与 ESM 和 CommonJS 以及 Node.js、Deno 和浏览器等不同运行时兼容的库。

2023-12-27

1760

JavaScript 文件优化指南

javascript 工具脚本性能优化

JavaScript 文件是web应用程序的重要组成部分，但网站速度和用户体验对网站的成功至关重要。因此，优化 JavaScript 文件以确保无缝体验至关重要。优化 JavaScript 文件可以解决渲染阻塞、页面加载时间、文件大小等问题。

2023-12-26

2290

如何从Webpack迁移到Vite

webpack 迁移 vite 插件工具

Vite 是最新的前端开发工具，其受欢迎程度和采用率都在大幅增长。可以查看下图中来自 npm trends 的下载。

2023-12-14

4670

如何从Webpack迁移到Vite

webpack 迁移 vite 插件工具

Vite 是最新的前端开发工具，其受欢迎程度和采用率都在大幅增长。可以查看下图中来自 npm trends 的下载。

2023-12-14

4380

CSS 尺寸单位概述

css 容器布局继承浏览器

CSS 提供了多种指定元素大小或长度的方式，其中一些更为直观。CSS 单位可分为四大类：

2023-11-22

3620

Vue组件懒加载

渲染 component 函数性能异步

在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。

2023-09-24

3850

如何使用Grid中的repeat函数

grid repeat 函数浏览器响应式

通过 grid-template-columns 和 grid-template-rows 属性，我们可以显式地设置网格中的行数和列数，并指定它们的大小。如果我们希望多行和/或多列的大小相同，这可能会变得重复。

2023-09-12

5710

module.exports和exports，应该用哪个

module 变量对象函数语法

在这篇文章中，我将介绍如何在 Node.js 中使用模块，重点是如何导出和消费它们。

2023-09-12

2050

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态