直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

利用属性选择器对外部链接进行样式设计

对于我们的外部链接，我们将通过设置伪元素的样式来附加一个图标。这里我们使用 content 属性和一个 base64 编码的 SVG，因为图标非常简单。但你也可以使用一个图像 URL、另一个字符或表情符号。我们可以添加一个小边距，使其稍微远离文本。

2023-11-30 08:36:10

选择器链接设计

知道这些正则表达式，能让你少写1000行代码

\w表示匹配任意数字、英文字母、下划线。+表示匹配前面的字符一次或多次。^表示匹配字符串的开头，$表示匹配字符串的结尾。因此，这个正则表达式可以用来校验由数字、英文字母、下划线组成的字符串。

2023-11-30 08:21:33

正则表达式代码

CSS：这几个伪类，你用了吗

root 伪类的使用场景，我们引入某些 UI 库，很多时候，需要重置一些样式，就可以使用 root 伪类，这样就不担心重置的样式不生效了。因为伪类 root 的优先级更高。

2023-11-30 08:19:52

面试官：为什么SpringBoot的 jar 可以直接运行？

和普通的 jar 包结构不同，通过 SpringBoot 打包而成的 jar 包是 Fat jar（胖 JAR），在 BOOT-INF/lib 目录下，包含了项目依赖的全部jar 包。在 BOOT-INF/classes 目录下，包含了项目运行的class文件。

2023-11-30 08:16:19

Spring jar Tomcat

深入探索 Go 语言中的 Map

Go 语言中的 Map 是一个功能强大、用途广泛的数据结构。理解其内部实现机制和合理地运用它，可以大大提升编程效率和程序性能。通过本文的深入分析和实际应用案例，您将能够更加熟练地在 Go 中使用 Map。

2023-11-30 08:09:02

使用Springboot 实现小程序获取用户地理位置功能

核心算法并不涉及太多复杂的逻辑，主要是接收小程序传递的地理位置信息，并将其保存到数据库中。小程序端使用微信提供的接口获取地理位置信息，然后通过 HTTP POST 请求发送给后端。

2023-11-30 08:06:43

Springboot 地理位置

谈谈面向过程、面向对象、面向切面三种编程思维

面向切面的应用场景是一些需要在不同的对象或方法中添加相同的功能或逻辑的问题，例如日志记录、权限验证、事务管理、异常处理等。面向切面的编程语言有AspectJ、Spring AOP、AspectC++等。

2023-11-30 08:00:54

面向对象面向切面

一篇学会用 KEDA 根据工作负载进行快速扩容

虽说云原生架构的复杂性问题越来越被强调，但是这一生态的宗旨应该还是没有变化——用简单的透明的手段解决复杂问题。

2023-11-30 07:46:25

useEffect 实践案例之一

案例中的样式使用了CSS Module，因此 ClassName 的语法会与前面介绍的有所不同，我们把 S.input 当成一个字符串来看待即可。

2023-11-30 07:45:11

useEffect React

破解分布式库使用难点：数据分片策略原创精选

产品针对数据分片策略部分做的不多，主要是对兼容类的评估工具；即根据数据库自身能力，评估原有对象、SQL语句需要做哪些改造等。

2023-11-30 07:31:08

分布式数据分片

普通Kubernetes Secret足矣

通过创建一个包括你想要缓解的攻击类型的威胁模型，很明显，安全地管理机密信息非常困难。问题不在于机密信息只是 base64 编码；这从未被设计成一个安全功能。这个问题也不能简单地通过软件/云提供商及其花哨的文档来回避。

2023-11-30 07:26:10

Kubernetes base64

.NET开源的处理分布式事务的解决方案

CAP 是一个基于 .NET Standard 的 C# 库，它是一种处理分布式事务的解决方案，同样具有 EventBus 的功能，它具有轻量级、易使用、高性能等特点。CAP 是一个EventBus，同时也是一个在微服务或者SOA系统中解决分布式事务问题的一个框架。

2023-11-30 07:19:08

利用 Golang 中的 Recover 处理错误

recover 是一个内建函数，它使我们有可能在发生 panic 时重新获得控制。它仅在被调用的延迟函数中产生效果。在延迟函数之外调用时，它总是返回 nil。如果我们处于 panic 模式，调用 recover 会返回传递给 panic 函数的值。

2023-11-30 07:15:36

Nginx如何开启GZIP文件压缩，你学会了吗？

在服务器端 Nginx 启用 gzip 压缩，对于目前流行的单页面应用而言，起到的前端性能优化作用的意义就更大了，因为单页面应用的界面完全是由 JavaScript 动态绘制出来的，启用 gzip 压缩更快速的加载资源文件，特别是 JavaScript 脚本文件，就能尽快地显示界面，从而提升用户体验。

2023-11-30 07:09:01

Nginx GZIP文件

Spring Boot 统一响应体处理器详解

通过ResultHandlerAdvice，我们实现了一个简单而有效的全局响应体处理器，确保了API的统一响应格式。这样的设计不仅提高了代码的可维护性，还使得团队开发中更容易达成统一规范，提升了项目的整体质量。

2023-11-30 07:00:56

Spring Boot 处理器

得物大模型平台，业务效果提升实践

我们在前面的内容中详细分享了大模型的选择、数据准备、训练以及部署等方面的最新技术。未来，我们将进一步深入探讨这些技术的细节。

2023-11-29 18:41:35

Python 中的单下划线和双下划线

通过使用前导双下划线，以确保类的某些属性或方法只能从类本身内部访问。这有助于防止意外修改重要的内部数据，并使代码更加可靠和可维护。

2023-11-29 18:11:17

编程必备，解析五种常用的Python设计模式

观察者模式是一种行为型模式，它定义了对象之间的一对多关系，当一个对象的状态发生变化时，所有依赖于它的对象都将得到通知并自动更新。

2023-11-29 18:06:15

Python 设计模式

线程包括哪些状态，状态之间是如何变化?

线程的状态可以参考JDK中的Thread类中的枚举State,存在六种状态

2023-11-29 16:29:09

一篇学会如何使用Trait来定义接口？

Rust中的trait是定义和使用接口的强大工具。它们提供了一种定义共享行为的方式，使得不同类型可以以统一的方式使用。通过trait，Rust允许更灵活的代码设计，支持代码重用和松耦合设计。

2023-11-29 13:59:00

trait 定义接口

只会在终端使用Python运行代码？这些进阶用法了解了解

大部分同学在终端使用Python可能只是简单的执行代码，但其实结合一些Python内置模块或第三方库可以实现更高级且便捷的用法，一起看看吧。

2023-11-29 13:51:00

全网最细：Jest+Enzyme测试React组件（包含交互、DOM、样式测试）

在为组件添加prop传值之前，可配置一个基础的 mountTest.tsx 来对组件进行一个基础渲染挂载测试，测试通过后在进行复杂情况下的测试。

2023-11-29 11:31:03

Jest prop 组件

聊聊Clickhouse分布式表的操作

在c1的cluster定义了一个distribute_test_all的分布式表，查询本地的distribute_test_local表，而sharding_key采用的是随机的方式，将数据分布到每个节点的本地表。

2023-11-29 10:26:52

分布式数据

C++传递大型对象：传值、传引用还是传指针？

本文将深入探讨传值、传引用和传指针这三种传递方式，并给出建议，以便读者在面对类似问题时能够做出明智的决策。

2023-11-29 09:47:11

调用三方服务为什么要使用 Webhook？

我们可以向外部服务注册一个 Webhook。当有关于请求的最新状态更新时，请回调某个 URL。当 PSP 完成处理后，它会调用 HTTP 请求来更新付款状态。

2023-11-29 09:19:00

OceanBase这次把我惊到了！

对数据库这个产品来说，其实用户并不关注底层的具体实现，集中式也好，分布式也罢，行存也行，列存也行。用户关注的是使用体验，是不是高可用、高安全、高性价比。

2023-11-29 09:09:27

OceanBase 底层

Vue 3的Teleport特性详解，你了解几分？

Vue 3的Teleport特性为开发者提供了更多的控制权和灵活性，特别是在处理全局性的组件渲染场景时。通过使用Teleport，开发者可以更轻松地实现一些复杂的界面交互效果，提升用户体验。

2023-11-29 09:05:59

我们一起聊聊前端接口容灾

总结下，优点包括不入侵业务代码，不影响现有业务，随上随用，尽可能避免前端纯白屏的场景，成本低。劣势包括使用局限，不适合对数据实效性比较高的业务场景，不支持 IE 浏览器。

2023-11-29 09:04:00

2024 年 Vue 发展预测

随着 Vue.js 社区不断发展，Vue 2 将于 2023 年 12 月 31 日结束支持，达到生命周期结束（EOL），这标志着更先进版本的到来。

2023-11-29 09:01:28

深入探讨React中的useMemo：原理解析与最佳实践

通过深入了解useMemo的使用方法、原理以及源码实现，我们可以更好地理解它在React性能优化中的作用。合理地利用useMemo，可以在保证组件功能的同时提高渲染性能，为用户提供更好的使用。

2023-11-29 09:00:55

Vue3 学习笔记，快速初始化 Vue 项目及 Data 函数用法学习

在 Vue.js 中，Data 函数用于定义组件实例的状态。组件实例中定义的数据可以在模板中使用，也可以在组件的 JavaScript 逻辑中使用。

2023-11-29 08:49:31

Vue.js Data 函数

原来New关键字创建对象的背后还隐藏了这么多秘密，看完这篇文章我顿悟了

在64位平台的HotSpot中使用32位指针(实际存储用64位)，内存使用会多出1.5倍左右，使用较大指针在主内存和缓存之间移动数据，占用较大宽带，同时GC也会承受较大压力。

2023-11-29 08:40:48

解密 Python 如何调用 Rust 编译生成的动态链接库

我们就介绍了 Python 如何调用 Rust 编译的动态库，再次强调一下，通过 ctypes 调用动态库是最方便、最简单的方式。它和 Python 的版本无关，也不涉及底层的 C 扩展，它只是将 Rust 编译成 C ABI 兼容的动态库，然后交给 Python 进行调用。

2023-11-29 08:31:20

Go泛型缺陷?Go Stream是如何解决Go不支持泛型方法的问题的？

Go-Stream实现了 java8 stream框架常用的操作，包括过滤(Filter)，转换一对一(Map), 转换一对多(FlatMap)，转Map(toMap), 聚合(Reduce)，数据统计(Statistic), 分组(GroupingBy)已经分组后对各组排序等功能，基本满足99%的开发需求。

2023-11-29 08:19:45

Go 泛型缺陷

用200行代码写一个H5小游戏

本文将带大家一步步实现一个H5拼图小游戏，考虑到H5游戏的轻量级和代码体积，我没有使用React或Vue这些框架，而采用我自己写的dom库和原生Javascript来实现业务功能。

2023-11-29 08:10:36

javascript H5游戏

Go 面试 | 理解进程、线程和协程的概念及区别

进程、线程和协程都是处理并发执行的方式，但在执行模型、资源管理和调度机制等方面存在差异。深入理解这些概念的区别有助于设计和实现高效的并发应用程序。

2023-11-29 08:02:16

你不知道的Websocket协议，这次给你讲明白！

websocket是利用http协议，然后加上一些特殊的header头进行握手Upgrade升级操作，升级成功后就跟http没有任何关系了，之后就用websocket的数据格式进行收发数据。

2023-11-29 08:01:38

websocket 协议

阿里面试官：你说一下Java的TreeMap底层实现原理？

具有一些以键的顺序进行范围查询的方法，比如firstEntry()、lastEntry()、higherEntry(K key)、 lowerEntry(K key) 等。可以自定义排序方式，初始化的时候，可以指定是正序、倒序或者自定义排序。

2023-11-29 08:00:53

Java TreeMap 底层

DDIA：一文带你了解“两阶段提交”

在未收到协调者的消息前，参与者无从得知是要提交还是中止。原则上，参与者之间可以互相沟通以确定该如何进行下一步，并最终达到一致，但这已经超脱了 2PC 协议范畴。

2023-11-29 07:47:58

DDIA 两阶段提交

国民级应用滴滴11.27故障12小时全称回顾，看完，你想到些什么？

亲爱的滴滴师傅们，我们做技术的讲求高可用，多备份，多活，说人话就是，您闲下来的时候也用一下其他平台，防止单个平台故障带来的经济损失。

2023-11-29 07:37:53

国民级应用滴滴

阿里云史诗级故障赔偿拿到了！但是业务也是影响的一片狼藉

尽管阿里云在此次事故后进行了赔偿，但仍然引起了一些质疑。有些人认为这是阿里云裁员的结果，说了这么多，好像我们自己搭建机房不出问题似的，如同360老总说的一样死海效应，做实事的往往会最先离职，都蒸发了，最后留下的都是混日子的老油条，包括管理层也一样。

2023-11-29 07:31:42

阿里云故障裁员

Python GUI 新手入门教程：轻松构建图形用户界面

实践是掌握 GUI 开发的关键。尝试不同的小部件、布局和样式，为您的 Python 应用程序创建完美的界面。Tkinter 的文档是进一步探索和微调的优秀资源。

2023-11-29 07:30:08

Python 用户界面

Solid 作者从 React 中学到最重要的是什么？

本文存在的意义，是阐述一个观点 —— 这些规范之所以存在，是为了共同实现「局部思考」的理念。而这一理念，才是前端框架可维护性、可读性的来源。

2023-11-29 07:29:28

优雅的springboot参数校验，你学会了吗？

分享的这篇文章里的校验参数注解使用方法，我是在一个springboot项目里亲自重新测试验证过的，springboot的版本是2.3.9.RELEASE，另外也引入了关于参数校验的starter包，这样就不用额外去引关于参数校验的其他包了。

2023-11-29 07:23:04

参数 springboto

我们一起聊聊Python协程和异步编程

Python中的异步编程主要依赖于`asyncio`模块。`asyncio`提供了一套用于编写异步代码的工具和框架，包括协程、事件循环和异步IO操作等。

2023-11-29 07:10:50

python 协程异步编程

揭秘Git高手的十个秘密武器：让你的工作效率飙升！

来看看git reset --hard HEAD^。它会彻底抹除最后的提交以及所有相关更改从你的Git历史记录中。当你使用--hard标志时，就没有回头路了。所以在你想要永久性地丢弃最后的提交及其所有更改时，一定要非常谨慎地使用。

2023-11-29 07:04:19

Git 工作效率

揭秘Java三宝：final，static，volatile，面试中的关键字秘籍！

今天我们深入探讨了面试中经常被问到的问题：“final，static，volatile的作用分别是什么？”通过详细解析这三个关键字的使用场景和作用，相信大家对它们有了更深刻的理解。

2023-11-28 21:50:39

final static volatile

八股文-如何理解Java中的多态

多态性使得同一类型的对象在不同情境下表现出不同的行为，从而提高了代码的灵活性和可维护性。编译时多态主要在编译阶段确定调用哪个方法，而运行时多态则在运行时确定调用哪个方法。这种灵活性使得程序能够更容易地适应变化，同时提高了代码的可扩展性。

2023-11-28 18:09:49

再也不怕面试官问watch、computed、watchEffect的区别了

watch适用于需要有条件地监听数据变化的场景，computed适用于创建派生数据和性能优化，而watchEffect适用于自动追踪依赖的场景。在实际应用中，根据具体需求选择合适的API可以更好地发挥Vue的响应式能力。

2023-11-28 17:49:51

watchcomputed性能

再见，Shiro ！你好，Sa-Token！

看到这个页面目前非常简陋，这是因为我们以上的代码示例，主要目标是为了带大家从零搭建一个可用的SSO认证服务端，所以就对一些不太必要的步骤做了简化。

2023-11-28 17:24:45

SSO 认证服务端

上一页 1 ··· 34 35 36 37 38 ··· 490 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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