鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

现代 CSS 解决方案：原生嵌套（Nesting）

今天（2023-09-02），CSS 原生嵌套 Nesting 终于成为了既定的规范！大部分同学对嵌套应该还是非常熟悉的，下面我们一起看看，CSS 原生嵌套的能力边界，语法支持范围。

2023-09-11 07:11:04

TypeScript被放弃！又一知名前端利器决意转回JS，社区不满：这在开倒车！原创精选

Hotwire 作为一种Web开发的新方法，旨在编写全栈式Web应用时尽可能简化Web开发过程，减少对JavaScript的使用依赖，其中Turbo是Hotwire 的核心组件之一。

2023-09-11 00:11:55

TypeScript JS Web应用

我们一起聊聊Qwerty Learner

Qwerty Learner 的主要功能就是通过键盘打字练习来帮助大家更好地记住英文单词，在打字的过程中，会伴有单词发音朗读，更有助于记忆。在练习单词时，底部会实时显示练习时间、输入数、速度、正确数和正确率。

2023-09-10 21:42:31

键盘打字英文

Spring MVC函数式接口Router Function你用过吗？

filter方法采用HandlerFilterFunction：采用ServerRequest和HandlerFunction并返回ServerResponse的函数。handler函数参数表示链中的下一个元素。这通常是路由到的处理程序，但如果应用了多个过滤器，它也可以是另一个过滤器。

2023-09-09 12:23:24

函数式接口程序

Bun 1.0 正式发布，爆火的前端运行时，速度遥遥领先！

前端运行时 Bun 1.0 正式发布，如今，Bun 已经稳定并且适用于生产环境。Bun 不仅是一个专注性能与开发者体验的全新 JavaScript 运行时，还是一个快速的、全能的工具包，可用于运行、构建、测试和调试JavaScript和TypeScript代码，无论是单个文件还是完整的全栈应用。

2023-09-09 10:18:51

Ruby on Rails 作者 DHH 宣布 Turbo 8 将移除 TypeScript 代码

TypeScript 对我来说只是阻碍。不仅因为它需要显式的编译步骤，还因为它用类型编程（原文使用 'Type Gymnastics' 一词）污染了代码，这给我的开发体验增添了很少的乐趣，而且常常带来相当大的悲伤。

2023-09-08 23:33:43

GitHub TypeScript 编译

Jenkins一键打包部署SpringBoot应用步骤详解

关于JDK的选择，自1.8版本收费之后，我们大多数选择openjdk作为生产环境的运行时环境，和大多数软件安装包一样，在CentOS服务器上，我们可以选择yum方式和下载压缩包的方式进行安装。

2023-09-08 23:30:19

上海某游戏小厂面试，也扛不住了...

面试过程中，也问到了 Linux socket 编程，游戏公司都会对网络协议和网络编程这一块要求比较高，所以投游戏公司的同学，需要重点准备网络方面的知识。

2023-09-08 15:48:13

Linux 编程网络

性能监测与优化：实时跟踪应用的性能指标

在现代软件开发中，应用程序的性能是一个至关重要的因素，直接影响用户体验和业务成功。为了确保应用的高性能和稳定性，性能监测与优化成为了不可或缺的环节。

2023-09-08 15:37:29

软件开发性能

代码审查和合并请求：团队合作中的关键

在现代软件开发中，团队合作是不可或缺的一部分。为了确保代码质量、减少错误以及促进知识共享，代码审查和合并请求成为了开发团队中的关键实践。在本文中，我们将深入探讨代码审查和合并请求的重要性、流程以及最佳实践。

2023-09-08 15:34:28

代码审查合并请求

Mojo 编程语言开放下载，声称比 Python 快 68000 倍

从 2005 年 7 月到 2017 年 1 月间，他曾领导苹果的开发者工具部门，随后，曾短暂领导过特斯拉的自动驾驶团队。2017 年 8 月，Chris Lattner 在 Google Brain 团队领导了 TensorFlow 基础设施工作，包括一系列硬件支持（CPU、GPU、TPU），底层运行时和编程语言工作。

2023-09-08 15:05:51

Mojo 编程语言

2023 年度编程语言榜单排名揭晓

无论是网站开发、移动应用、人工智能还是嵌入式系统，编程语言都扮演着关键角色。

2023-09-08 14:39:36

编程语言 SQL

为什么 Node.js 是后端开发的规则改变者译文精选

Node.js是一个开源的跨平台JavaScript运行时环境，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。值得注意的是，Node.js在2017年改变了世界，这一年它得到了广泛的使用。

2023-09-08 14:12:04

Node.js JavaScript PHP

对话火山引擎谭待：坚持云优先，做好大模型时代的摆渡人原创精选

业界的这番评价准确吗？火山引擎在大模型市场有哪些真正的意图？不久前我们有幸采访到火山引擎总裁谭待，听他讲讲这其中的取舍发展之道。

2023-09-08 14:12:02

云优先火山引擎谭待

超越NumPy和Pandas：三个鲜为人知的Python库

虽然SymPy可以替代其他工具和软件，使我们能够使用Python代码进行数学计算，但Dask和Xarray扩展了其他库的功能，在我们使用其他更常用的Python库进行数据分析和处理时可能会遇到困难的情况下帮助我们。

2023-09-08 13:11:00

NumPy Pandas Python库

如何正确停止线程？

stop 方法是被 @Deprecated 修饰的不建议使用的过期方法，并且在注释的第一句话就说明了 stop 方法为非安全的方法。在最新版本 Java 中，此方法已经被直接移除了，所以强烈不建议使用。

2023-09-08 12:19:01

线程方法 interrupt

Vue 开发者不可不知的七个 VS Code 扩展

当你用JavaScript编写导入语句时，NPM Intellisense都会自动完成npm模块。这样你就不需要再花费时间去记住npm模块的确切名称。我在许多项目中用过NPM Intellisense，真的很好用哦。

2023-09-08 10:23:13

JavaScript NPM 模块

热门前端工具链宣布放弃 TypeScript！

从各方面来看，TypeScript 对微软来说都取得了巨大的成功。但对于 Trobo 来说，TypeScript只是增加了不必要的麻烦。首先，使用TypeScript需要进行额外的编译步骤，而且需要配置设置。

2023-09-08 10:21:46

TypeScript 前端工具

注意，Node.js 16 即将停止维护！

Node.js 的发布可以分为三个阶段，奇数版本号的发布线路不会被提升为 LTS 版本，也就不会经历“Active LTS”和“Maintenance”阶段。

2023-09-08 10:21:21

Node.js Node.js 16

掌握API数据检索：过滤和排序的综合指南译文

API使用过滤和排序来帮助开发人员有效地检索特定的数据。本文介绍了它们的重要性、类型、常见错误和示例。

2023-09-08 09:53:41

Python之数字类型

函数就像是一个封闭的工厂，我们只需要给它下订单它就会按照我们的要求来生产输出，于是我们这里的输入就是调用函数时传入的参数，而输出就是函数的返回值也就是运算结果，而这其中加工的过程我们是不需要理解的，除非这个工厂是你自己开的，但目前我们先学会下订单和收货就可以啦！

2023-09-08 09:38:59

数字类型订单

短信过滤 APP 开发

ILMessageFilterQueryRequest 中可以获取到 sender 和 messageBody，所以如果想实现自定义规则，比如针对某个手机号设置对应的规则，则需要从 APP 中设置对应的规则，然后通过 Group 共享到 Extension ，然后在上面的方法里通过规则匹配。

2023-09-08 09:29:58

sender自定义 Group

用C#实现图片转内存缓存，实现跨进程共享

我们从另一个进程中获取共享的内存缓存数据，并使用MemoryStream创建一个流。接着，我们使用BinaryFormatter从字节数组读取Bitmap对象。注意，需要将返回值转换为Bitmap对象。

2023-09-08 09:12:57

内存缓存图像

Spring Boot项目业务代码中使用@Transactional事务失效踩坑点总结

Spring的声明式事务使用@Transactional注解在开发时确实很方便，但是稍有不慎使用不当就会导致事务失效数据不一致、甚至是系统数据库性能问题。所以上面满满的干货总结都是出自日常工作中碰到的，有效帮你避坑。

2023-09-08 08:52:12

Spring 注解事务

ArrayPool 源码解读之 byte[] 也能池化？

学习这其中的池化架构思想，对平时项目开发还是能提供一些灵感的，其次对那些一次性使用 byte[] 的场景，用池化是个非常不错的方法，这也是我对朋友dump分析后提出的一个优化思路。

2023-09-08 08:42:01

数据场景项目

别再用 Display：Contents 了，你知道为什么吗？

文章讨论了在网站上使用"Display：Contents"属性可能导致的潜在问题。作者强调了这种做法可能破坏网页的语义结构，并可能对可访问性产生不利影响。文章还提到了一些潜在的解决方案，以帮助开发人员避免这些问题。

2023-09-08 08:35:42

层叠样式表 CSS

Spring定义Controller接口的这些方式你肯定不知道

在这个程序中我们还可以让这个程序成为一个受应用服务管理的Servlet程序。可以将注解改成@WebServlet("/others/servlet")。只是换成这个注解还并不能生效，还需要在启动类（任何配置类上）添加@ServletComponentScan注解。

2023-09-08 08:23:29

Servlet 程序 MVC

一文搞懂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

适配器模式兼容性

上一页 1 ··· 114 115 116 117 118 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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