直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

一文搞懂ThreadLocal原理

ThreadLocal是一种多线程编程的工具，可以帮助我们在多线程环境中管理线程本地的变量。它通过ThreadLocal实例和ThreadLocalMap的组合实现了这一功能。

2023-09-08 08:20:46

ThreadLoca 多线程工具

调试心得：通过观察正常的程序行为来识别Bug

在实际项目中，死锁和挂起这类问题十分难以调试，因为出现这类问题时，调试器中并没有输出异常相关的信息。程序突然之间就停止了响应，开发者不得不苦思冥想，到底哪里出错了。

2023-09-08 08:09:29

项目程序线程

K8S入门到实战--跨服务调用

总的来说 k8s service 提供了简易的服务注册发现和负载均衡功能，当我们只提供 http 服务时是完全够用的。

2023-09-08 08:09:12

k8s service 服务

React-Spring：让你的应用栩栩如生

React-Spring 是一个非常优秀的动画库，它的接口 hook化的设计、常用场景的完美支持，十分贴合react的生态系统，使得它在 Github 斩获了 26.3k的 star，所以这是一款值得推荐的库。

2023-09-08 08:08:55

Reac 动画库场景

这么多人用Codesandbox，他服务器扛得住么？

Codesandbox是如何实现的？他会面临leetcode一样的服务器压力么？这个问题的本质其实是问 —— 用户在Codesandbox中写的代码，究竟是在前端还是后端编译成静态资源的？毕竟，如果是在后端完成，会增加服务器压力。

2023-09-08 07:34:11

编辑器 React

前端容器化实践

前后端分离的趋势已形成现状，前端工程复杂度叠加增长，新、老项目部署依赖的环境和Node.js版本会存在差异，生产环境下构建混淆后的脚本、静态资源文件依赖环境部署服务进行访问，前端工程未能形成"单体工件"部署，容器的出现大大简化了部署流程。

2023-09-07 20:04:06

前后端趋势 Node.js

@Autowired为什么会报错？如何解决？

使用 @Autowired 注解导入 Mapper 对象报错的原因，是因为 @Autowired 默认情况下，需要注入一个非 NULL 的对象，而被 @Mapper 修饰的类为 MyBatis 的注解，IDEA 并不能很好的识别其为非 NULL 对象，因此就会报错。当然，它的解决方案也有很多，推荐使用 @Resource 替代 @Autowired 注解的方式来解决此问题。

2023-09-07 17:06:21

@Autowired 报错原因分析

为什么 TCP 需要三次握手？

TCP 之所以需要 3 次握手，是因为 TCP 通讯双方都是全双工的，所以要经过 3 次交互才能确认双方的发送能力和接收能力，并且 TCP 握手必须是 3 次，如果是 2 次握手，不能证明服务器端的发送能力和客户端的接收能力；也不能是 4 次握手，因为 3 次已经能证明的事情，再交互握手 1 次完全没有必要。

2023-09-07 16:46:54

TCP 数据传递

七个很有用的 JavaScript 技巧

今天我们一起来了解一下日常中七个很有用的 JavaScript 技巧都有哪些吧。

2023-09-07 16:28:46

五个最令人兴奋的 ES13 功能

在这篇文章中，我想与大家分享 5 种我最喜欢的技术，这些技术是我已经开始在工作中实施的。

2023-09-07 16:23:22

使用Arthas一步步分析druid连接池Bug

如果没有出现在【抓取的关闭PgConnection的本地端口号】中，那么这个本地端口号对应的连接就是没有被关闭的，通过与netstat查的端口号对比，是一致的，所以猜测没有调用到PgConnection.close或者调用PgConnection.close出现异常了？

2023-09-07 11:09:59

连接池本地端口号

使用了Spring的事件机制真香！

通过继承ApplicationEvent，实现自定义事件。是对 Java EventObject 的扩展，表示 Spring 的事件，Spring 中的所有事件都要基于其进行扩展。

2023-09-07 10:31:27

Java 扩展事件

十个功能强大的 JavaScript 动画库，打造引人入胜的用户体验

有了这 10 个功能强大的 JavaScript 库，创建动画再简单不过了。滚动动画、手写动画、SPA 页面转换、打字动画、颜色动画、SVG 动画......它们的功能无穷无尽。作为开发人员，利用这些工具无疑会提升你的项目，使其在竞争日益激烈的数字环境中脱颖而出。

2023-09-07 10:21:27

JavaScrip 滚动动画

十个极大提高开发效率的 VS Code 技巧！

本文来分享 10 个极大提高开发效率的 VS Code 技巧！在VS Code中，可以在设置中搜索" Editor: Wrap Tabs"来实现选项卡换行的功能。

2023-09-07 10:21:03

VS Code 技巧提高开发效率

SpringBoot实现多数据源配置详解

因为我们使用的是Hikari数据源，所以这里我是直接copy默认系统Hikari的属性文件。也就是这个文件：org.springframework.boot.autoconfigure.jdbc.DataSourceProperties 为啥我不直接继承这个类而是在自己的项目中新建这么一个类？

2023-09-07 08:39:39

copy 属性数据源

图形编辑器开发：绘制图形工具

模板模式的优点是复用和扩展。相同的主体框架逻辑不变，暴露几个方法让子类实现，有些是必须实现，有些是可实现可不实现（不实现用默认算法），对我们实现一种通用的绘制图形工具很有帮助。

2023-09-07 08:24:35

图形编辑器开发绘制图形工具

彻底理解什么是同步和异步！

在这篇文章中我们从各种场景分析了同步与异步这两个概念，但是不管在什么场景下，同步往往意味着双方要相互等待、相互依赖，而异步意味着双方相互独立、各行其是。希望本篇能对大家理解这两个重要的概念有所帮助。

2023-09-07 08:15:58

场景同步异步

重大线上事故！三元表达式引发的空指针问题

日常开发中就有可能出现以上 6 种情况。在以上 6 种情况中，如果是涉及到自动拆箱的，一旦包装类的值为 null，即 null.booleanValue()，就必然会发生 NPE（装箱不会，因为装箱是 Boolean.valueOf(null)，这并不会抛 NPE）。

2023-09-07 08:05:32

三元表达式自动

原生JS实现惯性滚动，给鼠标滚轮增加阻尼感，纵享丝滑

本文将教会你如何让鼠标滚轮也能够丝滑地操作网页，带来更舒适的页面惯性滚动体验，同时讲解其中技术原理与细节，用最少量的代码实现 JS 鼠标惯性滚动。

2023-09-07 07:35:59

JS 操作网页

图解 60 个 CSS 选择器，一网打尽！

子选择器用于选择某个元素的直接子元素，使用大于号（>）作为组合符号，将两个选择器连接起来。它选择的是父级元素下的直接子元素，即元素树结构中的一级关系。

2023-09-06 18:37:45

CSS 选择器符号

四个关于 JavaScript 中闭包的有用技巧

根据 MDN：“闭包是捆绑在一起（封闭）的函数及其周围状态（词法环境）的引用的组合。换句话说，闭包使您可以从内部函数访问外部函数的作用域。在 JavaScript 中，每次创建函数时都会创建闭包。”

2023-09-06 16:55:33

JavaScript 闭包

一篇文章带你了解JavaScript变量

和其他可编程语言相同，JavaScript 也有“变量”的概念。“变量”可以认为是有名字的容器。将数据置于这些容器中，然后通过容器的名称就可以知道数据的类型。

2023-09-06 14:57:46

JavaScript 编程语言

适配器模式：如何让不兼容的接口变得兼容

通过利用适配器模式对系统进行扩展后，我们就不必再为解决兼容性问题去暴力修改类接口了，转而通过适配器，以更为优雅、巧妙的方式将两侧“对立”的接口“整合”在一起，顺利化解双方难以调和的矛盾，最终使它们顺利接通。

2023-09-06 13:20:00

适配器模式兼容性

图形编辑器开发：是否要像 Figma 一样上 Wasm

Figma 从一开始就是用 C++ 写的。在 Wasm 被浏览器支持之前，Figma 使用 wasm 的前身 asm.js 去转成 JavaScript，使其可以在浏览器上运行。Wasm 在 2017 年被浏览器实装，Figma 自然而然用上了 Wasm，没有太多的改造成本。彼时，Figma 发现在 Chrome 运行 Wasm 有 BUG，会失败。Firefox 则能正常运行。

2023-09-06 09:20:45

详解ASP.NET Core实现的文件断点上传下载

在 ASP.NET Core 应用程序中，创建一个名为 UploadController 的控制器。在该控制器中，使用 ApiControllerAttribute 特性声明该控制器为 Web API 控制器。

2023-09-06 08:33:30

ASP.NET 文件断点上传

警惕低代码隐藏的六大危险译文

您以为低代码会让自己的日子更轻松吗？以下是在采用低代码平台之前需要三思而后行的六个充分理由。

2023-09-06 08:30:00

低代码自动化开发

Flutter For Web性能优化和新场景探索

FFW的html渲染模式，首开速度已经接近传统Vue.js站点；canvaskit模式的刷新帧率效率，也已经接近App端的flutter代码。但是，后者的首屏速度，由于必要的noto字体和wasm内核文件，首开耗时依然过久。

2023-09-06 08:14:34

性能优化模式

一日一技：从Pandas DataFrame的两个使用小技巧

今天我从网上下载了一批数据。这些数据是Excel格式，我需要把他们转移到MySQL中。这是一个非常简单的需求。

2023-09-06 00:15:04

Pandas 技巧格式

基于Vue前端框架构建BI应用程序

Vue（Vue.js）是一个轻量级、高性能、可组件化的MVVM库。简而言之，是一个构建数据驱动的web界面的渐进式框架。它采用MVVM思想，通过数据双向绑定实现数据的动态渲染，同时也支持组件化的开发方式，使开发更加高效和可复用。

2023-09-05 23:29:49

《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件

对于react选手来说,如果没用typescript,建议大家都用PropTypes, 它是react内置的类型检测工具,我们可以直接在项目中导入. vue有自带的属性检测方式,这里就不一一介绍了。

2023-09-05 20:17:18

typescript PropTypes react

Dockerfile : 实现多行Shell的语法，告别 && 链接符

今天在看 docker 文档的时候，发现了一个新语法 Dockerfile - here documents 语法[1], 即多行语法。在 Dockerfile 1.4 中添加。

2023-09-05 09:59:37

docker 语法 Dockerfile

主流浏览器都支持原生 CSS 嵌套了！

现在很多前端项目都还在借助CSS预处理器来编写 CSS，以添加一下实用的功能到 CSS 中，例如 mixin、函数、嵌套等功能。在应用的构建过程中，会将这些代码转换为常规的 CSS，以便浏览器可以理解它。

2023-09-05 09:44:26

CSS 处理器函数

聊聊一段让人抓心挠肝的源码

我今天想和各位小伙伴聊的其实还不是这个问题，而是在上面的 Spring 源码中，factoryBean 变量是在 if 分支中定义的，按理说，它的作用域就存在于 if 分支中，但是各位小伙伴注意，factoryBean 变量却可以在下面的 if 中使用，这是咋回事呢？

2023-09-05 09:42:18

if 分支源码

主流浏览器都支持原生 CSS 嵌套了！

我们需要借助预处理器（SCSS/Less）来编写嵌套语法。现在，CSS 终于原生支持嵌套语法了。下面就来看看原生 CSS 嵌套是怎么用的，未来是否还需要使用预处理器？

2023-09-05 09:40:55

SCSS 预处理器

如何使用Python构建一个抄袭检测系统？译文

构建自己的抄袭检测工具，领略Difflib模块的强大功能。

2023-09-05 09:00:00

工具 Python 抄袭检测系统

Spring中Bean的作用域Scope你知道多少？如何自定义作用域？

如果当前你配置的@Scope不是singleton及prototype那么从scopes集合中取（这个集合是通过AbstractBeanFactory#registerScope方法进行注册的，一般我们可以通过BeanDefinitionRegistryPostProcessor进行注册），如果集合中也不存在那么就会抛出异常。如果存在就会执行Scope#get方法。

2023-09-05 08:23:56

Spring Scope 方法

ELK Stack生产实践——Python操作Elasticsearch

我们除了可以使用kibana页面管理操作ElasticSearch外，elasticsearch还支持通过SDK和RESTful API接口进行操作。通过sdk我们可以非常便捷的将我们的项目与elasticsearch对接，实现数据的增删改查。通过API接口我们可以对elasticsearch集群进行一些例如索引调整、集群故障处理等进阶操作。

2023-09-05 07:40:37

Visual Studio Code和Visual Studio哪个更好呢

如果个人，小团队，并且稳定的迭代开发vs是最好的选择。如果喜欢开源，喜欢折腾，喜欢各种出其不意的故障，喜欢各种骚操技术，vscode则更好。

2023-09-05 07:32:22

vscode 开源故障

怎么刷算法，leetcode上有哪些经典题目

给你一个升序排列的数组 nums ，请你原地删除重复出现的元素，使每个元素只出现一次，返回删除后数组的新长度。元素的相对顺序应该保持一致。然后返回 nums 中唯一元素的个数。

2023-09-05 07:29:01

算法元素数组

Meta AI 多语言阅读理解数据集 Belebele，涵盖 122 种语言变体

研究人员利用这个数据集评估了多语言屏蔽语言模型（MLM）和大语言模型（LLM）的能力。结果表明，尽管以英语为中心的 LLM 有显著的跨语言迁移能力，但在平衡的多语言数据上经过预训练的更小的 MLM 仍然能理解更多的语言。

2023-09-04 19:19:36

语言模型 LLM

Python 遍历字典的若干方法

保持 item 有序是一个非常有用的功能。但是，如果使用的代码支持较旧的 Python 版本，则不能依赖此功能，因为它可能生成 bug，对于较新的版本，依赖该特性是完全安全的。

2023-09-04 19:15:19

item Python 版本

700亿参数LLaMA2训练加速195%，开箱即用的8到512卡LLaMA2全流程方案来了！

以低成本预训练/继续预训练/微调LLaMA2系列大模型，结合高质量私有化业务数据积累，帮助业务降本增效是众多行业与企业的迫切需求与瓶颈。

2023-09-04 19:09:00

训练模型数据

得物API元数据中心探索与思考

目前得物面对日益增长的业务，尤其是涉及分布式架构、微服务等技术和架构时，通过API元数据中心集中化管理API接口文档，在协同管理各团队、保证接口的一致性和完整性、快速演进变更、降低沟通成本等方面有着至关重要的作用。

2023-09-04 18:57:01

API 接口数据中心

15 个常用的正则表达式技巧

你对正则表达式有何看法？我猜你会说这太晦涩难懂了，我对它根本不感兴趣。是的，我曾经和你一样，以为我这辈子都学不会了。

2023-09-04 15:52:07

八个针对高级职位的高级 JavaScript 面试题

在今天这篇文章中，我们将会看到一些重要的 JavaScript 面试问题的深入解释。我的目标是彻底解释这些面试问题，以便我们能够理解基本概念，并希望在面试中解决其他类似问题。

2023-09-04 15:48:05

JavaScript 语言

量化自定义PyTorch模型入门教程

在以前Pytorch只有一种量化的方法，叫做“eager mode qunatization”，在量化我们自定定义模型时经常会产生奇怪的错误，并且很难解决。但是最近，PyTorch发布了一种称为“fx-graph-mode-qunatization”的方方法。

2023-09-04 15:06:18

Pytorch 静态量化动态量化

四种在 JavaScript 中有效地展平嵌套数组的方法

在本文中，我们将探索在 JavaScript 中有效展平嵌套数组的不同技术。数组，是 JavaScript 中的基本数据结构，允许我们存储和操作值的集合。通常，数组可以嵌套，这意味着它们包含其他数组作为元素。

2023-09-04 14:59:49

JavaScript 数组

最累的一场面试，还得是腾讯！

今天分析一位同学腾讯校招后端开发面经，足足面了 2 个小时，1 小时手撕算法，1 小时基础拷打，最累一场面试，虽然面的很累，但是同学反馈面试官人很好，会一直引导。

2023-09-04 14:52:35

反向工程：理解和修改现有代码的方法

在软件开发领域，反向工程是一种重要的技术，可以帮助开发人员深入了解和修改现有的代码。无论是继承遗留系统、调试问题代码还是进行安全分析，反向工程都能够为开发人员提供有力的支持。

2023-09-04 14:50:49

软件开发反向工程

大厂都在用的Git代码管理规范

master 为主分支，也是用于部署生产环境的分支，需要确保master分支稳定性。master 分支一般由 release 以及 hotfix 分支合并，任何时间都不能直接修改代码。

2023-09-04 13:55:44

分支 master hotfix

上一页 1 ··· 57 58 59 60 61 ··· 492 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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