鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

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

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

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 前端协议

JavaScript的CJS、AMD、UMD、ESM都是啥

所有的代码都在一个文件里，这简直就是灾难。之后就出现了一些机制改变只有一个文件的问题。于是就出现了CJS、AMD、UMD和ESM。这篇小文就是让大家了解这些都是什么。

2021-07-05 16:10:35

JavaScript 代码前端

超实用：Vue 自定义指令合集

对于在项目中常用到的指令，在此做了一个合集介绍，附源码可以直接在项目中使用。

2021-07-05 15:35:47

Vue 前端代码

前端性能优化——图片篇

图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以对图片进行优化势在必行。

2021-07-05 14:55:28

前端优化图片

鸿蒙HarmonyOS相机的基本使用实战

相机配置主要是设置预览、拍照、录像所需要用到的Surface(ohos.agp.graphics.Surface)，没有配置过Surface，相应的功能不能使用。

2021-07-05 14:29:28

鸿蒙 HarmonyOS 应用

Top 18 开源低代码开发平台

低代码/无代码的主要概念并不新鲜，它可以追溯到十多年前的无代码编程 (PWCT) 和类似系统。但是，这一概念在开发者社区中并没有那么可用或得到支持。如今，数十种低代码/无代码平台和服务涌入互联网;因为事实证明，这一概念不仅仅适用于快速项目的原型设计。

2021-07-05 12:36:22

低代码编程语言开发平台

Go项目实战：一步步构建一个并发文件下载器

今天为大家带来一个实战项目。建议你一定要动手实践。在往下看之前，你不妨思考下，用 Go 如何实现一个并发下载器。

2021-07-05 10:33:55

开发技能 Go

五个工业风满满的 Look-alike 算法

Look-alike 有多种类型，包括基于相似计算的「Similarity-based」，基于回归模型预测的「Regression-based」，基于标签相似性的「Approximation-based」，基于用户相似网络的「Graph-based」，基于 attention 优化的「Attention-based」等。

2021-07-05 10:20:28

算法模型技术

优化 Golang 分布式行情推送的性能瓶颈

最近一直在优化行情推送系统，有不少优化心得跟大家分享下。性能方面提升最明显的是时延，在单节点8万客户端时，时延从1500ms优化到40ms，这里是内网mock客户端的得到的压测数据。

2021-07-05 08:58:17

Golang 分布式性能

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

通过@Scope注解可以指定Bean的作用域，默认情况都是单例的(ConfigurableBeanFactory.SCOPE_SINGLETON=singleton),在创建bean实例时就是根据当前定义BeanDefinition中的Scope来做不同的创建。

2021-07-05 08:43:46

Spring Bean scope 作用域

@Autowired报错的四种解决方案和原因分析！

使用 @Autowired 注解导入 Mapper 对象报错的原因，是因为 @Autowired 默认情况下，需要注入一个非 NULL 的对象，而被 @Mapper 修饰的类为 MyBatis 的注解，IDEA 并不能很好的识别其为非 NULL 对象，因此就会报错。

2021-07-05 08:09:54

@Autowired Spring Mapper

掌握PC端和移动端差异，避免需求设计踩坑

PC端的屏幕比较大，视觉范围比较大，可设计的地方很多，容错性比较强，有一个比较小的疏忽都不容易被发现。

2021-07-05 07:55:11

PC端移动端设计

面试官：你能聊聊String和[]byte的转换吗？

为什么会有今天这篇文章呢？前天在一个群里看到了一份Go语言面试的八股文，其中有一道题就是"字符串转成byte数组，会发生内存拷贝吗？"

2021-07-05 07:55:11

String []byte 转换

上一页 1 ··· 308 309 310 311 312 ··· 596 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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