前端开发

Vue开发社区

代码在线跑，知识轻松学

Python精品学习库

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

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

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

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

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

作为前端开发工程师，我们需要了解哪些命令？如果您熟悉这些命令，它们将大大提高您的工作效率。

17个有用的CLI命令，作为前端工程师，你需要知道一下

前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。听到这个需求，第一反应就是，防止薅羊毛最保险的方案不还是在服务端加限制吗？前端加限制能够拦截的毕竟有限。可老板就是执意要前端搞一下子，行吧，搞就搞吧，you happy jiu ok。

前端接口防止重复请求实现方案

为了帮助你在 2024 年 JavaScript 面试中取得好的面试成绩，以及面对一些复杂情况时，也能游刃有余，我们整理了一份包含 35 道JavaScript的必知内容。希望这些内容能够帮助你清晰而快速的了解它们的核心内容。

35道JavaScript 基础内容面试题

每次有同学学习到 vue3 的时候，总会问我：“Sunday 老师，ref 和 reactive 我们应该用哪个呢？” 我告诉他：“我们应该使用 ref，而不是 reactive”。那么此时同学就会有疑惑：“为什么呢？ref 还需要 .value 处理，reactive 看起来会更加简单呢？”


看尤雨溪说：为什么Vue3 中应该使用 Ref 而不是 Reactive？

现如今，网站开发普遍采用前后端分离的模式，数据交互成为了不可或缺的关键环节。在这个过程中，XHR 和 Fetch API 是两种最常见的方法，用于从 Web 服务器获取数据。XHR 是一种传统的数据请求方式，而 Fetch API 则代表了现代 Web 开发的新兴标准。接下来，我们将一同深入学习它们的使用方法和适用场景。

你知道 XHR 和 Fetch 的区别吗？

英文 | https://javascript.plainenglish.io/4-tricks-and-tips-about-closure-in-javascript-you-should-know-a7fe6aeaa767

4 个关于JavaScript 中闭包的有用技巧

上图标红就是相关的工程化配置，有 Linter、Tests，Github Actions 等，覆盖开发、测试、发布的整个流程。

【总结】超全面的前端工程化配置指南！

Chunk 不同于 entry、 output、module 这样的概念，它们对应着 Webpack 配置对象中的一个字段，Chunk 没有单独的配置字段，但却出现在 CommonsChunkPlugin（Webpack3 以前）、optimization.splitChunks（Webpack4 以后）这样的名称之中。

理解 Webpack 中的 Chunk

上周测试同事给我提了个bug。他说在公司运营系统某个编辑页面中，一个post请求调用太多次了，想让我看看怎么回事。我刚听他讲这个事情时心里有点不屑一顾，觉得能有多少次啊，大惊小怪的。然而当我在测试环境中打开那个页面一看，直呼好家伙！这个页面调用了30次相同的请求，属实有点离谱的！

页面一打开就有30个重复请求，我要怎么优化？

曾经（7年前实习的时候，Vue 刚刚火起来的时候）也是个 Vuer！后来 主（bei）动（po） 转的 React，总结 10 个常犯的错误，给转行中的 Vuer ~

Vue 选手转 React 常犯的 10 个错误，你犯过几个？

 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家可根据需求综合分析得出一套适用的方案。

前端主题切换方案详解

最近，我的一位朋友在面试时被问到这个问题。这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。下面我就和大家一起来分析一下这个问题。

后端一次返回过多数据，前端应该如何优化处理？

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？

从0到1搭建前端监控平台，面试必备的亮点项目

Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完全满足您的需求，如果想构建 Vite 3 + Vue 3 + JavaScript 项目，那社区模板不太能满足您的需求，因为社区模板提供 Vue 3 项目几乎是基于 Vite 2 + TypeScript 构建，对于不熟悉 TypeScript 语言的用户不是很友好，因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。

从 0 搭建 Vite 3 + Vue 3 前端工程化项目

Webpack[2] 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。

二十张图片彻底讲明白 Webpack 设计理念，以看懂为目的

前言💁‍♂️
相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火😡，有时候一个 bug 排查下来，严重感觉身体被掏空😿。
本文并未有消灭或歧视 if else的意思，if else 的好用都知道，这里只是在某些特定场景为大家额外提供一种思路，增加我们代码的可读性🐳。
短路运算💻
Javascript 的逻辑或 || 的短路运算有时候可以用来代替一些比较简单的 if else
逻辑或 || 的短路运算：若左边能转成true，返回左边式子的值，

提升代码可读性，减少 if-else 的几个小技巧

web-see[1] 前端监控方案，提供了 前端录屏+定位源码 方式，让bug无处藏身

前端录屏 + 定位源码，帮你快速定位线上 bug

英文 | https://javascript.plainenglish.io/a-quick-vue3-infinite-scrolling-component-daily-vue-tips-4-20c7052ccda4

一个快速的 Vue3 无限滚动组件

setup()函数是vue3中专门新增的方法，可以理解为Composition Api的入口。

Composition API详解

一、常规操作（增、删、改、查） 增 push() 方法往数组尾部添加元素，并改变数组长度 let arr = [1] arr.push(2) console.log(arr) // [1,2]  unshift()方法往数组前面插入元素，并改变数组长度 let arr = [1,2] arr.unshift(0) console.log(arr) // [0,1,2]  splice() 方法传入三个参数，依次是 开始位置、要删除的元素数量、插入的元素 // 从 0 下标开始，删除长度为0 ，插入元素

面试官：常见的数组方法有哪些？

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

腾讯云开发者社区推出了Vue开发社区专栏，为你提供了Vue开发社区的相关文章，致力于帮助开发者快速成长与发展。

Vue开发社区

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐