鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 2.9w 条

注意：雪花算法并不是ID的唯一选择！

介绍了这么多，你会用哪种ID生成器呢？其实，一个组件如果使用的量增加到一定程度，都会出现问题，需要专门进行组件设计。

2022-06-14 18:35:01

ID 生成器语言

客观评价增长趋势比 Vite 还猛的 TailwindCSS

导入 TailwindCSS 在 Developer Experience 上是颇受团队好评的，近年 TailwindCSS 的窜起，如果它没有解决一些痛点，又何来这麽多人吹捧？

2022-06-14 10:41:23

Node_modules 是该好好治一治了

作为前端开发者，大家有没有被 node_modules 困扰过呢？反正我是有。。。因为 npm 特殊的包管理机制，往往一个很小的项目就会携带一个很大的 node_modules 。

2022-06-14 09:04:55

一文读懂 TypeScript 泛型及应用

本文详细解释了适用于函数、接口、类和自定义类型的泛型，还使用泛型创建映射类型和条件类型。这些中的每一个都使泛型成为使用 TypeScript 时的强大工具。

2022-06-14 09:01:06

TypeScript 泛型

解密函数计算异步任务能力之任务的状态及生命周期管理

Serverless Task 提供了每个任务的状态细节，并会对这些细节进行实时的持久化。用户可以根据需要对这些状态信息进行实时的查询，并根据执行及业务情况进行相应的操作。

2022-06-14 08:43:05

函数计算异步任务周期管理

系统架构设计之数据模型的选型难题

数据模型有很多类型，每种都有其最佳实践。考虑到数据模型对其上的软件应用有巨大影响（哪些可以做、不能做），因此需慎重选择适合业务的数据模型。

2022-06-14 08:02:35

关系模型数据模型文档模型

爱彼迎将JavaScript代码打包工具从Webpack改用Metro，缩短了构建时间译文

与许多大规模公司一样，随着代码库不断变大，爱彼迎也在打包工具方面经历了阵痛。即使代码库增至四倍，爱彼迎在2018年将JavaScript代码打包工具从Webpack迁移到Metro后，还是加快了对前端的UX更改。

2022-06-14 08:00:00

JavaScript 工具 Metro

开源的在线图片压缩工具-Squoosh

前几天，我要压缩几张自己的照片用于电子请柬，不想把这些私有图片上传到别人的网站上，就想着找个开源的。最终还真找到一个非常不错的开源图片在线压缩工具-squoosh。

2022-06-14 07:29:51

squoosh 压缩工具开源

「 NodeJs 进阶」超全面的 Node.js 性能优化相关知识梳理

比如性能分析，性能测试，内存管理，内存查看，使用C++插件，子进程，多线程，Cluster模块，进程守护管理等等NodeJs后端的知识，在这里为大家来分析一下这些场景与具体实现。

2022-06-13 15:59:13

Python编程中特有的循环语句及其特点

Python编程的追求的就是简单而优雅，既无所不能，又接近人的自然表达模式。毋庸置疑，其简洁而不简单的魔力吸引力大量的拥趸。

2022-06-13 14:33:15

Python 编程框架

大文件怎样实现快速上传？

本文只介绍资源分块上传的方式，并且会通过前端（vue3 + vite）和服务端（nodejs + koa2）交互的方式，实现大文件分块上传的简单功能。

2022-06-13 14:06:33

大文件上传前端

WWDC 2022：哪些是前端开发者要关注的信息？

在本地大会中，苹果公司宣布了 Safari 16 beta 版本的发行，我们一起来看看 Safari 16 beta 版本带来了哪些新的能力。

2022-06-13 11:35:15

五张图带你理解 RocketMQ 延时消息机制

延时消息的延时时间并不精确，这个时间是 Broker 调度线程把消息重新投递到原始的 MessageQueue 的时间，如果发生消息积压或者 RocketMQ 客户端发生流量管控，客户端拉取到消息后进行处理的时间可能会超出预设的延时时间。

2022-06-13 11:05:35

RocketMQ 消费者线程

熟悉事件循环？为什么会分为宏任务和微任务

事件循环中的任务被分为宏任务和微任务，是为了给高优先级任务一个插队的机会：微任务比宏任务有更高优先级。

2022-06-13 10:24:47

宏任务微任务前端

这篇手写 Promise 你一定要康康

本文的内容适合对 Promise 的使用有一定了解的童鞋，因为过程中不会过多解释 Promise 的基础操作。我们从一个基础版本开始，渐进式地完成这个 Promise，在过程中分享我的理解和观点。内容可能有点长，废话不多说，我们开始吧。

2022-06-13 09:26:41

Promise 前端代码

Ramda 哪些让人困惑的函数签名规则

在类型签名中F是一个类型构造器, 既和Array一样的「返回类型的类型」，然而, TypeScript 里根本无法声明"一个类型参数为类型构造器"。

2022-06-13 09:05:33

Ramda 函数签名

Github上八个优秀的React项目

今天来分享 Github 上 8 个很棒的 React 项目，希望能通过学习这些项目源码，帮助大家更好地理解 React，编写更优雅的 React 代码！

2022-06-13 09:00:33

React 项目前端

封装几个有用的 Vue3 组合式API

本文将介绍如何使用Vue3来封装一些比较有用的组合API，主要包括背景、实现思路以及一些思考。

2022-06-13 08:39:21

WireMock 让你轻松模拟API

WireMock 是一个Http 模拟服务，其核心也是一个web服务，WireMock主要是为特定请求提供固定的返回值。

2022-06-13 08:01:59

WireMock Http 模拟服务

聊聊 UseEffect 怎么支持Async...Await

useEffect 作为 Hooks 中一个很重要的 Hooks，可以让你在函数组件中执行副作用操作。它能够完成之前 Class Component 中的生命周期的职责。

2022-06-13 07:36:47

useEffect Hooks

Go 语言怎么优化重复的 if err != nil 样板代码？

本文我们介绍怎么优化 Go 语言中重复的 if err != nil 样板代码的两种方式，笔者推荐使用第二种方式，因为第一种方式虽然简单，但是在一些特定场景并不适合。

2022-06-13 07:03:25

Go 语言怎么优化重

使用Zadig从0到1搭建持续交付平台

相信有不少朋友已经听过Zadig，但是有更多的朋友还没有听过，或者说听过但是没仔细去了解过，这里我还是简单介绍一下什么是Zadig。

2022-06-13 07:02:02

Zadig 平台自动化

React 的 SetState 是同步还是异步？

setState 是同步还是异步这个问题等 react18 普及以后就不会再有了，因为所有的 setState 都是异步批量执行了。

2022-06-13 06:20:42

setState react18

微服务权限处理，为什么这么难？

今天的文章，让我们来深入微服务架构下的权限处理问题，看看这个没有最佳实践的领域，如何能够针对业务需求来设计的较为优雅。

2022-06-12 23:36:26

微服务架构单体应用

为什么Hook没有ErrorBoundary？

ErrorBoundary在ClassComponent中的实现使用了this.setState的回调函数特性，这使得Hooks中要完全实现同样功能，需要额外开发成本。

2022-06-12 21:36:57

TS typeof 操作符原来有这五种用途！

本文阿宝哥将介绍 typeof 操作符的几种常见的应用场景，在以后的项目中，也许你就可以用得上了。

2022-06-12 20:53:09

TS typeof JavaScript

Python-master，实用Python脚本合集！

我在Github上就看到过不少Python代码的项目，几十行代码就能实现一个场景功能，非常实用。比方说仓库Python-master里就有很多不错的实用Python脚本，下面，我们举几个简单例子。

2022-06-12 06:48:34

Python 代码脚本

高考结束，用 Python 来分析下哪里的高考是地狱级难度

一年一度的高考，可以说是广大学子必经的磨练，正所谓十年寒窗苦，一朝天下知。而高考，也成为了当前中国最为广泛，最为公平的晋升之路，可以说考上了一个名牌大学，那么未来的道路会好走很多。

2022-06-11 23:16:47

数据分析高考 Python

搭建前端监控，如何采集异常数据？

异常数据，是指前端在操作页面的过程中，触发的执行异常或加载异常，此时浏览器会抛出来报错信息。

2022-06-10 14:09:18

前端监控异常数据

聊聊一个注解实现接口重试

通常来说，会用try/catch，while循环之类的语法来进行重处理，但是这样的做法缺乏统一性，并且不是很方便，要多写很多代码。然而spring-retry却可以通过注解，在不入侵原有业务逻辑代码的方式下，优雅的实现重处理功能。

2022-06-10 13:03:44

接口重试 while

如何在 JavaScript 中构建 COVID-19 跟踪器

本指南将帮助演示使用 JavaScript 使用 API 的基础知识。您将学习如何从远程源获取数据。您还将看到如何使用图表库来显示获取的数据。

2022-06-10 10:24:02

JavaScript COVID-19 前端

关于前端大管家 Package.Json，你知道多少？

在每个前端项目中，都有package.json文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json文件是一个JSON对象，该对象的每一个成员就是当前项目的一项设置。

2022-06-10 09:00:53

前端项目个JSON

HashSet 集合，从入门到精通

在 JDK1.8 中，HashMap 是由数组+链表+红黑树构成，相对于早期版本的 JDK HashMap 实现，新增了红黑树作为底层数据结构，在数据量较大且哈希碰撞较多时，能够极大的增加检索的效率。

2022-06-10 08:17:52

HashMap 链表红黑树

在 React 中使用 Redux 的四种写法

Redux 是一种状态容器 JS 库，提供可预测的状态管理，经常和 React 配合来管理应用的全局状态，进行响应式组件更新。

2022-06-10 08:01:17

Ahooks 中那些控制“时机”的 Hook 都是怎么实现的？

在 Function Component 中，使用 useEffect/useLayoutEffect 完成了 Class Components 生命周期的职责。ahooks 也是基于这两个封装了常见的代码执行时机，使用这些 hook，可以让我们的代码更加具有可读性以及逻辑更加清晰。

2022-06-10 08:01:01

ahooks hook 代码

Content-Visibility 再探究，完美替代 Lazyload？

如果 content-visibility: auto 要能够替代 LazyLoad，则需要做到，初始化渲染的时候，在页面当前展示范围外的，设定了 content-visibility: auto 的元素内的一些静态资源不会被加载。

2022-06-10 07:33:26

CSS 前端 LazyLoad

使用面向对象和功能性方法来重构Java应用译文精选

本文将和您讨论如何使用面向对象和功能性两种方法，来实现更好的设计与 Java 应用重构，并以继承和功能性接口的示例形式，展示了两者在实现上的区别。

2022-06-10 07:17:07

重构 Java 应用

JVM系列之JVM垃圾回收算法相关知识

JVM垃圾回收算法主要有标记清除、复制算法、标记整理、分代收集四种，下面来逐一介绍。

2022-06-10 07:13:29

JVM 垃圾回收

一日一技：如何让自己的工具函数在Python全局可用？

在Python里面，所有内置的函数或者类都在builtins模块中，因此在代码里面可以直接使用而不用导入。现在只需要把我们自定义的工具函数注册到builtins模块中，就能让它跟内置函数有相同的效果。

2022-06-09 21:34:41

Python 代码函数

前端领域的组件化究竟是在谈什么

组件化渗透在开发的方方面面，本文主要从“为什么”、“是什么”、“怎样做”三方面来系统讲述前端组件化的相关知识。通过阅读本文，读者可以对组件化形成一个更加深入的认识和理解。在实现前端组件化的过程，大家可以更加关注组件化的目的，需求及其特点，了解前提才能结合项目来思考如何更好的拆分和实现组件化。

2022-06-09 10:10:24

前端组件化解耦

如果有一天不做前端了，我会做什么？原创精选

一个简单的问题，但大部分人却说不清楚，我当初也是误打误撞进入了这个行业，不知不觉就干了快七年。漫无目的的做一件事情是很难做好的，也是痛苦的，尤其是这件事还占据了我们最多的时间，所以我们需要想清楚，前端是什么？价值在哪？

2022-06-09 09:27:16

前端行业生存

聊聊 Ahooks 是怎么解决用户多次提交问题？

通过 axios 拦截器以及其 CancelToken 功能，我们能够在拦截器中自动将已发的请求取消，当然假如有一些接口就是需要重复发送请求，可以考虑加一下白名单功能，让请求不进行取消。

2022-06-09 09:20:41

Vue3 中 watch 与 watchEffect 有什么区别？

大部分时候用 watch 显式的指定依赖以避免不必要的重复触发，也避免在后续代码修改或重构时不小心引入新的依赖。watchEffect 适用于一些逻辑相对简单，依赖源和逻辑强相关的场景。

2022-06-09 08:28:27

Vue3 watch watchEffec

如何在 Kubernetes Pod 中注入环境变量及优先级问题

有两种方式引用 ConfigMap 中的变量：通过 envFrom 引用 ConfigMap 中全部变量，通过 valueFrom 引用 ConfigMap 中指定变量。

2022-06-09 08:00:56

ConfigMap 变量指定变量

两种方式！带你快速实现前端截图

本文将介绍在前端开发中页面截图的两种方式，包括对其实现原理和使用方式进行详细阐述，希望能为更多前端开发者提供一些经验和帮助。

2022-06-08 15:12:34

前端前端截图

JS结合Canvas制作水印添加器小工具

随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权防止盗版.本文分享一个由canvas和vue.js制作的图片水印添加器。

2022-06-08 12:10:56

新提案，初识CSS的Object-View-Box属性

在这篇文章中，将带领大家了解Jake Archibald在今年年初提出的新的CSS属性object-view-box。它允许我们裁剪或调整被替换的HTML元素，就像一个 </img> 或 <video>。

2022-06-08 10:46:00

十个关于Reduce必须知道的JavaScript技巧

作为一个前端开发者，你一定会大量使用reduce函数，它是一个强大而有用的数组API，但是，今天我想给大家分享10个关于它的进阶技巧。

2022-06-08 10:42:34

Reduce JavaScript 技巧

使用 Flutter 开发 Chrome 插件【又来抢前端饭碗了】

今天，我们将使用一个生成二维码的例子看一下使用Flutter来构建chrome扩展程序。

2022-06-08 10:32:49

Flutter Chrome 前端

无规矩不成方圆，聊一聊 Spring Boot 中 RESTful 接口设计规范

在明确接口职责的条件下，尽量做到接口单一，即一个接口只做一件事，而非两件以上。很多非资深接口设计者，在设计接口时，总认为接口所做的事越多，越牛叉，这是非常严重的错误认识。

2022-06-08 10:13:24

接口设计规范

上一页 1 ··· 230 231 232 233 234 ··· 584 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营