前端自习课-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端自习课

每日清晨，享受一篇前端优秀文章。

专栏成员

546

文章

723450

阅读量

65

订阅数

【Vuejs】总结- Vue 存储插件的底层原理，你不知道的 localStorage API

localstorage 插件原理 api 存储

当谈到 Web 应用的客户端存储时，localStorage API 脱颖而出，它允许开发者直接在浏览器中存储键值对。

2024-05-30

640

【React】2054- 为什么React Hooks优于hoc ？

react 渲染函数解决方案数据

在现代的 React世界中，每个人都在使用带有 React Hooks的函数组件。然而，高阶组件（HOC）的概念在现代的 React世界中仍然适用，因为它们可以用于类组件和函数组件。因此，它们是在历史和现代 React 组件之间使用可重用抽象的完美桥梁。

2024-05-27

860

【Web技术】2042- 前端实现并发控制网络请求

接口前端网络 web 并发

有时候会遇到需要同时请求多个接口的场景，比如：获取学生列表，然后需要根据每个学生的id获取学生参加的社团的数量（意思是这么个意思，就是要依赖一个数组的每一项进行另一个请求获取其他数据）（听起来应该是后端将每个课程的人数一块返回了才正常），但是确实是有不正常的情景，即返回的学生信息不包含学生参与的社团数量，需要额外调用接口。假设有三四十个学生，那就意味着需要循环调用三四十个获取参与的社团数量的接口，显然对服务器造成的压力是很大的，显然不可以。此处就采用请求池的方法

2024-05-17

1150

【JS】2030- 通过可视化彻底搞懂 Promise执行逻辑

异步 promise 队列函数可视化

JavaScript 中的 Promise 一开始可能会让人感到有些难以理解，但是如果我们能够理解其内部的工作原理，就会发现它们其实是非常易于掌握的。

2024-04-30

1240

【JS】2029- 如何创建 JavaScript 自定义事件？

javascript 对象服务器浏览器事件

假设，你正在构建一个复杂的 web 应用程序，你想到了可以预构建例如click和submit这样的事件，这很好，但如果你需要更特殊一点怎么办？

2024-04-30

970

【JS】2026- JavaScript 中的 btoa 和 atob 全局函数

javascript 编码函数数据字符串

btoa() 方法用于将一个字符串进行 Base64 「编码」。例如，以下代码将字符串 "Hello, world!" 进行 Base64 编码：

2024-04-25

5020

【总结】2020- 前端常用的几种请求方式

数据性能连接浏览器前端

前端数据请求方式主要包括XMLHttpRequest、Fetch、Axios、WebSocket等。这些请求方式各有特点，适用于不同的场景。本文将从综合性能、优缺点、最佳使用场景以及使用方式的角度对这些数据请求方式进行分析。

2024-04-23

1740

【总结】2021- 作为前端，工作中处理过什么复杂的需求？

监控前端音视频工作后台

从春节假期到现在，我们遭遇了前所未有的流量峰值，虽然具体数字不方便透露，但是可以预想得到，那么多所学校在期间强制网络上课，学生加老师的数量是多么庞大。

2024-04-23

980

【Vuejs】2023- Vue3 项目前端 CI/CD 体验

vue3 前端 app ci cicd

出现以上错误修改，结合 vue-demi 配置说明[1] ，修改 package-lock.json，找到 vue-demi

2024-04-23

760

【总结】2019- 如何自己开发一个前端监控SDK

sdk 监控开发前端数据

最近在负责团队前端监控系统搭建的任务。因为我们公司有统一的日志存储平台、日志清洗平台和基于 Grafana 搭建的可视化看板，就剩日志的采集和上报需要自己实现了，所以决定封装一个前端监控 SDK 来完成日志的采集和上报。

2024-04-17

1000

【CSS】1995- 15个CSS 常见错误，请一定要注意避免

css 布局解决方案性能优化

在不断发展的 Web 开发领域，掌握 CSS（层叠样式表）对于制作视觉上令人惊叹且响应迅速的网站至关重要。

2024-03-26

830

【总结】1990- 前端接口防止重复请求实现方案

接口前端数据服务端集合

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

2024-03-19

1180

【React】1981- React 的 8 种条件渲染的方法

函数数据最佳实践 react 渲染

条件渲染是React中的一个强大功能，它允许开发人员根据某些条件控制组件的显示。它在创建动态和交互式用户界面方面发挥着至关重要的作用。

2024-03-18

790

【Vue】1979- 实现Vue3响应式系统核心-MVP 模型

函数模型响应式 mvp vue3

2023 年 12 月 31 日，vue2 已经停止维护了。你还不会 Vue3 的源码么？

2024-03-18

990

【CSS】1965- 分享10个超实用的高级 CSS 技巧

函数技巧设计 css counter

CSS（层叠样式表）是一个强大的工具，可以让开发人员设计出漂亮的网页。在今天这篇本文章中，我们将分享10个 CSS 高级技巧，它们可以将你的网页设计技能提升到一个新的水平。

2024-02-26

1320

【优化】1962- 京东快递小程序分包优化实践

打包小程序京东小程序实践优化

随着项目规模增大，小程序分包优化是必须要面对的问题。分包不合理，不仅影响项目迭代和上线计划，还关乎用户体验，甚至因此导致 C 端用户流失。本文主要介绍京东快递小程序分包过程中踩过的坑，以及小程序分包优化的一些建议。

2024-02-26

1680

【JS】1942- 你知道 XHR 和 Fetch 的区别吗？

对象跨域数据异步 fetch

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

2024-02-06

1830

【总结】1941- 上传、下载终极解决方案：切片！！！

前端数据对象解决方案客户端

在前端开发中，文件流操作是指通过数据流的方式处理文件，对文件进行读取、写入和展示等操作。下面详细介绍了前端文件流操作的几个基本概念和技术。

2024-02-06

2170

【React】1935- 来看看 SWR 如何用 React Hook 实现优雅请求

hook 表格数据 react 缓存

以上几种场景各自都有特殊的处理方式，例如为 axios 增加类似防抖的重复请求处理，计算用户无请求发送时间以确保数据更新，或者为了方便请求响应数据的传递引入庞大的状态管理库。

2024-01-29

4540

【Vite】1934- Vite打包性能优化以及填坑

打包 vite 配置性能优化压缩

最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

2024-01-23

9350

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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