鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

跟女朋友旅游三天，Python治好了我的精神内耗...

首先介绍一下HSV，HSV是一种颜色空间，与RGB通过红绿蓝的组合来描述颜色不同，HSV把颜色拆分为色调（H）、饱和度（S）和明度（V）三个维度，这样能够更直接的表达色彩的明暗以及鲜艳程度，因此广泛应用于图像识别领域。

2022-09-17 08:10:20

HSV 饱和度图像

npm，pnpm，yarn，npx的那些事儿

pnpm 起初看起来像 npm，因为它们的 CLI 用法相似，但管理依赖项却大不相同；pnpm 的方法带来更好的性能和最佳的磁盘空间效率。Yarn Classic 仍然很受欢迎，但它被认为是遗留软件，并且在不久的将来可能会放弃支持。Yarn Berry PnP 是新贵，但尚未看到它彻底改变包管理器领域的潜力。

2022-09-16 22:23:35

pnpm CLI 软件

新指令 v-memo，提高性能的又一利器

这个新的指令对于要求性能极高的项目有很在帮助了，一般是在比较大型的项目中使用的，当然小型项目，大家可以根据项目需要进行食用。

2022-09-16 12:30:23

新指令项目 Vue3

阿里一面：Spring Bean 默认是单例的，高并发情况下，如何保证并发安全？

Java作为功能性超强的编程语言，API丰富，如果非要在单例bean中使用成员变量，可以考虑使用并发安全的容器，如ConcurrentHashMap、ConcurrentHashSet等等等等，将我们的成员变量（一般可以是当前运行中的任务列表等这类变量）包装到这些并发安全的容器中进行管理即可。

2022-09-16 08:42:23

Java API 变量

V8 是如何执行 JavaScript 代码的?

Java 和 C++ 等语言都是编译型语言，而 JavaScript 是解释性语言，它整体的执行速度会略慢于编译型的语言。V8 是众多浏览器的 JS 引擎中性能表现最好的一个，并且它是 Chrome 的内核，Node.js 也是基于 V8 引擎研发的。

2022-09-16 08:32:25

《彻底掌握Redux》之开发一个任务管理平台

Redux的设计思想核心就是把web应用当作一个状态机，视图和状态一一对应，所有的状态都保存在一个对象里。

2022-09-16 08:32:17

聊天产生的文件太多了，这该怎么处理？

官话：策略模式(Strategy Pattern)：定义一系列算法类，将每一个算法封装起来，并让它们可以相互替换，策略模式让算法独立于使用它的客户而变化。

2022-09-16 08:16:25

策略模式算法

PyAutoGUI，轻松搞定图片上传！

开始用的阿里云的免费对象存储oss，但又是登录又是设置读写权限的，稀碎的操作令人疲惫。能不能简单点，自动上传，并且马上能得到文件的网络地址。于是开始探索轻量级的方案，手动给自己搞一个，

2022-09-16 08:04:25

阿里云权限网络

从0学Java之编程语言和软件

编程就是和计算机交流，你写下要计算机逐一执行的命令，然后让计算机来执行。当然在现实生活中想要别人执行你的命令，首先得让对方听懂你说的话，计算机也一样，但计算机只能听懂16进制。

2022-09-16 07:32:15

编程计算机命令

Python 的四舍五入的两个方法，你学会了吗？

浮点数用用二进制表示的时候只能表示近似值，虽然我们看到的是 0.645，实际上 Python 存储的是 0.645000000000000017763568394002504646778106689453125，Python 是按照 IEEE754 标准存储浮点数的。

2022-09-16 07:24:12

Python 的四舍

ConcurrentDictionary字典操作竟然不全是线程安全的？

ConcurrentDictionary<TKey,TValue>绝大部分api都是线程安全的[1]，唯二的例外是接收工厂函数的api：AddOrUpdate、GetOrAdd，这两个api不是线程安全的，需要引起重视。

2022-09-16 06:59:49

api 线程安全

PyTorch中的卷积是如何工作的

本文有两个目标：第一个是展示如何将两个PyTorch卷积组合成一个。其次，我们的主要目标是通过卷积合并的例子来了解卷积的实现，我们将学习它们是如何存储和使用的。

2022-09-16 00:11:45

PyTorch 神经网络存储

Memlab，一款分析 JavaScript 堆并查找浏览器和 Node.js 中内存泄漏的开源框架原创为少黑客下午茶

Memlab 是 JavaScript 的内存测试框架。它支持定义一个测试场景（使用 Puppeteer API），教 Memlab 如何与您的单页应用程序（SPA）交互，Memlab 可以自动处理其余的内存泄漏检查：

2022-09-15 20:04:14

Memlab JavaScrip 内存

15 款开发者必备的 JavaScript 工具

可以说 JavaScript 在 Web 开发领域统治着世界。根据 GitHub，它是世界上最流行的编程语言。根据最新报告，超过97% 的网站在客户端使用 JavaScript。有超过 1500 万软件开发人员使用 JavaScript。

2022-09-15 17:08:20

JavaScrip Web 开发

使用 Excel 和 Python 从互联网获取数据

互联网上有极其丰富的数据资源可以使用。使用Excel可以自动读取部分网页中的表格数据，使用Python编写爬虫程序可以读取网页的内容。

2022-09-15 16:32:58

Python Excel 数据资源

为什么 Vue2 this 能够直接获取到 data 和 methods ?

通过this直接访问到methods里面的函数的原因是：因为methods里的方法通过 bind 指定了this为 new Vue的实例(vm)。通过 this 直接访问到 data 里面的数据的原因是：data里的属性最终会存储到new Vue的实例（vm）上的 _data对象中，访问 this.xxx，是访问Object.defineProperty代理后的 this._data.xxx。

2022-09-15 15:04:05

你想知道的前后端协作规范都在这了

很有必要制定前后端开发上的规范来抹平代沟，有了协作规范，便有了前后端开发默契，也因此达到了提高开发效率、降低沟通成本的作用。

2022-09-15 14:22:19

协作规范前后端

后端有微服务，那前端呢？初探微前端的世界

这次介绍了 Micro Frontends 以及 Microservices 这两种目前最多人讨论的架构，希望可以让读者更了解一些新时代的架构所带来的优缺点，文章的篇幅可能有点多，读者可以边看边消化一下这样才能更好的理解所有的内容。

2022-09-15 12:41:43

微服务后端前端

Jaeger系统实现对Harbor的链路追踪

基于Jaeger分布式追踪系统，实现对Harbor私有镜像仓库组件之间的服务调用进行链路追踪。

2022-09-15 10:03:42

Jaeger 分布式追踪系统

ChaosBlade Java 场景性能优化，那些你不知道的事

ChaosBlade 支持丰富的故障注入场景，尤其是在Java 生态中支持大量的插件。对于Java 场景的故障注入优势比较明显。通过对上面介绍的问题进行优化，使用ChaosBlade进行Java场景的故障注入不会再导致CPU Idle跌底，即使在线上运行的服务进行故障注入也会将CPU的抖动控制在一个较小的波动范围。

2022-09-15 08:33:11

ChaosBlade Java 场景

你了解 QPS、TPS、RT、吞吐量这些高并发性能指标吗？

多线程场景，如果把服务端的线程数提升到2，那么整个系统的QPS则为 2*（1000/80） = 25, 可见QPS随着线程的增加而线性增长，那QPS上不去就加线程呗，听起来很有道理，公司也说的通，但是往往现实并非如此。

2022-09-15 08:10:18

多线程场景 QPS

ECMAScript 2023将新增的九个数组方法

TypedArray是一种通用的固定长度缓冲区类型，允许读取缓冲区中的二进制数据。其在WEBGL规范中被引入用于解决Javascript处理二进制数据的问题。类型化数组也是数组，只不过其元素被设置为特定类型的值。

2022-09-15 08:05:16

缓冲区类型 TypedArray

平均负载与 CPU 使用率，到底有啥区别？

很多操作系统教科书将 CPU 上执行的进程定义为 RUNNING 状态，而将可执行但是尚未被调度执行的进程定义为 READY 状态，这两种状态在 Linux 系统下统一为 TASK_RUNNING 状态。

2022-09-15 08:01:32

CPU 使用率异步

EntityFrameworkCore上下文如何实现继承？

如果我们存在基础设施服务和其他服务，我们会定义属于基础设施服务的上下文以及其他服务的上下文，而且会独立部署，此时其他服务需要使用基础服务，我们都会暴露基础服务接口给到其他服务调用，这也是常规操作。

2022-09-15 08:01:14

继承基础设施基础服务

读 MAUI 源代码理解可绑定对象和可绑定属性的存储机制

在 WPF 里面，依赖属性的提出的一部分原因是为了省内存。在 MAUI 里面，我猜测省内存是可绑定对象提出的一个原因。由于一个界面控件，例如按钮等，有着非常庞大数量的属性，假设每个控件里面的所有属性都是需要独立的对象不能共用，那么在复杂界面上，将会因为大量的控件的大量属性占用大量的内存。可绑定对象里面可以实现在属性没有被赋值时，将可以使用默认值，而对于大部分控件来说，很多不常用的属性都是使用默认值

2022-09-15 07:55:22

WPF MAUI 内存

在 Git 中如何配置用户信息

配置分为全局配置（global）和本地配置（local）。全局配置影响所有的 Git 仓库，本地配置只影响它所在的 Git 仓库，并可以覆盖全局的配置。

2022-09-15 07:44:32

Git 全局配置本地配置

Java 远程调用失败？如何优雅的进行重试？

今天给大家介绍了一下 Spring 的 @Retryable 注解使用，并通过几个 demo 来带大家编写了自己重试拦截器以及回滚方法的时候，是不是感觉用起来会很爽，那还在等什么赶紧用起来吧，其中还有很多细节，只有自己真正的使用过才能体会到。

2022-09-15 07:31:49

Spring 拦截器注解

写给前端仔的自动化测试入门小作文

一直以来对于前端同学来说，自动化测试都是一个比较特殊的命题。一方面，大家其实都知道自动化测试的好处，做了什么改动只要跑一遍测试用例就知道有没有改挂了之前的逻辑，进行修改时也更有底气。而另一方面，前端本身就具有特殊性，活动页从需求评审到正式上线可能在一周内就完成了，这种迭代速度还写测试用例就是折磨自己。

2022-09-14 23:14:26

前端自动化测试工具

栈的压入与弹出序列校验

仔细分析题目后，我们很直观的想法就是构造一个辅助栈，把压入序列中的数字依次压入该辅助栈。按照弹出序列的顺序依次从该栈中弹出数字，如果辅助栈被清空则代表此序列是它的一个弹出序列，否则就不可能是一个弹出序列。

2022-09-14 21:21:42

辅助栈栈序列校验

面试突击：什么情况会导致@Transactional事务失效？

@Transactional 会在方法执行前，会自动开启事务；在方法成功执行完，会自动提交事务；如果方法在执行期间，出现了异常，那么它会自动回滚事务。

2022-09-14 19:50:22

事务场景流程

带你玩转接口管理工具加解密

在数据安全背景下，大部分的登陆接口都需要客户端将用户的用户名、密码等信息进行加密。举个场景：为了安全起见，后端告知前端调登陆接口的时候，需要先对用户的登陆信息进行AES加密。

2022-09-14 18:23:01

工具加解密接口

手把手教大家编译 flowable 源码

本文主要和小伙伴们分析了如何在本地将 flowable 源码编译跑起来，将来松哥还会有多篇文章，以 flowable-ui 为参考，来和大家分析 flowable 中的各种玩法。

2022-09-14 17:12:15

flowable 源码 DEMO

JavaScript 如何执行上下文

今天这篇文章，我们将了解 JavaScript 提供的黑盒，让我们的代码神奇地运行“执行上下文”。

2022-09-14 13:13:51

JavaScript 上下文

React 最新的路由库，玩出了什么花样？

下面让我们来看看如何在 React 项目中使用 React Router v6 吧！

2022-09-14 12:00:51

React 路由库前端

图文结合简单易学的 npm 包的发布流程

本文以图文结合的方式介绍了如何从0到1发布一个npm包，文中的一些关键点的说明将帮你避坑提效。欢迎阅读学习。

2022-09-14 10:50:36

npm 代码前端

如何使用Backend for Front-End处理复杂性译文精选

Backend For Front-end方法将清理逻辑从每个服务中提取到一个专用组件中，该组件还负责聚合数据。每个客户团队还负责其专用的BFF：当客户更改其数据需求时，团队可以部署适应新需求的新BFF版本。

2022-09-14 10:26:14

架构微服务前端

前端需要了解的自动化测试

这篇文章的目的就是进行一个基础的扫盲，至少完成阅读以后你会知道如何为项目编写测试用例，以及应该编写哪些场景的测试用例。

2022-09-14 10:00:12

前端自动化测试

为什么 JavaScript 模块中的默认导出很糟糕

默认导出的开发体验类似于 Node 中的 CommonJS，它的开发体验也不太友好。判断代码是否使用 CommonJS 的一个简单方法，就是看有没有使用 require 和 module.exports 。

2022-09-14 09:37:17

JavaScript 默认导出

了解3D世界的黑魔法-纯Java构造一个简单的3D渲染引擎原创精选

当然本篇文章最终实现的“3D渲染引擎”非常简单，没有做任何的算法优化，而且仅使用到了CPU，实际性能远不如OpenGl。不过其目的是用于去帮我们了解真正的现代引擎是如何发挥它们的黑魔法，以便更好的上手使用它们。

2022-09-14 09:23:51

ASGI解释：Python Web开发的未来译文

快进到2022年。Python2已经过时，Python现在具有处理网络调用等异步操作的原生语法。WSGI和其他默认假定同步行为的标准无法利用异步的性能和效率增益。这反过来又意味着WSGI不能有效地处理像WebSocket这样的高级协议。

2022-09-14 09:13:02

ASGI Python Web

万字长文：带你走进Shell世界

Shell 是一个命令行解释器，它为用户提供了一个向 Linux 内核发送请求以便运行程序的界面系统级程序；用户可以用 Shell 来启动、挂起、停止或者编写一些程序；Shell 还是一个功能相当强大的编程语言，易编写，易调试，灵活性较强，是解释执行的脚本语言，在 Shell 中可以直接调用 Linux 系统命令。

2022-09-14 09:01:55

shell 可视化

别再听中介忽悠了，用Python租到最合适的房子！

高德API还有很多其他的功能，比如POI周边搜索可以查询小区周边指定范围内（比如方圆1公里）是否有便利店，健身房等设施，结合前端组件还可以在地图中显示出指定的位置，合理运用这些功能，能够实现更多的个性化需求，文中只用了很小一部分，大伙可以参照API文档自行尝试。

2022-09-14 08:58:24

python 高德 API

一个发誓不用Java的程序员，不得不在太空中调试Lisp

深空一号肩负着NASA的重要使命，旨在验证未来行星际探测所需的十几项新技术。在深空一号飞行了2.4亿公里以后，突然发生了一个故障，有个进程不工作了。

2022-09-14 08:57:24

Java NASA 程序员

如何优雅的使用装饰器模式

装饰器模式（Decorator Pattern）: 在不改变对象自身的基础上，在程序运行期间给对象动态的添加职责。

2022-09-14 08:16:48

装饰器模式对象

Java 数据结构与算法中的字典树，你学会了吗？

在计算机科学中，字典树(Trie)也被称为”单词查找树“或”数字树“，有时候也被称为基数树或前缀树（因为可以通过前缀的方式进行索引）。—— 它是一种搜索树，一种已排序的数据结构，通常用于存储动态集或键为字符串的关联数组。

2022-09-14 07:59:27

字典树 Trie 基数树

神奇！探究混合模式\滤镜导致 3D 失效问题

CSS 混合模式 mix-blend-mode，寻思着，利用混合模式，是否能让效果更上一层楼或者碰撞出一些其他火花。

2022-09-14 07:30:37

用于清理数据的五个简单有效 Python 脚本

通常情况下，在机器学习中的数据清理往往是一件令人头疼的事情，本文整理了一份清单，列出了5个常用的Python脚本，用于自动化数据清理。

2022-09-13 23:43:00

Python 机器学习脚本

为什么说 90% 的情况下，immer 能完胜 immutable？

在 React 组件里 setState 是要创建新的 state 对象的，在继承 PureComponent 的 class 组件、function 组件都是这样。继承 PureComponent 的 class 组件会浅对比 props 和 state，如果 state 变了，并且 state 的 key 的某个值变了，才会渲染。

2022-09-13 18:55:09

React 组件 fromJS

还在用定时器吗？借助 CSS 来监听事件

在使用mouseout时还需要考虑 dom 嵌套结构，因为这些事件在父级 -> 子级的过程中仍然会触发，总之，细节会非常多，很容易误触发。

2022-09-13 17:54:55

CSS 定时器监听事件

惊呆面试官的回答：HashMap和TreeMap的区别

HashMap是基于哈希表+数组来实现的，而TreeMap是基于红黑树实现的。使用HashMap需要键对象明确定义了hashCode()和equals()这两个方法，而且为了优化HashMap空间的使用，可以调整初始容量大小和扩容。

2022-09-13 14:44:40

HashMap 哈希表红黑树

上一页 1 ··· 222 223 224 225 226 ··· 592 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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