鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

如何实现一个支持海量大并发的服务？

通过这样一个分布式的分层架构，海量的域名解析请求就被分摊到至少4层主机中了，再配合本地域名服务器的缓存，整个DNS系统中每台服务器的实际压力都会减少很多。于是看起来很恐怖的并发量，在众多服务器以及缓存的共同支撑之下，就显得不是那么困难了。

2024-03-15 15:20:10

并发服务 IP

Synchronized关键字的底层原理？

在 Java 中，关键字 synchronized 可以保证在同一个时刻，只有一个线程可以执行某个方法或者某个代码块(主要是对方法或者代码块中存在共享数据的操作)，同时我们还应该注意到 synchronized 的另外一个重要的作用，synchronized 可保证一个线程的变化(主要是共享数据的变化)被其他线程所看到。

2024-03-15 15:12:27

关键字底层代码

养成15个好的代码习惯，让老大对你刮目相看

今天，我写这篇文章，还是因为一些兄弟在问我问时，我发现他们的代码习惯貌似达不到合格水平，会写很多冗余代码，或者明明一行代码就能搞定的，却要写好几行代码。所以我总结了我开发中，我认为达到及格水平的个代码习惯。如果有不足之处，请多多指教。

2024-03-15 13:06:00

代码技巧 ES6-

C++关键字详解：程序之魂

C++关键字具有预定义的含义，不能用作标识符（如变量名、函数名等）。了解并正确使用这些关键字，对于掌握C++编程至关重要。

2024-03-15 11:52:03

C++关键字编程

Vue2 前端权限控制实战

本文将介绍如何使用 Vue2 实现前端权限控制，包括页面路由权限控制和按钮级别的权限控制。

2024-03-15 11:47:19

Vue2 前端权限控制

快的离谱! 新的 JS 运行时 WinterJS 来了！每秒 150k 请求，速度超过 Bun、Node.js

努力使 React 服务器组件完全可用有助于我们发现我们的流实现与规范存在一些细微但重要的差异。我们还意识到我们的获取实现有一些怪癖需要修复，但最终，在经过许多汗水和不眠之夜后，我们完全做到了！

2024-03-15 11:19:41

JS 运行 WinterJS

切片上的健壮范型函数，你知道几个？

如果函数更改了作为参数传递的切片的长度，则需要将新的切片返回给调用者。如果不需要增长，底层数组可能保持不变。这解释了为什么append和slices.Compact返回一个值，但slices.Sort，仅重新排序元素，不返回值。

2024-03-15 09:56:47

切片函数泛型

实战 | 生产环境中如何动态调整线程池大小？

在某些情况下，应用程序可能会突然接收到大量的请求，这被称为突发流量。如果线程池大小固定且不足以处理这种突发流量，那么应用程序的性能可能会受到严重影响。通过动态调整线程池大小，可以快速地增加线程数量以应对这种突发流量，从而保持应用程序的稳定性和性能。

2024-03-15 09:32:47

线程池应用程序性能

2024 年这五个 Node.js 后端框架最受欢迎！

在2024年，上述的后端框架在市场上占据重要地位。无论你选择 Express.js 的简洁性、Nest.js 的结构、Adonis.js 的生产力，还是 Koa.js 的优雅，选择正确的框架都是至关重要的。这总是取决于您的需求。重要的是要了解您的项目需要什么，然后根据此选择适当的框架。

2024-03-15 09:26:59

Node.js 后端框架

详解CSS中@keyframes：动画制作的艺术

CSS3中的@keyframes规则为我们构建丰富网页动画提供了强大而灵活的方式。熟练掌握这一特性，可以帮助我们创造更加生动有趣的Web体验。

2024-03-15 08:50:08

CSS3 @keyframes 动画制作

Vue 3 的 setup 语法糖到底是什么东西？

setup语法糖经过编译后就变成了setup函数，而setup函数的返回值是一个对象，这个对象就是由在setup顶层定义的变量和import导入组成的。vue在初始化的时候会执行setup函数，然后将setup函数返回值塞到vue实例的setupState属性上。

2024-03-15 08:45:31

Vue 3 setup 语法

2024编程新趋势：JavaScript高手的秘密武器Rust

对于JavaScript开发者来说，学习Rust不仅是技术层面的提升，更是一次职业和思维上的转变。这不仅仅是学习新语言的过程，更是成为一名更全面、更高效的软件工程师的旅程。

2024-03-15 08:32:20

JavaScript Rust 系统编程

彻底理解异步编程！你理解了吗？

如果是在单核系统下，CPU会不断在处理文件线程和A函数线程间切换，看上去这两个线程就好像在同时运行，但如果是在多核系统下，这两个线程可以真正的并行起来。

2024-03-15 08:23:26

异步编程函数

Bind、Call、Apply的区别？如何实现bind

bind() 方法创建一个新的函数，该函数的 this 关键字被绑定到指定的对象，并且提供了一系列参数。不会立即执行函数，而是返回一个新的函数，可以稍后调用。

2024-03-15 08:21:17

bind JavaScrip 函数

一个熟悉又陌生的关键字：volatile

日常开发中，我们一般情况下都是直接使用的Atomic原子类来保证线程安全的情况，并不会去直接使用volatile关键字，乍一看这个volatile还真是熟悉又陌生呢！

2024-03-15 08:18:25

volatile Atomic 关键字

Nginx 一网打尽：动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化...

对于并发编程较为熟悉的伙伴都知道，因为进程/线程数往往都会远超出系统CPU的核心数，因为操作系统执行的原理本质上是采用时间片切换机制，也就是一个CPU核心会在多个进程之间不断频繁切换，造成很大的性能损耗。

2024-03-15 08:17:18

缓存动静分离跨域

简单聊聊JVM中的几种垃圾收集算法

G1 收集器的垃圾回收流程和 CMS 逻辑大致相同，主要的区别在最后一个阶段，G1 不会直接进行清除，而是会根据设置的停顿时间进行智能的筛选和局部的回收，采用“标记复制”算法来实现。

2024-03-15 08:04:30

八大编程语言在网络安全领域的优势和职业机会

虽然Rust相对较新，但在网络安全领域也有一些职业机会。Rust的内存安全性和并发性使其特别适用于编写高性能、安全的网络安全工具和系统级编程。

2024-03-14 15:11:54

编程语言网络安全

C++数据类型详解

本文将详细介绍C++中的基本数据类型、用户定义类型以及其他重要类型，并通过实例说明其用法。

2024-03-14 11:54:37

C++数据类型

跨端轻量JavaScript引擎的实现与探索

libuv 是一个使用C语言编写的多平台支持库，专注于异步 I/O。它主要是为 Node.js 使用而开发的，但 Luvit、Julia、uvloop 等也使用它。

2024-03-14 11:06:37

JavaScript 引擎探索

.NET Core 上传文件到本地服务器技术详解

在.NET Core中实现文件上传功能相对简单且灵活。通过前端组件和后端处理逻辑的配合，我们可以轻松地实现将文件上传到本地服务器的功能。同时，我们还需要关注安全性和扩展性方面的问题，以确保上传功能的稳定性和可靠性。

2024-03-14 10:51:13

服务器技术 .NET Core

想去阿里？先了解Spring Bean生命周期这一绝对热点！

IOC（Inverse of Control，控制反转）容器是Spring框架的核心，负责管理应用中的各种组件，包括Bean的加载、实例化、依赖注入等。在Spring中，IOC容器通过加载配置文件或者注解的方式来管理Bean，而Bean则是应用中的核心组件，负责完成各种业务逻辑。

2024-03-14 10:47:12

Spring 生命周期阿里

谈谈JS二进制：File、Blob、FileReader、ArrayBuffer、Base64

一些小的图片都可以使用 base64 格式进行展示，img标签和background的 url 属性都支持使用base64 格式的图片，这样做也可以减少 HTTP 请求。

2024-03-14 10:31:33

注意！Electron 无法获取设备ID了！

正常情况下，我们希望用户打开应用的时候，主动获取设备 ID 并发给渲染进程。然而经过测试，在创建浏览器窗口的同时立即获取设备 ID 并通知渲染进程，在正式环境中，渲染进程往往接受不到消息。这是因为创建窗口时，页面还没有初始化完成，自然接收不到消息。

2024-03-14 10:22:46

Electron 设备ID Node.js 模块

赠你13张图，助你20分钟打败了「V8垃圾回收机制」！！！

并行式GC允许主线程和辅助线程同时执行同样的GC工作，这样可以让辅助线程来分担主线程的GC工作，使得垃圾回收所耗费的时间等于总时间除以参与的线程数量（加上一些同步开销）。

2024-03-14 09:40:14

V8 回收机制 GC

Go 错误处理：用 select-case 来解决这个历史难题？

截止目前我们已经看过了许多 Go 错误处理的脑洞新提案。本提案是期望利用 select-case 的特性结构来做扩展，以此达到向前兼容的目的。从编译和运行上，作者认为代价是比较小的，只需要在内部替换成类似 switch 的效果就可以了。

2024-03-14 09:35:54

Go 错误 select 代码

用 Python 优雅地玩转 Elasticsearch：实用技巧与最佳实践

相比之下，elasticsearch-dsl提供了更高级的抽象，通过更为Pythonic的接口简化了复杂搜索查询的构建，使得代码更加简洁易读，尤其适合日常使用和复杂查询构建。

2024-03-14 09:19:49

Python 技巧数据

分享一款基于Web的PPT制作框架——Reveal.js

一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现，花了15分钟系统的调研了一下，觉得基本满足技术分享类PPT的要求，所以决定采用该方案来实现我的网页版PPT。

2024-03-14 08:32:37

HTML Web 框架 PPT

浅谈JVM运行期的几种优化手段

Java 中最典型的聚合量是对象，如果逃逸分析证明一个对象不会被外部访问，并且这个对象是可分解的，那程序真正执行的时候将可能不创建这个对象，而改为直接创建它的若干个被这个方法使用到的成员变量来代替，拆散后的变量便可以被单独分析与优化，可以各自分别在栈帧或寄存器上分配空间，原本的对象就无需整体分配空间了。

2024-03-14 08:17:33

JVM Java 对象

常说的BFC是什么？如何触发？

BFC提供了一种可靠的布局机制，可以解决各种常见的布局问题，同时提高页面的性能和可维护性。使用BFC可以避免一些常见的布局陷阱，如外边距重叠、浮动元素导致的布局错乱等。此外，BFC还可以提供更精确的控制，使得布局更加灵活、稳定。在现代Web开发中，BFC已经成为了布局的重要工具之一，被广泛应用于各种网页布局中。

2024-03-14 08:13:08

如何扩展大模型的上下文长度

本文从 Llama 大模型的结构入手，介绍了其模块结构，重点解析了 Attention 机制中的 RoPE 层。要实现 Llama 模型上下文长度的扩展，需要对应扩展 RoPE 位置编码层。但是直接扩展会导致模型困惑度上升，针对这个问题，我们介绍了业界常见的几种上下文扩展方法，包括位置查找法、动态插值法和 Yarn 方法等。

2024-03-14 08:11:45

模型 RoPE Llama

使用Vault保护SpringBoot配置文件中的敏感数据，你学会了吗？

Spring Vault 为访问、存储和撤销秘密提供客户端支持。有了 HashiCorp 的 Vault，你就有了一个集中的地方来管理所有环境中应用程序的外部秘密数据。

2024-03-14 08:05:30

敏感数据 Vault

用Rust重写数万行C代码，有必要吗？

Rust的进化还在继续。根据其发布的Rust 2024路线图，官方团队将在未来继续努力，降低学习门槛，加强生态连接。帮助Rust尽快摆脱饱受诟病的“高门槛”标签，让它尽快在更多场景中发挥价值。在这方面，Rust的未来确实值得我们每个人的期待。

2024-03-13 15:48:43

Rust C代码连接

抢先了解：阿里巴巴面试必问！Spring设计思想解析

我们可以看到，Spring框架的设计思想主要包括IOC控制反转、DI依赖注入和AOP动态代理。这些设计思想使得Spring成为了一个功能强大、灵活性高、扩展性好的企业级应用开发框架，深受广大开发者的喜爱和追捧。

2024-03-13 15:41:03

Spring 设计 IOC

Node.js 中获取用户主目录的终极指南

在Node.js早期版本，获取用户主目录并不那么直接，这导致了os-homedir这样的包的诞生。然而，随着Node.js的发展，特别是从4.x版本开始，Node.js核心模块os引入了自己的homedir方法。

2024-03-13 15:26:13

Node.js 户主目录 Windows

从 Java 大神 Joshua Bloch 提炼 API 设计的三个核心原则

即使你作为一个程序员并不直接参与面向公众的 API 开发，实际上你也在持续地创建 API。优秀的编程应该是模块化的，模块间的边界自就是 API。同样，如果你参与的是一个现代化的、分布式的、基于微服务架构的系统，那么服务间的边界也构成了 API，只是架构有所不同。

2024-03-13 15:21:24

API Java 原则

我们一起聊聊如何保证接口幂等性？高并发下的接口幂等性如何实现？

具体到HTTP接口或者服务间的API调用，接口幂等性就可以理解为当客户端对同一接口发起多次相同的请求时，服务端系统也应该确保只执行一次相应的操作，并且不论接收到了多少次请求，系统的状态变更始终是一致的，不会因为重复的请求而导致数据的错误。

2024-03-13 15:18:00

接口幂等性高并发

Spring中Cron表达式的优雅实现方案

我们既可以通过application.properties配置文件配合@Value注解的方式指定任务的Cron表达式，亦可以通过CronTrigger从数据库或者其他任意存储中间件中加载并注册定时任务。这是 Spring 提供给我们的可变的部分。

2024-03-13 14:40:35

Spring Cron 表达式

Spring事件如何异步执行？

从Spring 4.2开始，事件基础设施得到了显著改进，并提供了基于注释的模型以及发布任意事件的能力(也就是说，不一定是从ApplicationEvent扩展的对象)。当这样的对象被发布时，我们将它包装在一个事件中。

2024-03-13 14:35:33

Spring 事件异步

OpenFeign夺命连环九问

Feign集成了Ribbon、RestTemplate实现了负载均衡的执行Http调用，只不过对原有的方式（Ribbon+RestTemplate）进行了封装，开发者不必手动使用RestTemplate调服务，而是定义一个接口，在这个接口中标注一个注解即可完成服务调用，这样更加符合面向接口编程的宗旨，简化了开发。

2024-03-13 13:56:11

openFeign Http 服务调用

揭示 Dart 和 Flutter 中扩展（Extensions）的强大功能

Flutter 中的扩展提供了一种在不修改源代码的情况下向现有类添加新功能的方法。这在使用外部库或 SDK 中的类时特别有用。扩展使代码更模块化、更可读，并允许更流畅和直观的 API 设计。

2024-03-13 13:44:06

Dart Flutter SDK

面试官：工作中处理过什么复杂的前端需求，如何解决的?

前端的复杂度也许很多，比如之前我参与的CPU负载过高问题排查，用尽手段定位一个月之后发现是一条正则语句引发的，这种性质的复杂属于特定场景下的复杂度。

2024-03-13 13:41:18

前端 CPU 负载

我面试最喜欢问的开放题：如何严谨二次封装 localStorage？

最近我在面试中，喜欢问一道有关于 hooks 的开放问题：二次封装一个 loaclStorage 的 hooks 时，需要考虑哪些问题呢？

2024-03-13 13:39:21

hooks Vue3 开发

Java程序员易踩的坑及解析

我们小伙伴会说了，Java不是中为了节省内存和提高性能，会对一定范围内的Integer对象进行缓存。范围默认是在 -128 到 127 之间，怎么没有生效？

2024-03-13 13:10:48

Java Integer 缓存

我们一起聊聊如何做移动端的样式适配

移动端样式适配可以通过媒体查询、相对单位、Flexbox 和 Grid 布局、Viewport 单位以及一些JavaScript库来实现。选择合适的方法取决于具体项目的需求和开发团队的偏好。

2024-03-13 13:07:36

移动端样式适配

C++中列表初始化，你知多少？

虽然列表初始化是一种很便捷和安全的初始化方式，但在某些情况下，特别是对于非聚合类型和可能导致 most vexing parse 的地方，可能需要考虑其他的初始化方式。

2024-03-13 08:52:43

C++初始化方式

Vue3 中的 Suspense：异步组件加载与占位符管理

Suspense 是Vue3响应式系统中的一个重要组成部分，其设计理念源于React社区，并根据Vue生态的特点进行了优化。当Suspense包裹的异步组件还未准备好渲染时，它会显示提供的fallback内容，直到所有异步组件完成加载。

2024-03-13 08:37:18

Vue3 Suspense 异步组件

我用纯 CSS 实现了一个冒泡排序动画

如果你在Codepen上操作代码，那么在移动设备上，最后几个动画可能无法播放，显示为空白；而在PC上，CPU风扇可能会转起来！

2024-03-13 08:21:53

冒泡排序动画

浅谈虚拟机下部分内网穿透功能实现方法

Frp和Tailscale都可以用于实现内网穿透功能，他们也各有优缺点。Frp开源免费、灵活性高，但配置较复杂；Tailscale简单易用、安全性强，但是需要通过第三方验证身份，同时是商业软件，免费版本有一定限制。

2024-03-13 08:03:02

内网穿透 Tailscale Frp

面试官问：ThreadLocal中的键为什么是弱引用？

ThreadLocal在源码中经常被应用，例如，Spring MVC的RequestContextHolder的实现就是使用了ThreadLocal，cglib动态代理中也应用了ThreadLocal等等。

2024-03-13 07:53:57

弱引用线程工具

上一页 1 ··· 64 65 66 67 68 ··· 547 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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