鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

盘点LinkedList集合和LinkedList中定义的方法

LinkedList类是集合新增元素和删除元素效率比较好，该集合的里面维护一个双向循环的链表，链表中它的每一个元素可以引用方式记下前一个元素和后一个元素，把所有的元素连接起来就可以了。

2021-07-08 10:00:59

LinkedLis 集合定义

YouTube 推荐算法被曝倾向于潜在有害视频

Mozilla 的一项调查发现，YouTube 的推荐算法倾向于向用户推荐有问题的视频，包括仇恨言论、错误的政治和科学信息以及其他可能违反 YouTube 社区准则的内容。

2021-07-08 10:00:22

YouTube 推荐算法 Mozilla

干了这么些年程序员，这7种软件架构模式必须得掌握了

架构模式是对给定上下文的软件架构中常见问题的一种通用的可复用的解决方案。

2021-07-08 09:57:14

程序员架构开发

深入探究Node | （5）“Buffer与乱码的故事” 有十问

在Node中，应用需要处理网络协议、操作数据库、处理图片、接收上传文件等，在网络流和文件的操作中，还要处理大量二进制数据，JavaScript自有的字符串远远不能满足这些需求，于是Buffer对象应运而生。

2021-07-08 09:48:01

Node Buffer 乱码

一篇带给你 webpack 优秀实践

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西。

2021-07-08 07:30:13

Webpack 前端 Tree shakin

ES不香吗，为啥还要ClickHouse？

Elasticsearch 是一个实时的分布式搜索分析引擎，它的底层是构建在 Lucene 之上的。简单来说是通过扩展 Lucene 的搜索能力，使其具有分布式的功能。

2021-07-08 06:52:41

ES ClickHouse Lucene

面试官：说说对React中类组件和函数组件的理解？有什么区别？

类组件，顾名思义，也就是通过使用ES6类的编写形式去编写组件，该类必须继承React.Component。

2021-07-08 06:51:29

React 函数组件

Px、Rpx、Em、Rem 、Vw/Vh、百分比的区别？

对长度单位，根据维基百科解释：它是图像显示的基本单元，既不是一个确定的物理量，也不是一个点或者小方块，而是一个抽象概念。很多时候，px 也常被称为 CSS 像素，在 PC 中，通常认为 1px 的真实长度是固定的。

2021-07-08 06:47:21

当Vue2遇到Composition API，它们之前到底能擦出怎样的火花？

通过创建 Vue 组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。仅此一项就可以使我们的应用在可维护性和灵活性方面走得相当远。然而，我们的经验已经证明，光靠这一点可能并不够，尤其是当你的应用变得非常大的时候——想想几百个组件。

2021-07-08 00:01:45

Vue2 Composition API

黑科技解密！实现Socket进程间迁移！

今天介绍一个可以拿出去吹牛的功能：实现socket句柄在进程之间迁移！为了这篇文章，xjjdog可算下了苦功夫，半夜还在翻资料。因为需要验证后，才能证明这项技术确实是正确的。

2021-07-07 20:29:20

Socket 进程迁移

百年献礼开发一款党史学习服务卡片

随着HarmonyOS 2发布，服务卡片这一功能也走进了人们的视线正值百年华诞，我们在学习时的时候，利用服务卡片功能，开发出可以快速学习的这款卡片，并取名为“薪火”。

2021-07-07 14:03:12

鸿蒙 HarmonyOS 应用

聊聊Swift 中 key paths 的能力

Swift 不断获取越来越多的更具动态性的功能，同时还一直把它的关注点放在代码的类型安全上。其中的一个特性就是 KeyPath。

2021-07-07 11:41:38

Swift key paths

这个文件下载问题难住了我至少三位同事

今天给大家分享两个比较有用的浏览器行为与预期不一致的现象，这两个问题其实并不是什么难题，但在工作中发现不少人被难住了，，在我的印象中至少有三位同事在群里问这样的问题，上周又有同事被此现象困住了。

2021-07-07 11:15:05

文件前端浏览器

用「最好的语言」PHP，做一个机器学习数据集

如果想构建一个类似人类的 AI 象棋游戏，首要问题就是创建一个数据库，并且该数据库需要尽可能多的包含象棋大师玩游戏的数据。

2021-07-07 11:08:21

机器学习数据集 PHP

详解对象池模式 & 解释器模式

设计模式系列文章之前已经跟大家聊了一大半了，但是都是聊一些比较常见的设计模式，接下来我们主要是聊一些不常见的设计模式。

2021-07-07 10:31:19

对象池模式解释器模式设计模式

分布式事务如何解决？一次讲清楚！

事务指的就是一个操作单元，在这个操作单元中的所有操作最终要保持一致的行为，要么所有操作都成功，要么所有的操作都被撤销。简单地说，事务提供一种“要么什么都不做，要么做全套”机制。

2021-07-07 10:28:09

分布式架构系统

基于微服务的CICD实战

book-web 前端，采用 Vue MVVM，服务端 Thymeleaf SSR 渲染，友好 SEO MPA。服务端路由，Spring MVC。

2021-07-07 10:21:26

面试官：说说对React refs 的理解？应用场景？

React 中的 Refs提供了一种方式，允许我们访问 DOM节点或在 render方法中创建的 React元素

2021-07-07 08:36:45

React 应用场景

用Excel教会你PID算法

PID算法基本原理 PID算法是控制行业最经典、最简单、而又最能体现反馈控制思想的算法。对于一般的研发人员来说,设计和实现PID算法是完成自动控制系统的基本要求。

2021-07-07 08:35:31

Excel PID 算法

Dotnet Core 优雅的命令行实现

控制台应用 Console，在我们开发中用处很多。小到一个简单的功能测试，或一组不需要复杂 UI 的工具类应用，大到后端的服务，都会用到 Console。

2021-07-07 08:01:51

命令行 Dotnet Core 控制台

CSS 会阻塞 DOM 解析吗？

关键的点在于上述的 4 步并不是以严格顺序执行的。渲染引擎会以最快的速度展示内容，也就是说，浏览器一边解析 HTML，一边构建渲染树，构建一部分，就会把当前已有的元素渲染出来。

2021-07-07 08:01:48

在 Vue3中，封装一个 router-links，支持内外链接都能跳转！

扩展<router-link>组件非常简单，只需将它包装到我们自己的定制组件中。Ok，我们需要构建一个AppLink组件来处理链接，无论是外部的还是内部的。

2021-07-07 08:00:50

Vue3 router-lin AppLink

如何优雅地实现浏览器兼容与CSS规则回退

本文就是探讨如何优雅地应对浏览器兼容问题，包括四点：层叠机制来支持较早的浏览器，Modernizr设置辅助类来分别编写样式，使用 @supports 规则回退，简短的 JavaScript 代码实现回退。

2021-07-07 07:47:10

浏览器 CSS 兼容

一篇带你了解什么是分布式ID

在分布式系统中，经常需要一些全局唯一的ID对数据、消息、http请求等进行唯一标识。那么这个全局唯一ID就叫分布式ID。

2021-07-07 07:14:48

分布式 ID 分布式系统

Redisson 分布式锁源码 11：Semaphore 和 CountDownLatch

Redisson 除了提供了分布式锁之外，还额外提供了同步组件，Semaphore 和 CountDownLatch。

2021-07-07 07:09:49

Redisson 分布式锁源码

2021年7月编程语言排行榜

TOIBE编程语言排行榜将在本月迎来20周年纪念日，在2001年，第一个TIOBE指数作为一个个人爱好项目发布，主要是想了解哪些编程语言是最被需要的。

2021-07-07 05:42:24

编程语言开发

让你 Nodejs 水平暴增的 Debugger 技巧

我觉得学习 nodejs 除了要掌握基础的 api、常用的一些包外，最重要的能力是学会使用 debugger。因为当流程复杂的时候，断点调试能够帮你更好的理清逻辑，有 bug 的时候也能更快的定位问题。

2021-07-07 05:03:35

Debugger 技巧 Nodejs

一文带你了解分布式系统中的真真假假

本文详细介绍了分布式系统中对真实的判断和处理，希望大家能有一个大概的了解。

2021-07-06 15:01:07

分布式架构系统

Go 内存模型并发可见性

Go内存模型指定了在何种条件下可以保证在一个 goroutine 中读取变量时观察到不同 goroutine 中写入该变量的值。

2021-07-06 14:47:30

Go 开发技术

6月份Github上热门Python项目排行

6月份GitHub上最热门的开源项目排行已经出炉啦，一起来看看吧。

2021-07-06 14:06:06

Github Python 开发

2021 年值得关注的React 5 大地图库

实施用户友好、有效的地图功能可能是一项具有挑战性的任务。但是，如果你知道正确的工具，你可以让它变得更容易。

2021-07-06 12:06:40

不常见但是有用的 Chrome 调试技巧

添加选中dom节点为全局变量方便需要调试多个dom的场景。

2021-07-06 11:25:20

Chrome 前端代码

我是如何做软件工程化的

很多人不理解什么是“软件工程化”。导致的结果就是，很少人知道我干的事的价值，也不知道该如何与我配合。所以，有必要正式给大家介绍一下我做的“软件工程化”指的是什么。

2021-07-06 10:03:05

软件开发技术

鸿蒙轻内核M核源码分析系列十五CPU使用率CPUP

CPUP(Central Processing Unit Percentage，CPU占用率)分为系统CPU占用率和任务CPU占用率。用户通过系统级的CPU占用率，判断当前系统负载是否超出设计规格。

2021-07-06 09:45:03

鸿蒙 HarmonyOS 应用

GitHub 被“GitHub Copilot”倒逼成为开源项目？

GitHub 在上周推出了一个名为"GitHub Copilot"的工具，此工具使用了机器学习技术来提供代码建议/自动补全，并因此引发了不小的争议。原因是许多开发者认为，GitHub Copilot 宣称的基于公开代码训练其实是在未遵循开源许可证的情况下，肆意“抄袭”开源代码。

2021-07-06 09:28:35

GitHub 开发者开源

TIOBE 7 月编程语言排行榜：C、Java 和 Python 争夺第一名

早在 2001 年，第一个 TIOBE 指数榜单作为 Paul 的个人爱好项目发布，按他的说法，主要是想了解编程语言的需求情况。当时 TIOBE 指数的前 3 名分别是 Java、C 和 C++。到了 20 年后的今天，TOP3 的数据看起来仍然惊人的相似——分别是：C、Java 和 Python。

2021-07-06 09:21:06

编程语言 TIOBE Python

一篇学会抽象工厂模式

定义一个超级工厂，用于创建其他对应产品工厂。该工厂又可看成其他各种工厂的工厂。

2021-07-06 08:59:18

抽象工厂模式

Redis 实战篇：通过 Geo 类型实现附近的人邂逅女神

GEO 类型使用 GeoHash 编码方法实现了经纬度到 Sorted Set 中元素权重分数的转换，这其中的两个关键机制就是对二维地图做区间划分，以及对区间进行编码。

2021-07-06 08:41:54

Redis Geo 类型数据类型

Redisson 分布式锁源码 10：读写锁

Redisson 还支持可重入读写锁，允许在分布式场景下，同时有多个读锁和一个写锁处于加锁状态。

2021-07-06 08:37:29

Redisson 分布式锁

面试官：React中的Key有什么作用？

跟Vue一样，React 也存在diff算法，而元素key属性的作用是用于判断元素是新创建的还是被移动的元素，从而减少不必要的Diff。

2021-07-06 07:27:45

React 元素属性

Position 属性有哪些值，各有什么特点？

CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。

2021-07-06 07:27:45

Position 属性类型

普通的Int main(){}没有写Return 0;会怎么样？

正常一个带有返回值的函数，返回值都会存在某个地方，可能是栈上也可能是寄存器里，如果你不给它返回值，那可能外部获取的返回值就是个奇奇怪怪的值，因为咱也不知道那块地址是什么数据。

2021-07-06 07:27:44

函数 Return 编译器

代码写的烂，经常被同事怼，教你一招！

面对复杂的业务场景，千变万化的客户需求，如何以一变应万变，以最小的开发成本快速落地实现，同时保证系统有着较低的复杂度，能够保证系统后续de持续迭代能力，让系统拥有较高的可扩展性。

2021-07-06 07:21:17

桥接模式组合

Vue 2 系统如何快速迁移 Vite 作为开发工具

Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。

2021-07-06 07:02:41

Vue 2 Vite 开发工具

寻找旋转数组中的最小数字

把一个数组最开始的若干个元素搬到数组的末尾，就称之为数组的旋转。有一个递增排序数组，将其开头的若干个元素移动至数组的末尾，寻找其中的最小值。

2021-07-06 07:01:35

旋转数组数字

CSS 奇思妙想 | 全兼容的毛玻璃效果

backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。

2021-07-06 06:07:14

CSS 技巧背景

如何精准的收集所有 MDK 源代码文件？一个脚本搞定

有些工程，可能包含了一大堆文件(比如 rt-thread 工程)，你可能并不需要它们，但是却一直保留在你的工程目录中，想删掉又怕删错，一个个整理又太麻烦。

2021-07-06 05:04:50

MDK 源代码文件

深入探究Node | （4）“内存控制” 有十五问

在V8中，所有的JavaScript对象都是通过堆来进行分配的。Node提供了V8中内存使用量的查看方式，执行下面的代码，将得到输出的内存信息。

2021-07-05 22:13:09

Node 内存控制

第一次面试，我差点被面试官打，就因为Collections.sort

该篇文章主要分享隐藏在Collections.sort()中的坑，有兴趣的看看，已经知道的可以无视。

2021-07-05 22:09:53

面试官 Collections JDK7

前端如何开始写第一个 Node Server: 从请求到响应深入浅出

一个服务端框架是对 HTTP 协议的高级封装，是对 HTTP 报文的解析与处理。因此，学习 Node Server 的第一步，从一个 HTTP 报文开始。

2021-07-05 18:11:13

Node Server 前端协议

上一页 1 ··· 299 300 301 302 303 ··· 587 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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