腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端自习课

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

专栏作者

540

文章

711067

阅读量

65

订阅数

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

数据性能连接浏览器前端

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

2024-04-23

310

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

监控前端音视频工作后台

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

2024-04-23

120

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

vue3 前端 app ci cicd

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

2024-04-23

90

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

sdk 监控开发前端数据

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

2024-04-17

850

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

css 布局解决方案性能优化

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

2024-03-26

780

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

接口前端数据服务端集合

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

2024-03-19

1030

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

函数数据最佳实践 react 渲染

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

2024-03-18

710

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

函数模型响应式 mvp vue3

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

2024-03-18

900

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

函数技巧设计 css counter

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

2024-02-26

1130

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

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

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

2024-02-26

1440

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

对象跨域数据异步 fetch

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

2024-02-06

1220

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

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

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

2024-02-06

1860

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

hook 表格数据 react 缓存

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

2024-01-29

3120

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

打包 vite 配置性能优化压缩

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

2024-01-23

6420

【React】1926- Pinia 的 React 版本：你的 React 状态管理新选择！

proxy state 管理 react count

提到 React 状态管理，我最初是接触的 Context，就是用 useContext 和 useReducer 去做状态管理，写多了发现还是挺麻烦的，还会出现 “Provider 嵌套地狱” 的问题，对于不同的 state 也不好组合计算。后面了解到 Redux，固有的模式使得用户需要编写很多重复和复杂的代码，甚至开发者也说了 “Try MobX”。对于 MobX，和前者的的函数式编程不同，它采用的是面向对象式的对状态进行管理，我本身并不是很习惯面向对象，这些状态管理库的心智负担，都太大了些。

2024-01-15

1800

【JS】1917- 8 个关于 Promise 高级用途的技巧

promise 对象函数技巧前端

在js项目中，promise的使用应该是必不可少的，但我发现在同事和面试官中，很多中级以上的前端仍然坚持promiseInst.then()、promiseInst.catch()、Promise等常规用法等等。即使是 async/await 他们也只知道它但不知道为什么要使用它。

2024-01-14

1290

【工具】1923- 12个强大的 JavaScript 动画库，可帮助你提升用户体验

工具浏览器用户体验 javascript 动画

在项目开发中，我们可以通过创造有趣的动画来为我们的项目增加视觉感与用户体验，同时，也为我们的网站增添了独特的美感，而且还提高了用户参与度并创造了令人难忘的第一印象。

2024-01-14

1670

【Web技术】1924- 非常好用的本地存储方案

存储 web 内存手机数据

之前开发了一个离线存储的需求，需要在本地存储较大的数据量，并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大，也要覆盖全多种设备多种浏览器。

2024-01-14

990

【面试题】1915- 如何判断两个数组的内容是否相等

return 遍历对象数组算法

因为把判断的转为了字符串 updatedArr.push({item}{count}) 所以出问题了

2024-01-04

1250

【面试】1902- tree-shaking的原理是什么？

tree 变量函数面试原理

在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-shaking，所以面试官也常常会问到tree-shaking的原理是什么，这时我们该如何回答呢？其实核心原理就是AST。

2023-12-26

931

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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