鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

九个有用又有趣的 CSS 属性

在今天的文章中，我想与您分享一些很多开发人员谈论的有用且有趣的 CSS 属性，可能有的你从未使用过。

2022-06-16 08:35:10

CSS 属性前端

React 16 升级到 17 的一个坑：组件销毁时 Ref 可能会被重置为Null

React 17 是一个比较特别的版本，它没有任何新特性，但它改造了 React 的底层，让 React 17 可以渐进式地升级部分的模块，为 18 版本做准备。

2022-06-16 08:30:03

我经常使用的三种有用的设计模式

经典的设计模式有 23 种，但并不是每一种设计模式都被频繁使用。在这里，我介绍我最常用和最实用的 3 种设计模式。

2022-06-16 08:24:59

设计模式代码前端

实现链表反转，你学会了吗？

经过数据结构基础的学习，我们知道链表中每个节点都会有一个指针，用于指向它的下一个节点，那么，我们只需要从链表头部开始遍历，逐一修改它的指针指向至其上一个节点，即可完成链表的反转。

2022-06-16 07:50:35

数据结构链表

十分钟带你入门 Web Components

Web Components 本身不是一个单独的规范，而是由一组 DOM API 和 HTML 规范所组成，用于创建可复用的自定义名字的 HTML 标签，并且可以直接在你的 Web 应用中使用。

2022-06-16 07:31:41

Web 组件封装 HTML 标签

React新文档：不要滥用Ref哦！

React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。

2022-06-15 22:33:07

React 逃生舱

视觉还原小技巧！CSS 实现角标效果

小三角可以用伪元素生成，关于三角形的实现方式有很多，如果对兼容性没什么要求，建议采用clip-path实现，比较容易理解，确定三个坐标，直接裁剪就可以了。

2022-06-15 22:15:47

CSS 视觉还原

美团一面：为什么线程崩溃崩溃不会导致 JVM 崩溃

为了这一个很常见的错误而让 JVM 崩溃那线上的 JVM 要宕机多少次，所以出于工程健壮性的考虑，与其直接让 JVM 崩溃倒不如让线程起死回生，并且将这两个错误/异常抛给用户来处理。

2022-06-15 09:02:32

JVM 线程 openJDK

Kotlin 开发者眼中的 Java 缺少哪些特性？

资深程序员Nicolas Fränkel 以 “Kotlin 开发者” 身份总结了他认为 Java 缺少的特性。

2022-06-15 09:01:57

一篇带给你Github上八个优秀的Vue项目

今天来分享 Github 上 8 个很棒的 Vue 项目。希望对你有所帮助！

2022-06-15 09:01:41

Vue 项目 Github

一篇了解组合模式应该怎么用

假设我们在开发一个 OA 系统（办公自动化系统）。公司的组织结构包含部门和员工两种数据类型。其中，部门又可以包含子部门和员工。

2022-06-15 08:17:13

OA 系统数据

这不会又是一个Go的BUG吧？

Go的设计者比较「偏执」，认为「不好」的设计坚决不去实现，就如锁的实现不应该依赖线程、协程信息；可重入（递归）锁是一种不好的设计。所以这种看似有BUG的设计，也存在一定的道理。

2022-06-15 08:14:40

Go 线程递归

我本地明明是好的啊？前端怎么本地复现线上问题？

数据不同。本地更多的是用的 test 环境的数据，live 用的真实环境的数据。不同数据，页面的渲染以及交互可能是不同的。

2022-06-15 08:02:53

test live 前端

基于谷歌T5模型细调大型语言模型译文精选

在本文中，我们将探讨如何使用谷歌预训练模型 T5 对基于大型语言的模型进行细调的有关技巧。

2022-06-15 07:42:00

谷歌 T5 模型

有意思的鼠标指针交互探究

将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。

2022-06-15 07:21:47

鼠标指针交互效果 CSS

一日一技：Bug分析，假删除导致文章发布成功却打不开的问题

因为每篇文章有一个docid，当第一次发布文章的时候，这个docid就是文章正文内容的md5值。只要文章完全一样，连续发多少次，它的docid都一样。这样就可以防止出现重复文章。（更新的时候，需要用户主动提供docid，避免重新生成新的）。

2022-06-14 21:15:28

注意：雪花算法并不是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

上一页 1 ··· 196 197 198 199 200 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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