鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

用户注册这样玩，保你平安

除了能让用户正常注册外，有时候还需要确保用户一个手机号只能注册一个账号，完成对用户手机号在商城的唯一性保障。

2023-11-30 22:54:15

Python文件操作：高效处理文件的技巧

本文将带领读者深入探索文件操作的世界，并分享实用的技巧和工具。通过掌握这些技能，您将能够更加轻松地管理和处理文件，提高工作效率和数据处理能力。

2023-11-30 16:05:17

Python 文件操作

快速入门 Python sympy 库：解决数学难题从此不再困扰！

本文详细介绍了 Python sympy 库的优势、安装方法以及常用函数方法。为广大 Python 开发者提供了在科学计算、数学分析等领域中优雅解决问题的方法。

2023-11-30 15:36:36

开发者必备21个Python工具

在这篇文章中，我们将介绍21个开发者必备的Python工具，涵盖了开发、调试、测试、性能优化和部署等多个方面。

2023-11-30 15:30:19

Python 编程语言

前后台分离开发，你会了吗？

在企业级的前端项目开发中，把前端开发所需要的工具、技术、流程、经验进行规范化和标准化。从而提升开发效率，降低开发难度等等。接下来我们就需要学习vue的官方提供的脚手架帮我们完成前端的工程化。

2023-11-30 12:13:29

开发分离工具

大数据实战：基于Flink+ODPS历史累计计算项目分析与优化

我们将其拆分到“实时+离线”两条链路分别计算，离线链路计算用户历史至昨日的累计数据data1，实时链路计算当日实时累计数据data2。然后在对两条链路的数据进行汇总，data1+data2即为用户历史至今日此时刻的累计数据。

2023-11-30 11:45:07

仅用 CSS 实现网页阅读进度条

我们将定义进度条的样式。我们将设置 progress-bar-container 固定在视口顶部并调整其背景颜色，该颜色始终对用户可见。我们还将 progress-bar 设置为 100% 宽度。

2023-11-30 11:38:29

CSS 网页进度条

在Rust中处理命令行参数和环境变量

在本章节中, 我们探讨了Rust处理命令行参数的常见的两种方式和处理环境变量的两种常见方式, 抛开Rust的语法, 实际上在命令行参数的处理方式上, 与其它语言大同小异, 可能影响我们习惯的也就只剩下语法。

2023-11-30 10:42:43

Rust 命令行参数

埋点数据可视化的探索与实践

数据埋点的整个流程是从产品或交互侧提出需求开始的，中间经历了研发人员的代码植入、配置维护、测试上线等流程，最后才能查看数据。

2023-11-30 09:34:14

数据可视化探索

如何设计安全的 API 调用？

服务器收到包含请求数据和鉴权标头的请求。它从请求中提取必要的字段，并使用存储在服务器端的 API Key 生成签名（hmac B）。

2023-11-30 09:18:27

我们聊聊从头学服务器组件：在导航间保留状态

本文，我们为服务端增加了返回 JSX 数据的支持，并使用 React 在客户端进行消费，实现基于 JSX 结构的页面初始化和页面局部更新。出于安全考虑，React 要求 JSX 节点中需要包含一个 $$typeof: Symbol.for("react.element") 属性。为此，我们在序列化和解析的时候，对 $$typeof 做了特殊的转换处理。

2023-11-30 08:37:04

JSX 服务端结构

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

对于我们的外部链接，我们将通过设置伪元素的样式来附加一个图标。这里我们使用 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 两阶段提交

上一页 1 ··· 86 87 88 89 90 ··· 542 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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