直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

5秒到1秒，记一次效果“非常”显著的性能优化

性能优化，有时候看起来是一个比较虚的技术需求。除非代码慢的已经让人无法忍受，否则，很少有公司会有觉悟投入资源去做这些工作。即使你有了性能指标数据，也很难说服领导做一个由耗时300ms降低到150ms的改进，因为它没有业务价值。

2021-08-26 22:26:55

性能优化技术

React 入门第三步：了解组件的概念及应用

组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。从概念上类似于 JavaScript 函数。

2021-08-26 18:46:55

React 组件前端

聊聊Floyd是咋求图的最短路径?

Floyd算法又称为插点法，是一种利用动态规划的思想寻找给定的加权图中多源点之间最短路径的算法，与Dijkstra算法类似。该算法名称以创始人之一、1978年图灵奖获得者、斯坦福大学计算机科学系教授罗伯特·弗洛伊德命名。

2021-08-26 17:36:42

Floyd 算法数据结构

预填充Vue.js全局存储状态的三种方法译文

有时，您只需要在加载应用程序之前预先填充Vue.js应用程序存储。本文介绍了3种不同的方法及其优缺点。

2021-08-26 17:27:06

视图 VUE.JS 网络开发

在 React 中使用 Context 的两点注意事项

Context是个好东西，先不论代数效应之类纯理论的概念，能在组件树上无视深度地透传状态确实能给开发带来很大的便利。

2021-08-26 14:55:55

开发 React 代码

深入理解 Node.js Buffer 的 Encoding

计算机最小的单位是一个位，也就是 0 和 1，在硬件上通过高低电平来对应。但是只有一位表示的信息太少了，所以又规定了 8 个位为一个字节，之后数字、字符串等各种信息都是基于字节来存储的。

2021-08-26 13:57:56

Node.js Encoding Buffer

一篇让你学会雪花算法

以前用rand和srand生成过伪随机数，伪随机数的序列是固定的，今天学习生成真正的随机数的生成。

2021-08-26 13:22:46

雪花算法随机数

SpringCloud原理之Feign

Feign是声明性Web服务客户端。它使编写Web服务客户端更加容易。要使用Feign，请创建一个接口并对其进行注释。它具有可插入注释支持，包括Feign注释和JAX-RS注释。

2021-08-26 11:52:32

Feign Web 服务

TypeScript学习之Utility Types

TS在全局内置了很多Utility Types，可以极大的提高我们开发效率。所以本文就是详细介绍、理解、掌握。

2021-08-26 11:34:48

TypeScript Utility Types

聊聊二叉搜索树中的众数是多少？

二叉树上应该怎么求，二叉搜索树上又应该怎么求?在求众数集合的时候有一个技巧，因为题目中众数是可以有多个的，所以一般的方法需要遍历两遍才能求出众数的集合。

2021-08-26 11:31:11

二叉树数据结构算法

技术Leader教你看源码的本质

今天还想跟大家分享下，作为技术 leader ，还要懂得研究和引入技术，引入的前提一定是要 Hold 住。怎么才叫 hold 住呢？就是能精通使用它，能够深入了解它的架构、原理，能够剖析它的核心源代码。

2021-08-26 11:21:34

技术代码计算

阿里为什么能抗住双 11 ？看完这篇你就明白了！

本文以淘宝作为例子，介绍从一百个到千万级并发情况下服务端的架构的演进过程，同时列举出每个演进阶段会遇到的相关技术，让大家对架构的演进有一个整体的认知，文章最后汇总了一些架构设计的原则。

2021-08-26 11:10:42

架构运维技术

芯片设计大佬放狠话：未来10年，芯片性能提高1000倍

作为Synopsys首席执行官、芯片设计自动化的先驱之一，Aart de Geus在Hot Chips在线芯片大会上表示，现在人工智能设计的芯片，性能可能会在未来十年内提高1000倍。

2021-08-26 10:40:12

芯片半导体技术

Webpack 原理系列九：Tree-Shaking 实现原理

Tree Shaking 较早前由 Rich Harris 在 Rollup 中率先实现，Webpack 自 2.0 版本开始接入，至今已经成为一种应用广泛的性能优化手段。

2021-08-26 10:30:29

Webpack Tree-Shakin 前端

盘点JavaScript中那些进阶操作知识（上篇）

相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript，因为它对做网页方面是有很大作用的。

2021-08-26 10:25:04

JavaScript 进阶操作前端

你能想到多少种获取数组第N个元素的方法？

作为一个前端工程师，数据的处理能力必然是很重要的。对于常见的数组，想要获取其中的第N个元素，究竟有多少种方法呢?

2021-08-26 10:07:25

数组前端元素

如何检测 JavaScript 字符串中的 URL 并将其转换为链接？

有时，我们必须在 JavaScript 字符串中查找 URL。在本文中，我们将了解如何在 JavaScript 字符串中查找 URL 并将它们转换为链接。

2021-08-26 09:46:22

JavaScript 字符串 URL

聊一聊我在组内的Nacos

Nacos : Naming and Configuration Service，可打包部署配置中心和注册中心，也可独立部署其中之一，配置中心、控制台依赖mysql，由阿里巴巴2018年8月开源，github 19.1k star(截止2021.08.24)

2021-08-26 09:31:40

Nacos 配置注册

为什么需要内部可变性

内部可变性提供了极大的灵活性，但是考滤到运行时开销，还是不能滥用，性能问题不大，重点是缺失了编译期的静态检查，会掩盖很多错误。

2021-08-26 09:01:35

内部 Rust 可变性

七分钟，用事例带你看完工作中常用的 Git 命令

从本质上讲，Git可以记录文本的变化，但其定义是一个版本控制系统。你有可能已经以这种或那种方式使用了git：由于它的分布式性质，它是代码版本控制的事实标准，与集中式的Apache Subversion(SVN)相对。

2021-08-26 09:01:16

git 分布式 Apache Subv

给学妹看的SpringIOC 面试题（下）

依赖注入(DI)是一个过程，通过该过程，对象只能通过构造函数参数，工厂方法的参数或在构造或创建对象实例后在对象实例上设置的属性来定义其依赖关系(即，与它们一起工作的其他对象)。从工厂方法返回。

2021-08-26 08:55:34

Spring IOC 面试题

Python Web应用程序框架Django的九种常见用途译文

Django是一种在数据科学社区被广泛采用的Python Web应用程序框架。但是您还能用 Django做什么呢？本文介绍了Django的九种用途。

2021-08-26 08:00:00

Django 开发框架

别被Vector最后一个元素Erase错误

vector我们经常使用，对vector里面的基本函数构造函数、增加函数、删除函数、遍历函数我们也会用到。其中在使用遍历之后erase删除元素过程中，会出现一种删除最后一个元素破坏了迭代器的情况。

2021-08-26 07:43:44

vector erase 错误

STM32“隐藏的定时器”-DWT

在《如何测量代码运行时间》中提到使用定时器外设计算代码运行时间。文中提到这种方法的明显缺点就是需要占用一个定时器，我就研究了一番。

2021-08-26 06:29:47

STM32 DWT 数据观察点触发

用 Swift 实现轻量的属性监听系统

本文的主要目的是解决客户端开发中对“模型的一处修改，UI 要多处更新”的问题。当然，我们要知晓解决方案的细节和思考过程，以及看到其能达到的效果。我们会用到函数式编程的思想，以及伟大的“泛型”。

2021-08-26 05:27:57

Swift 监听系统泛型

一篇带你了解 Base64 原理

Base64 是什么？是将字节流转换成可打印字符、将可打印字符转换为字节流的一种算法。Base64 使用 64 个可打印字符来表示转换后的数据。

2021-08-26 05:27:08

Base64 字节流算法

从零开发一款图片编辑器Mitu-Dooring

我最近一直在做数据可视化和lowcode/nocode相关的项目，针对我自己的工作经验和对lowcode/nocode的探索，也写了一系列低代码可视化搭建系列文章，今天我们继续来分享可视化相关的内容——可视化图片编辑器。

2021-08-26 05:15:22

图片编辑器 H5-Dooring Mitu-Doorin

每日算法：删除字符串中的所有相邻重复项

给出由小写字母组成的字符串 S ，重复项删除操作会选择两个相邻且相同的字母，并删除它们。在 S 上反复执行重复项删除操作，直到无法继续删除。

2021-08-26 05:08:25

相邻重复项算法

JavaScript 断点调试技巧

这篇文章将介绍如何使用断点来进行 JavaScript 调试。在读这篇文章之前，需要问一个问题：为什么要使用断点来进行调试?

2021-08-26 05:04:53

JavaScript 调试技巧

万字长文说透分布式锁

“分布式锁”这个问题快被说烂了，奈何笔者实在没有找到一个满意的答案，故记录自己寻找答案、总结的过程。分布式锁的设计涉及了许多分布式系统相关的问题，许多地方值得推敲，非常有意思。

2021-08-26 05:02:50

分布式锁设计

聊一聊为什么是 0x3f ？

写 dijkstra 等等经典算法时;我们希望 dist 数组初始值是无穷大的数，常常会用到 memset(dist, 0x3f, sizeof dist) 。为什么要给 dist 赋值为 0x3f3f3f3f 呢?

2021-08-26 05:01:40

0x3f 数组算法

彻底掌握 Node.js 四大流，解决爆缓冲区的“背压”问题

各种语言基本都实现了 stream 的 api，Node.js 也是，stream api 是比较常用的，下面我们就来探究一下 stream。

2021-08-26 00:52:08

Node.js 缓冲区 IO

React 入门第二步：搞懂 JSX 语法

JSX 是一个 JavaScript 的语法扩展，它不是字符串，也不是 HTML。JSX 可以很好地描述 UI 交互的本质形式，它具有 JavaScript 的全部功能。JSX 可以生成 React “元素”。

2021-08-26 00:33:29

React JSX 语法

简单使用PyTorch搭建GAN模型

本文将带大家了解 GAN的工作原理，并介绍如何通过PyTorch简单上手GAN 。

2021-08-25 17:03:09

模型人工智能 PyTorch

IEEE Spectrum年度排行：Python增长速度工作需求全榜首

IEEE Spectrum刚刚公布了它们的2021年top编程语言排名，包括综合排名、趋势上涨最快、市场需求最多等排行。

2021-08-25 15:29:22

Python 开发编程语言

Sourcegraph 向个人开发者开放，将支持搜索私有库

Sourcegraph 正计划将其通用代码搜索平台扩展到云端，并在此过程中对 GitHub 和 GitLab 的数百万公共仓库进行索引，这样一来任何人都可以通过搜索找到它们。Sourcegraph 此番操作是在 D 轮融资 1.25 亿美元之后进行的，目前该公司的估值达到了 26 亿美元。

2021-08-25 15:28:03

Sourcegraph 开发人员仓库

HarmonyOS自定义控件之速度检测VelocityDetector

一般在涉及到滚动的场景时，我们会用到速度检测。比如列表滑动时，我们需要拿到手指抬起时的瞬时速度，来做惯性滚动。又比如在滚动翻页时，我们要根据手指速度来判断是否翻到下一页还是继续保持当页。

2021-08-25 10:14:51

鸿蒙 HarmonyOS 应用

面试前必看的十大排序算法

身为程序员，十大排序是是所有合格程序员所必备和掌握的，并且热门的算法比如快排、归并排序还可能问的比较细致，对算法性能和复杂度的掌握有要求。

2021-08-25 09:59:00

开发排序代码

原子化服务卡片还原经典小游戏—数字华容道

服务卡片也能玩游戏了，今天就来还原经典小游戏——数字华容道。详细讲述了数字华容道在服务卡片上的开发思路，内含详细注释。赶紧动手来开发一张服务卡片，休闲时刻来一局!

2021-08-25 09:54:51

鸿蒙 HarmonyOS 应用

组件开发ScrollView嵌套ListContainer滑动问题详解

就ScrollView嵌套ListContainer的滑动问题，社区问答中也是遇见了两次提问的小伙伴。准备把这个小问题写成一篇帖子，希望后面再遇到“ScrollView嵌套ListContainer 滑动问题”的同学可以帮助到你们。

2021-08-25 09:49:48

鸿蒙 HarmonyOS 应用

HarmonyOS实战—Image组件的剪切和缩放

本篇主要介绍运用HarmonyOS来实现Image组件的剪切和缩放，图片（Image）是用来显示图片的组件。常见的属性有id，长、宽、高等。

2021-08-25 09:38:16

鸿蒙 HarmonyOS 应用

如何使用DORA工程指标来改进软件开发团队译文

用于衡量软件开发工作的客观数据和指标一直存在。但很长一段时间以来，人们认为使用这些数据或指标来衡量软件开发的想法是不可能的。而Martin Fowler和Joel Spolsky等软件开发专家也认为这是不现实的。显然，衡量软件开发工作是一项具有挑战性的任务，这让一些软件开发人员感到沮丧。

2021-08-25 09:00:00

开发软件数据

一篇带给你Vscode调试Node.js指南

调试代码不管对于开发还是学习源码都是非常重要的技能，本文简单介绍vscode调试Node.js相关代码的调试技巧。

2021-08-25 06:33:52

Node.js Vscode 调试工具

HarmonyOS自定义常用通知栏

通知(Notification)旨在让用户以合适的方式及时获得有用的新消息，帮助用户高效地处理任务。系统为开发者提供了不同种类的通知样式模板可以使用，开发者也可以根据自己需要自定义通知样式。

2021-08-24 15:25:59

鸿蒙 HarmonyOS 应用

Apple M1 上的 Linux 现可引导至 GNOME 桌面

作为致力于将 Linux 移植到 Apple M1 的 Asahi Linux 开发者之一，Alyssa Rosenzweig 近日在其社交平台上分享了一个里程碑式的进展：即，她成功的在 Apple M1 设备上启动了 Debian 发行版，并进入了 GNOME Shell 桌面环境。

2021-08-24 15:13:58

Apple M1 Linux GNOME

HarmonyOS Sample 之 DistributedMusicPlayer分布式音乐播放器

本示例主要演示了如何通过迁移数据进行音乐的分布式播放。实现了音乐播放的跨设备迁移，包括：播放哪首歌曲、播放进度、以及播放状态的保持。

2021-08-24 15:13:06

鸿蒙 HarmonyOS 应用

TypeScript 高级类型入门手册：附大量代码实例

TypeScript 是一种类型化的语言，允许你指定变量的类型，函数参数，返回的值和对象属性。你可以把本文看做一个带有示例的 TypeScript 高级类型备忘单，让我们开始吧！

2021-08-24 13:05:25

TypeScript 代码前端

你还在 Docker 中跑 MySQL？恭喜你，好下岗了！

目前，容器和 Docker 依旧是技术领域最热门的词语，无状态的服务容器化已经是大势所趋，同时也带来了一个热点问题被大家所争论不以：数据库 MySQL 是否需要容器化？

2021-08-24 10:47:51

Docker MySQL 容器

手把手教你用JavaScript打造一个网页搜索引擎

本篇文章主要讲的就是如何使用JavaScript动态生成一个JavaScript脚本进而可以利用它来访问百度的搜索服务，可能说的有点绕口，不过这个的确就是前端跨域的一种很有效的解决方式。

2021-08-24 10:02:21

JavaScript 网页搜索前端

JS数组Reduce的妙用，收藏等于学会！

说到处理数组的方法，想必大家都不陌生了，今天我们一起来学习下理数组常见场景下的方法。

2021-08-24 09:39:23

Reduce JS 数组

上一页 1 ··· 190 191 192 193 194 ··· 489 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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