鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

效率宝典：10个超实用的React Hooks库

React Use 是一个必不可少的 React Hooks 集合。其包含了传感器、用户界面、动画效果、副作用、生命周期、状态这六大类的Hooks。

2022-06-23 09:04:14

React Hooks 项目

如何结合使用HTML与Htmx并减少JavaScript代码量译文

本文将介绍Htmx以及它如何帮助用户在服务器上重用元素、减少JavaScript代码量，并避免构建。

2022-06-23 09:00:00

JavaScript HTML 应用程序

通过这两个 Hook 回顾 Set/Map 基础知识

ES6 中的 Map 和 Set 两种数据结构，弥补了 JavaScript 之前的一些不足，比如 Object 对象只能是 string 或者 Symbol 类型。另外，提供了某些情况下更便捷的操作方式，比如数组去重，我们可以直接 new Set([...arr])。

2022-06-23 08:01:48

Flask-SocketIO 简单使用指南

如果使用多个进程，则进程使用消息队列服务来协调诸如广播之类的操作。支持的队列是 Redis，RabbitMQ以及 Kombu 软件包支持的任何其他消息队列。

2022-06-23 08:01:36

Flask SocketIO Swift

如何在 Python 中使用 DateTime

在 Python 中，任何与日期和时间有关的事情都由 datetime 模块处理，它将模块进一步分为 5 个不同的类。类只是与对象相对应的数据类型。下图总结了 Python 中的 5 个日期时间类以及常用的属性和示例。

2022-06-23 08:00:53

Python DateTime 模块

如何利用OpenTelemetry识别数据库依赖关系？译文

微服务通过解决几个关键因素，可以帮助组织提高敏捷性，比如提高团队自主性、缩短上市时间、经济高效地扩展负载以及避免应用程序完全中断。

2022-06-23 08:00:00

微服务数据库数据库

手写 Vue3 响应式系统：核心就一个数据结构

不只是 Vue，状态管理库 Mobx 也是基于响应式实现的。那响应式是具体怎么实现的呢？

2022-06-23 07:46:34

Vue Mobx 系统

CSS层级小技巧！如何在滚动时自动添加头部阴影？

只有滚动以后才出现阴影。一般情况下，使用 JS 监听滚动事件动态添加类名就可以实现，不过经过我的一番尝试，发现这种效果仅仅使用 CSS 也能轻易实现。

2022-06-23 06:42:06

Node.js 子线程 Crash 问题的排查

昨天碰到了一个 worker_threads crash 的问题，最终经过阅读源码和调试找到了具体原因。不得不说，阅读源码是解决问题的非常有效的方法。

2022-06-23 06:34:56

Node.js 子线程

用 JavaScript 编写枚举的最有效方法

JavaScript 语言本身不支持枚举。如果我们想模拟枚举，我们可以使用一个对象。

2022-06-22 10:07:07

JavaScript 枚举

【爆肝面试系列】CSS 垂直居中的正确打开方式

其实垂直居中主要分为了两种类型：居中元素宽高已知和居中元素宽高未知，那么我们就结合这两种类型来一一做举例。

2022-06-22 09:06:54

CSS 垂直居中代码

从 CPU 说起，深入理解 Java 内存模型！

这篇文章我们从底层 CPU 开始讲起，一直讲到操作系统，最后讲到了编程语言层面，让大家能够一环扣一环地理解，最后明白 Java 内存模型诞生的原因（上层有数据一致性问题），以及最终要解决的问题（缓存一致性问题）。

2022-06-22 08:02:11

CPU 操作系统 Java

如何封装 Cookie/LocalStorage/SessionStorage Hook?你明白了吗？

在使用 updateState 方法的时候，开发者可以传入新的 options —— newOptions。会与 useCookieState 设置的 options 进行 merge 操作。最后除了 defaultValue 会透传给 js-cookie 的 set 方法的第三个参数。

2022-06-22 07:52:03

cookie options merge

哪种Python循环方式最快?

众所周知，Python 不是一种执行效率较高的语言。此外在任何语言中，循环都是一种非常消耗时间的操作。假如任意一种简单的单步操作耗费的时间为 1 个单位，将此操作重复执行上万次，最终耗费的时间也将增长上万倍。

2022-06-21 15:00:01

Python 语言循环方式

一个注解优雅的实现接口数据脱敏

数据脱敏有很多种实现方式，关键是哪种更加适合，哪种更加优雅.....

2022-06-21 14:44:38

接口数据脱敏

TienChin 项目中的 RBAC 是怎么玩的？

RBAC（Role-based access control）是一种以角色为基础的访问控制（Role-based access control，RBAC），它是一种较新且广为使用的权限控制机制，这种机制不是直接给用户赋予权限，而是将权限赋予角色。

2022-06-21 14:18:06

RBAC TienChin 项目

速看！2022年6月编程语言排行榜出炉

Hello，朋友们！ 6 月已过大半，最新的编程语言排行榜你看了吗？近日，TIOBE 公布了 2022 年 6 月编程语言排行榜。

2022-06-21 14:15:27

编程语言 Python PHP

编写你的第一段 JavaScript 代码

JavaScript 是为 Web 而生的，但它可以做的事远不止于此。本文将带领你了解它的基础知识，然后你可以下载我们的备忘清单，以便随时掌握详细信息。

2022-06-21 12:27:12

JavaScript 前端

使用 JavaScript 编写 Shell 脚本

Shell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。它既是一种命令语言，又是一种程序设计语言。

2022-06-21 09:26:21

Shell 脚本 JavaScript

用 Babel 和 Nodemon 搭建一个功能齐全的 Node.js 开发环境

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

2022-06-21 08:52:47

Node.js 服务端 JavaScript

如何移除你项目中99%的JS代码

FCP（First Contentful Paint，首次内容绘制）测量「页面从开始加载到页面内容的任何部分在屏幕上完成渲染的时间」。

2022-06-21 07:41:08

一日一技：使用Python翻译HTML中的文本字符串

你之所以会觉得这个问题很难解决，是因为你有一个错觉，请看上面这张截图，我打印了text_list。打印出来是一个包含字符串的列表。所以你可能会觉得。使用lxml写Xpath的时候，/text()返回的总是包含字符串的列表。

2022-06-20 19:37:59

Python 字符串 HTML

阿里 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

上一页 1 ··· 225 226 227 228 229 ··· 580 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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