鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

携程活动搭建平台的前端“开放性”建设探索

乐高的开发是不断的发现和总结来自于现实的问题，提取问题的本质，抽象化问题，具象化解决方案，来逐步优化和扩展平台，这样才能在有限的资源下推动平台创造更大的价值。

2022-07-21 19:36:35

乐高携程前端

原来代码的质量也可以被检测：初探 SonarQube

SonarQube 是一套基于 Java 开发的代码检测以及质量管理平台，由于这套工具是用 Java 开发的原因，所以大家要先记得去安装 **Java Development Kit(JDK)**，这样后续才能顺利的启动 SonarQube。

2022-07-21 10:02:47

SonarQube 代码 Java

手把手使用 Python 删除 Windows 下的长路径文件

python是个好东西，要有将问题转化成使用python去解决的习惯，习惯成自然，python可能在工作中就发挥大作用了呢。

2022-07-21 09:34:57

python windows root

一个简洁、强大、可扩展的前端项目架构是什么样的？

本文要介绍一个12.7k的开源项目，这个项目为构建「简洁、强大、可扩展的前端项目架构」的方方面面给出了建议。

2022-07-21 07:09:21

React 前端项目

使用 CSS 构建强大且酷炫的粒子动画

粒子动画，顾名思义，就是页面上存在大量的粒子构建而成的动画。传统的粒子动画主要由 Canvas、WebGL 实现。本文，将尝试利用 CSS 来构建粒子动画。

2022-07-21 07:05:13

粒子动画 CSS

Vue3 中如何加载动态菜单？

当前端收到后端返回来的菜单 JSON 之后，该如何将之渲染出来？这就是我们目前所面临的问题了。

2022-07-20 11:13:05

前端 JSON Vue3

常见的 Monorepo 框架大比较

这次文章介绍了在 React 中比较主流的三大 Monerepo 框架，这三个框架彼此都有各自的优缺点，所以没有绝对的好用跟不好用，一切都可以取决于自己的喜好来做选择喔！

2022-07-20 10:01:23

列表页常见的 Hook 封装，你知道几个？

对于一些后台管理系统，典型的列表页包括筛选表单项、Table表格、Pagination分页这三部分。针对使用 Antd 的系统，在 ahooks 中主要是通过 useAntdTable 和 usePagination 这两个 hook 来封装。

2022-07-20 09:06:27

Hook 封装工具库

规模化敏捷框架（SAFe）的完整指南译文

如今，时代在进步，科技也在进步。管理项目对于企业来说是一项单调乏味任务的日子已经一去不复返了。作为技术先进的商业时代的一部分，“规模化敏捷框架（SAFe）”对人们来说不再是一个陌生的术语，而是企业成功的必要条件。

2022-07-20 09:00:00

管理项目规模化敏捷框架科技

MySQL 啥时候用表锁，啥时候用行锁？

对于表锁而言，当存储引擎不支持行级锁时，使用表锁。SQL 语句没有匹配到索引时，使用表锁。对于元数据锁而言，对表做增删改查时，会加上 MDL 读锁。对表结构做变更时，会加上 MDL 写锁。对于意向锁而言，对表中的行记录加锁时，会用到意向锁。

2022-07-20 08:06:57

MySQL 表锁 Innodb

Golang网络编程Net包浅析

net包主要是增加 context 控制，封装了一些不同的连接类型以及DNS 查找等等，同时在有需要的地方引入 goroutine 提高处理效率。

2022-07-20 08:04:06

net包 DNS context

POJO、Java Bean是如何定义的

一个POJO总是孤孤单单的，它不可能成为一个Java Bean或者Spring Bean；但是Java Bean可以同时是一个Spring Bean；Spring Bean也可以是一个Java Bean。

2022-07-20 07:45:52

POJO Java Spring IoC

Spring 的 Bean 明明设置了 Scope 为 Prototype，为什么还是只能获取到单例对象？

对于有些场景，我们可能需要对应的 Bean 是原型的，所谓原型就是希望每次在使用的时候获取到的是一个新的对象实例，而不是单例的，这种情况下很多小伙伴肯定会说，那还不简单，只要在对应的类上面加上 @scope 注解，将 value 设置成 Prototype 不就行了。

2022-07-20 07:32:46

Prototype value容器

九个应知应会的单行Python代码

今天我们一起来了解下任何学习 Python 的同学都应该知道的 9 条单行代码，我们一起来看看吧~

2022-07-20 00:03:10

Python 列表字典推导

一文详尽 Python 函数式编程技术

本文对 Python 中的函数式编程技术进行了简单的入门介绍。

2022-07-19 15:24:45

Python 编程技术

说说Buddy算法的那些事原创精选

在本文中，我将重点介绍Buddy算法（又称为伙伴算法），该算法是以页为单位进行管理的。

2022-07-19 13:31:18

Buddy算法内存管理框架

来自NPM联合创始人的预言：前端未来会这样

本文让我们来看看这位有26年 web 开发经验的数据分析师，会带来哪些洞察。

2022-07-19 11:14:27

我常用的几个 VueUse 组合，推荐给你们!

Vueuse 拥有一个巨大的库，其中包含出色的组合，而我们在这里只涵盖了其中的一小部分。我强烈建议你花些时间去探索这些文档，看看所有可用的东西。这是一个非常好的资源，它将使你免于大量的模板代码和不断地重新发明车轮。

2022-07-19 10:02:49

Vueuse 库文档

学会 Go 中的时间处理

本文将介绍 time 库中一些重要的函数和方法，希望能帮助到那些一遇到 Go 时间处理问题就需要百度的童鞋。

2022-07-19 08:01:55

函数 Go 格式化

面试官问我JVM的GC分代收集算法为什么这么设计

目前面试比较常问的垃圾回收算法就是这几种，我们分开来说，最后说说分代收集为什么选择不同的算法来实现。

2022-07-19 07:02:47

JVM GC 分代收集

妙用 CSS 构建花式透视背景效果

本文将介绍一种巧用 Background 配合 Backdrop- Filter 来构建有趣的透视背景效果的方式。

2022-07-19 06:20:47

面试官: 你了解过Babel吗？写过Babel插件吗? 答: 没有。卒

了解过抽象语法树，又称AST，有学习过，也写过一个基于AST的乞丐版模板引擎，先是词法解析token，然后生产抽象语法树，然后更改抽象语法树，当然这是插件做的事情，最后根据新的AST生成代码。

2022-07-18 14:18:26

Babel 代码面试

学习集合类源码对我们实际工作的帮助和应用！

UnmodifiableList是Collections中的内部类，通过调用 Collections.unmodifiableList(List list) 可返回指定集合的不可变集合。

2022-07-18 10:03:18

Collection 指定集合

如何使用 React Hooks 重构类组件？

通过这篇文章，相信你对使用Hooks（函数组件）来重构类组件有了一定了解。Hooks 的出现使得 React 代码更加简洁，并且带来了更好的状态逻辑可重用性。在开始编写 Hooks 之前，建议先阅读 React Hooks 的官方文档，因为在编写时需要遵循某些规则，例如不要改变 Hooks 的调用顺序。

2022-07-18 09:01:58

React 函数组件 Hooks

权限系统就该这么设计，yyds

Access Control List，ACL是最早的、最基本的一种访问控制机制，是基于客体进行控制的模型，在其他模型中也有ACL的身影。为了解决相同权限的用户挨个配置的问题，后来也采用了用户组的方式。

2022-07-18 08:39:18

ACL 访问控制机制

Java 截取字符串的几种操作

在这篇文章中，我们学习了在Java中把一个 String 截断为特定数量的字符的各种方法。我们看了一些使用JDK来做这件事的方法。然后，我们使用一些第三方库来截断 String 。

2022-07-18 08:18:11

字符 Java JDK

几个提升Go语言开发效率的技巧，你学会几个？

本文介绍了Go语言中的一些开发技巧，也就是Go语言的语法糖，掌握好这些可以提高我们的开发效率，你都学会了吗？

2022-07-18 08:08:16

GitLab在CockroachDB和YugabyteDB上的兼容性对比之系统初始化

如果能有一套统一的GitLab环境，同时又具备良好的可扩展性和高可用性，那无疑是最好的解决方案。但是传统单机PostgreSQL数据库并不能满足以上需求，那能否考虑把GitLab跑在分布式数据库上？

2022-07-18 07:20:50

PostgreSQL 数据库数据库

面试突击：请求转发和请求重定向有什么区别？你懂了吗？

请求转发和请求重定向遵循的是“字越少，事越大”的原则，“请求转发”的字比较少，它需要代客户端执行跳转；而“请求重定向”字比较多，它啥也不干，只是告诉客户端“你去别的地儿访问”就行了，这就是理解这两个概念的关键。它们的区别主要体现在 5 个点：定义不同、请求方不同、数据共享不同、最终 URL 地址不同、代码实现不同。

2022-07-18 07:11:35

请求转发请求重定数据共享

使用React-Cropper-Pro实现图片裁切压缩上传

React-Cropper-Pro是一款简单轻量的图片上传 + 裁切 + 压缩组件, 不依赖antd / element等第三方UI, 快速实现图片处理相关操作, 底层依赖react-cropper。

2022-07-17 11:22:35

前端开发图片裁切压缩上传

一种高效的唯一标识符

唯一标识符可用于与一条信息相关联，以便以后可以明确地引用信息。它可以是事件、请求、订单 ID 或客户 ID。

2022-07-17 06:57:02

时间戳唯一标识符

Vite 3.0 发布: 核心更新盘点与分析

如今已经 2022 年 7 月，距离 v2 版本已经发布了 16 个月的时间，Vite 正式推出 3.0 版本，接下来就给大家介绍一下 Vite 3.0 带来的一些改变以及未来的规划。

2022-07-17 06:51:22

Vite 3.0 前端

使用 Three.js 实现跳一跳游戏

Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。

2022-07-15 13:09:33

Three.js 前端

从 B 站崩溃报告看分布式系统的技术栈

通常来说高可用架构是从冗余架构的角度来保障可用性。比如，多租户隔离，灾备多活，或是数据可以在其中复制保持一致性的集群。总之，就是为了不出单点故障。

2022-07-15 09:41:09

分布式系统技术栈

如何在React中应用SOLID原则？

在面向对象编程（OOP）中，SOLID 原则是设计模式的基础，它的每个字母代表一种设计原则，下面就来看看每个原则的含义以及如何在 React 中应用 SOLID 原则！

2022-07-15 09:01:15

React 对象编程

三个绝招解决代码重复

我就从业务代码中最常见的三个需求展开，聊聊如何使用 Java 中的一些高级特性、设计模式，以及一些工具消除重复代码，才能既优雅又高端。通过今天的学习，也希望改变你对业务代码没有技术含量的看法。

2022-07-15 08:52:10

代码 Java 设计模式

Vue3 Slot—插槽全家桶使用详解

插槽 Slot 就是子组件中提供给父组件使用的一个占位符，用 <slot></slot> 表示，父组件可以给这个占位符内填充任何模板代码，填充的内容会自动替换 <slot></slot> 标签。

2022-07-15 08:45:07

面试官：JavaScript对象属性是有序的吗？

当一个对象的属性键是上述类型的组合时，该对象的非负整数键（可枚举和不可枚举）首先按升序添加到数组中，然后按插入顺序添加字符串键。最后，Symbol 键按插入顺序加入。

2022-07-15 08:22:42

对象符串键 Symbol

一文搞懂响应式编程

本篇回顾了函数式编程，Stream操作等，然后再举例讲了Java中的Reactive编程示例，同时也给处理Reactor三方库的Flux于Mono的示例。

2022-07-15 08:16:56

Stream 函数式编程

几行代码，让黑白老照片重获新生！

这里只是介绍了 DeOldify 最简单的使用方法，只需要几行代码，但是 DeOldify 这么受欢迎，绝对不是这么简单，它背后的原理是非常专业，非常复杂的，有兴趣地可以去它的主页研究一下，它还给进阶者提供了三个不同的训练库，可以将它们下载下来，结合源码自己设置参数进行调试。

2022-07-15 08:01:29

代码 DeOldify 源码

Javascript 数字精度丢失的问题，如何解决？

我们都知道计算机是通过二进制来存储东西的，0.1和0.2在转换二进制后都是是无限循环的，这样其实没什么问题，但是 JS 采用的浮点数标准却会裁剪掉后面的数字，导致精度丢失 0.1+0.2=0.30000000000000004。

2022-07-14 14:27:34

Javascript 数字精度二进制

可能改变前端工程化未来的特性：ESM Loader Hooks

今天要介绍的ESM Loader Hooks与webpack loader类似，只不过对文件树的解析、遍历是由Node.js原生支持的ESM规范（而不是打包工具）确定的。

2022-07-14 11:43:47

Node.js webpack

Spring Boot+Vue3 动态菜单实现思路梳理

对于普通的有父有子的情况，渲染的时候，通过 el-sub-menu 标签进行渲染，但是注意子项是 sidebar-item，sidebar-item 其实就是当前项！

2022-07-14 10:38:39

动态标签 Spring

Nacos 和 Apollo中的长轮询定时机制，太好用了

ConfigService 是 Nacos 客户端提供的用于访问实现配置中心基本操作的类，我们将从 ConfigService 的实例化开始长轮询定时机制的源码之旅。

2022-07-14 08:36:28

Nacos Apollo 长轮询

Vue3 新特性 Computed、Watch、WatchEffect 看完就会

WatchEffect 与Computed 类似，Computed 注重计算出来的结果，所以必须要返回值，而它注重的是过程，所以不用写返回值。

2022-07-14 08:22:48

刷完三个Java教程后不再犹豫

Java中有严格的大小写约定，大写字母开头的都是类名，基本类型都有对应的包装类，封装了更多对基本类型的方法，如Integer。

2022-07-14 08:00:42

Java 数组表达式

Eureka中读写锁的奇思妙想，太顶了

如果有一个线程加了读锁，别的线程是可以随意同时加读锁的，因为只是有线程在读数据而已，此时别的线程也是可以来读数据的！

2022-07-14 07:01:56

Eureka 读锁线程

统计千行代码Bug率，有没有意义？

如果公司有QA的话，在软件开发阶段，一般产品经理会先提出需求，然后拉上开发和QA一起评测需求。QA会在需求评审会后，设计测试案例。这些测试案例是公开的，每个开发都会看到。

2022-07-13 17:56:09

Bug率产品经理系数

面试官让我用 Flex 写色子布局，我直接写了六种

面试中经常会被问道前端布局的实现，最典型的就是使用Flex实现色子的布局，这篇文章会逐步的介绍如何使用Flex实现色子的各个点数的布局。

2022-07-13 17:47:54

布局 Flex 代码

两个简单的代码片段让你的图表动起来

我们以前也发过很多关于数据可视化的文章。但是对于展示来说，如果你的图表能够动起来，那么他的展示效果要比静态的图有更多的冲击力，尤其是你需要向领导和客户展示的时候。

2022-07-13 15:46:57

Python 数据可视化代码片段

上一页 1 ··· 190 191 192 193 194 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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