鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

阿里 Seata 新版本终于解决了 TCC 模式的幂等、悬挂和空回滚问题

以传统的订单、库存、账户服务为例，在 try 阶段尝试预留资源，插入订单、扣减库存、扣减金额，这三个服务都是要提交本地事务的，这里可以把资源转入中间表。在 commit 阶段，再把 try 阶段预留的资源转入最终表。而在 cancel 阶段，把 try 阶段预留的资源进行释放，比如把账户金额返回给客户的账户。

2022-06-20 11:05:49

TCC 模式 commit

JS 从原型链到继承——图解来龙去脉

要想弄清楚原型链，我们得先把原型搞清楚，原型可以理解为是一种设计模式。

2022-06-20 09:22:55

js 原型链前端

学习 Git，看这一篇就够了！

GitLens 是一个VS Code插件，可以用来查看项目的提交记录、文件修改记录、显示每行代码的提交记录等。通过丰富的可视化和强大的比较命令获得有价值的见解。

2022-06-20 09:01:23

Git 插件项目

TypeScript 深水区：三种类型来源和三种模块语法

深入掌握 TypeScript 的话，除了学习类型定义以及类型编程，这三种类型声明的来源（lib、@types、用户目录），以及三种模块声明的方式（namespace、module、es module），还有全局类型的声明（global、reference），也都是要掌握的。

2022-06-20 08:50:16

TypeScript 类型语法

一个接口优雅的实现 Spring Cloud OAuth2 自定义token返回格式

本篇文章介绍了认证服务中对token的返回格式自定义，总的来说还是比较简单的，有兴趣的也可以去网上找找关于AOP的方式。

2022-06-20 08:37:28

接口 token AO

如何用享元模式优化系统内存？

假设文本编辑器只包含文字编辑功能，而且只记录文字和格式两部分信息，其中格式包括文字的字体型号、大小、颜色等信息。

2022-06-20 08:16:42

享元模式优化系统内存

如何让定时器在页面最小化的时候不执行？

setTimeout 和 setInterval 作为事件循环中宏任务的“两大主力”，它的执行时机不能跟我们预期一样准确的，它需要等待前面任务的执行。

2022-06-20 07:44:34

ahooks 定时器

Truncate、Delete和Drop的六大区别！你知道几个？

delete 是逐行执行的，并且在执行时会把操作日志记录下来，以备日后回滚使用，所以 delete 的执行速度是比较慢的；而 truncate 的操作是先复制一个新的表结构，再把原先的表整体删除，所以它的执行速度居中，而 drop 的执行速度最快。

2022-06-20 07:44:22

truncate delete drop

5G时代Web前端的边界拓展思考

5G对IT行业的影响是首当其冲的，那么对于Web前端开发而言，5G时代的到来会有什么影响呢？

2022-06-20 06:24:13

5G Web前端开发

秒懂 TypeScript 泛型工具类型！

而对于 Pick 工具类型来说，type 关键字用于给类型取个别名，方便重复使用，Pick 就是类型的名称。

2022-06-19 22:54:08

TypeScript 泛型工具

为什么模块循环依赖不会死循环？CommonJS和ES Module的处理有什么不同？

这篇文章会聚焦于遇到“循环引入”时，两者的处理方式有什么不同。

2022-06-18 23:10:56

前端模块循环依赖

@Transactional 竟也能解决分布式事务？

在Sharding-JDBC中明明只是简单的使用@Transactional这个本地事务注解，为什么在跨库插入数据时候却能够同时回滚？

2022-06-17 08:37:14

分布式事务分库分表

一起聊聊 Spring Profiles 的小知识

本文讲述了 Spring Profiles 的配置使用，和如果在启动的时候，选择特定的 profile 。也讲述了一些使用过程中的一些小技巧，希望对你有帮助。

2022-06-17 08:17:53

配置 profile 技巧

低代码并不意味着低风险译文精选

在过去的几年中,低代码和无代码工具以及平台在企业中兴起。2021年，Gartner魔力象限在关于低代码的报告中指出，41%的非IT从业人员使用低代码/无代码工具来定制、构建数据,或提出技术解决方案。同时Gartner预测到2025年底,将有一半的新增低代码用户来自从事非IT 行业的商业客户。

2022-06-17 08:00:00

低代码工具开发

实战讲解，原来用 SpringBoot 实现策略模式可以这么简单

本文主要围绕在 SpringBoot 引入策略模式的设计思路和实践方法进行介绍，在实际的业务开发中，合理的使用策略模式，能让代码看起来更佳清爽，业务扩展性也更佳强大，希望能帮助到大家！

2022-06-17 07:32:39

策略模式 SpringBoot

对前端来说开发一个在线文档需要啥技术？

这几年随着云的概念流行，越来越多的“云”软件代替了本地化的 APP, 例如在线设计 Figma、在线白板软件、在线 Excel、在线文档等等，非常多的应用已经“云”化，web 能力不断增强，对前端开发者来说也是一种考验，今天就带大家了解一下对前端来说开发一个在线文档需要啥技术呢？

2022-06-16 15:54:32

停止像这样使用 "Async/Await"，改用原版

Async/await API的目的是允许开发者像写同步代码一样写异步代码。因此，可以使用try...catch来捕获async/await错误。

2022-06-16 10:37:09

纯CSS就能实现可点击切换的轮播图，Feel起来很丝滑

轮播图经常会在项目里用到，但是实际上用到的轮播图都是比较简单的，没有复杂的特效，这个时候如果去引入swiper那些库的话，未免就有点杀鸡焉用牛刀了。

2022-06-16 09:55:58

九个有用又有趣的 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 函数签名

上一页 1 ··· 189 190 191 192 193 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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