鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

自定义计数器小技巧！CSS 实现长按点赞累加动画

鼠标按下和抬起的过渡动画通常是相反的，不过可以通过在按下时设置transition来改变抬起的动画。数字不断累加可以借助@property来实现，它可以让 CSS 变量像颜色一样过渡或者动画。

2022-08-22 20:10:59

自定义计数器 CSS

过五关！React高频面试题指南译文精选

React高频面试题

2022-08-22 18:57:29

React 前端面试

软件开发中的十个认知偏差原创精选

认知偏差是影响产研人员的固有行为，可以会把软件产品的开发置于不正确的过程中，因此，有必要进行一些深入的学习和理解。认知偏差影响了产研团队的哪些行为呢？

2022-08-22 16:03:15

软件开发系统

不需要 JS！仅用 CSS 也能达到监听页面滚动的效果！

这就是全部分享内容了，是不是又掌握一个 CSS 小技巧？用到了3个定位属性，几乎零成本，复制几行代码，马上就可以用起来了

2022-08-22 15:10:38

JS CSS 页面滚动

一文读懂TypeScript类型兼容性

所谓的类型兼容性用于确定一个类型是否能赋值给其他类型。TypeScript中的类型兼容性是基于结构类型的，结构类型是一种只使用其成员来描述类型的方式。其基本原则是，如果 x 要兼容 y，那么 y 至少要具有与 x 相同的属性。

2022-08-22 09:01:59

类型兼容性 TypeScript

Vue 的响应式原则与双向数据绑定

使用 Vue.js 久了，还是不明白响应式原理和双向数据绑定的区别？今天，我们就一起来学习一下，将解释它们的区别。

2022-08-22 09:01:24

Vue 响应式原则双向数据绑定

Java要抛弃祖宗的基业，Java程序员危险了！

Java帝国最厉害的无过于字节码和JVM，如今ZGC垃圾回收器停顿时间不超过10ms，停顿时间还不会随着堆的增大而增大，JVM的JIT也炉火纯青，在运行时找到最热点的代码，编译成本地二进制执行，效率直逼C语言！

2022-08-22 08:58:20

Java 程序员虚拟机

五分钟教你使用console.log发布公司的招聘信息

通过这种方式来帮助公司做招聘，是不是很有创意呢？一方面可以体现出这些公司对人才的渴望，另一方面也可以让开发者们直接接触招聘信息，更加高效的找到对公司感兴趣的求职者。接下来就让来看看这些是如何实现的吧。

2022-08-22 08:32:17

招聘函数 string

Go 语言怎么解决编译器错误“err is shadowed during return”？

本文我们介绍为什么会出现该错误，以及我们应该怎么解决？

2022-08-22 07:38:01

Go 语言函数

敏捷：可能被开发人员遗忘的部分译文

敏捷实践已经在全球范围内采用。而许多企业都以敏捷为荣，并且以不同的方式实现它。这很好，但并没有一个单一的方法来实现它，需要根据每个场景进行调整。

2022-08-22 07:08:12

敏捷开发软件

在 Vue3 中实现 React 原生 Hooks（useState、useEffect），深入理解 React Hooks 的

关于 Vue3 的 React-style Hooks 的实现原理和 React Hooks 的实现原理在社区里已经有很多讨论的文章了，希望本文可以给你不一样的角度去理解 React Hooks 的本质原理，也只有理解了 React Hooks 实现的本质原理，才可以在 Vue3 的函数式组件上实现跟 React Hooks 一样的 Hooks 函数。

2022-08-21 09:41:42

React Vue3 前端

十个常用的损失函数解释以及Python代码实现

损失函数是一种衡量模型与数据吻合程度的算法。损失函数测量实际测量值和预测值之间差距的一种方式。损失函数的值越高预测就越错误，损失函数值越低则预测越接近真实值。

2022-08-19 16:09:08

Python 损失函数算法

微前端架构的几种技术选型

前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。

2022-08-19 14:06:56

前端架构技术

快速掌握 TypeScript 新语法：Infer Extends

Typescript 支持 Infer 类型，可以通过模式匹配的方式，提取一部分类型返回。但是Infer 提取出的类型是 Unknown，后面用的时候需要类似和 String 取交叉类型，或者 xxx Extends String 这样的方式来转换成别的类型来用。这样比较麻烦。

2022-08-19 12:12:02

TypeScript Infer 类型

使用 TypeScript 编写 React 的优秀实践！

在React中，组件的声明方式有两种：函数组件和类组件，来看看这两种类型的组件声明时是如何定义TS类型的。

2022-08-19 09:01:59

React TS 类型

JWT教你如何证明你是我的人！

JWT 的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源。

2022-08-19 08:17:36

JWT 服务器身份信息

一篇带给你 V8 GC 的实现

本文大概介绍一下早期 V8 中关于 GC 实现的部分，代码版本 0.1.5，早期版本利于快速理解整体的逻辑，因为现代版本已经非常复杂。

2022-08-19 06:40:02

面试官：请使用JS完成一个LRU缓存？

小伙伴们如果刷过 Leetcode 算法题，相信你一定遇到过 LRU 算法的题，那么 LRU 算法到底是一个怎样的算法呢？今天我们就给大家好好讲讲，顺便使用 JS 把它实现出来！

2022-08-18 20:02:04

7款好用的前端框架，试试就知道译文精选

提供一个推荐用于网络开发的顶级框架列表

2022-08-18 18:37:44

前端网络开发

通过可视化来学习JavaScript事件循环

事件循环，是每个 JavaScript 开发人员都必须要掌握的知识，开始学的时候，理解起来可能有点混乱。但我是一个视觉学习者，所以我想我会尝试通过低分辨率 gif 以视觉方式来解释它，以便帮助你更好的学习和理解事件循环。

2022-08-18 11:36:16

可视化 JavaScript 事件循环

解析分布式存储选型和应用九个典型问题

通过使用分布式存储，可解决现有集中式存储系统在性能、可维护性、可用性以及可扩展性等方面存在的问题。但在企业分布式存储落地过程中，适用场景以及技术路线如何选型成为必须解决的问题。

2022-08-18 07:43:17

分布式存储系统

新的跨域策略：使用 COOP、COEP 为浏览器创建更安全的环境

浏览器在阻止这些攻击上做的也很好。同源策略我们已经很熟悉了，它用于限制不同源的站点的资源访问。

2022-08-17 14:04:18

COOP COEP 浏览器

为什么有人说 vite 快，有人却说 vite 慢？

接下来小编就通过本文给大家分析一下，具体聊一聊 Vite 的快和慢。

2022-08-17 12:28:14

vite 代码前端

完成第一个Vue3.2项目后，这是我的技术总结

今日，完成了第一个vue3的项目，这个项目是一个比较完整，且从头到尾都是我独立完成，并且使用vue3.2等比较新的技术栈完成，我觉得有必要记录一下。

2022-08-17 12:09:29

种草 Vue3 中几个好玩的插件和配置

今天松哥就来和大家捋一捋 Vue3 中几个好玩的插件和配置，学完之后，相信大家对 TienChin 项目前端的很多写法就明白了。

2022-08-17 11:36:18

超全面的前端工程化配置指南

本文讲解了如何构建一个工程化的前端库。

2022-08-17 11:33:35

Vue 状态管理未来样子

预测未来并不容易，但就目前而言，Pinea 是最安全的赌注。它提供了一个模块化的架构，通过设计实现类型安全，并消除了模板代码。如果你要用Vue 3开始一个新的项目，Pinia 是值得推荐的选择。

2022-08-17 10:07:52

Deno 即将发生重大变化！

Deno 官方博客发文称 Deno 即将发生重大变化，下面就来看看未来 Deno 将有哪些变化！

2022-08-17 09:08:44

字节面试也会问SPI机制？

本次讲解的两种方式均是基于SPI机制，可见是多么受开发追捧。当然，还有很多种实现方式，我个人觉得最主要的还是能够在自己的掌控范围内去使用，毕竟有问题可以通过自己的学习理解去解决。

2022-08-17 08:17:01

SPI 机制接口

一门语言的作用域和函数调用是如何实现的

Visitor 模式正好和 Listener 相反，这是由我们自行控制需要访问哪个 AST 节点，同时需要在每次访问之后返回数据，这点非常适合来做程序运行期。

2022-08-17 08:10:34

语言 Visitor Listener

Volatile关键字能保证原子性么？

如果这时候，面试官不再继续深挖下去的话，那么恭喜你，可能这个问题已经回答完了，但是如果面试官继续往下深挖，为什么会禁止指令重排，什么又是指令重排呢？

2022-08-17 07:53:10

Volatile 关键字原子性

面试突击：SpringBoot 有几种读取配置文件的方法？

在 Spring Boot 中读取配置文件有以下 5 种方法：使用 @Value 读取配置文件；使用 @ConfigurationProperties 读取配置文件；使用 @PropertySource 读取配置文件；使用 Environment 读取配置文件；使用原生方式读取配置文件。

2022-08-17 07:06:14

SpringBoot 配置 @Value

大家都能看得懂的源码之Ahooks UseInfiniteScroll

使用了 useRequesthook 负责进行请求后台数据。其中 reloadAsync 对应 useRequest 的 runAsync，reload 对应 useRequest 的 run。前者返回 Promise，需要自行处理异常。后者内部已经做了异常处理。

2022-08-16 21:01:56

runAsync reload 数据

那么多微服务识别方法，究竟该怎么选？

一般比较流行的微服务识别方法有业务角度、IT角度和数据角度。

2022-08-16 15:20:12

微服务 IT 运维

Web端执行服务器的命令和脚本

服务器端一般都是类Unix系统，以linux的CentOS使用为多，无论使用的是哪种类Unix系统，服务端都不会安装窗口插件，而是使用命令和脚本来做一切事情，在这样的场景下，登录，执行命令，执行脚本，检查服务运行状态，检查服务产生日志，检查配置这些基本操作就会频繁的用到，但在命令行模式下操作这些动作很繁琐。

2022-08-16 14:47:08

服务器端 Web端脚本

十大 Java 语言特性

让我们探讨一下开发人员在日常编程工作中经常使用的十个 Java 编程特性。

2022-08-16 14:27:56

Java 开发编程

20个既简单又实用的 JavaScript 小技巧

今天跟你分享的20个关于JavaScript技术简单实用的技巧，希望你能够从中学到新的知识。如果你觉得有用的话，请记得点赞我，关注我，并将其分享给你身边的朋友，也许能够帮助到他。

2022-08-16 10:53:56

JavaScript 前端技巧

如何使用 Sentry 捕获前端异常

如果我们想要拥有一套完整的前端异常监控系统，首先，需要关心的问题就是，如何及时捕捉异常，如何准确定位异常和错误的位置，采集到异常后如何及时通知相关人员。

2022-08-16 10:44:11

Sentry 前端异常

使用 Telegraf 替换 Exporter 优化采集监控指标

本文是近期将监控采集器从 exporter 迁移到 telegraf 的一次总结，主要从 agent 部署、统一采集、标签统一、安全采集四个方面，比较了优化前后的差异。

2022-08-16 09:54:48

telegraf exporter 监控

代码圈复杂度治理小结原创精选

本文作者尝试结合在团队内部的实践，分享下过程中心得，希望对大家的代码圈复杂度治理提供微弱的帮助。

2022-08-16 09:04:23

代码圈圈复杂度节点

彻底理解JavaScript中的类型转换

Javascript 是一种弱类型语言，这意味着变量是没有明确类型的，而是由 JavaScript 引擎在编译时隐式完成。

2022-08-16 09:03:01

JavaScript 前端

细数线程池的十个坑

日常开发中，为了更好管理线程资源，减少创建线程和销毁线程的资源损耗，我们会使用线程池来执行一些异步任务。但是线程池使用不当，就可能会引发生产事故。今天田螺哥跟大家聊聊线程池的10个坑。

2022-08-16 08:27:20

线程毁线程异步

Lua面向对象编程的基本原理示例，你明白几分？

这篇文章主要描述：在Lua语言中，如何通过table结构来实现面向对象编程。主要是看到某鸟教程上错误百出，估计示例代码自己都没有测试过;关于Lua语言中的table以及metatable的基本知识，这里就不赘述了，官方手册中描述的很清楚。

2022-08-16 07:57:30

Restful、SOAP、RPC、SOA到底有什么区别，你知道了吗？

Restful(Representational State Transfer)是⼀种架构设计⻛格，提供了设计原则和约束条件，⽽不是架构，⽽满⾜这些约束条件和原则的应⽤程序或设计就是 Restful架构或服务。

2022-08-16 07:32:03

Restful SOAP RPC

Go 语言怎么处理三方接口返回数据？

本文我们主要介绍怎么处理三方接口返回数据，其中包含普通 json 和嵌套 json，在处理嵌套 json 的内容中，我们介绍了三方库 mapstructure 的简单使用方式。

2022-08-15 23:09:53

有意思的方向裁切 Overflow：Clip

‍本文将介绍一个新特性，从 Chrome 90 开始，Overflow 新增的一个新特性 -- Overflow： Clip，使用它，轻松地对溢出方向进行控制。

2022-08-15 22:34:47

Overflow 方向裁切

Chrome DevTools 远程调试安卓网页的原理

Chrome DevTools 和 Chrome 是分离的架构，两者通过 WebSocket 通信，通信协议是 Chrome DevTools Protocol，可以在金丝雀版本的 Protocol Monitor 里看到 CDP 的数据交互。

2022-08-15 20:48:28

Chrome 安卓网页

如何移除你项目中 99% 的 JS 代码

对JS代码的极致拆分，只为达到一个目的 —— 在首屏渲染时，移除你项目中99%的JS代码。

2022-08-15 18:22:22

「React 进阶」react-router v6 通关指南

本文主要介绍了 v6 的基本使用，原理介绍，和 v5 区别，感兴趣的朋友可以尝试把 v6 用起来。总体感觉还是挺不错的。

2022-08-15 17:34:22

一文搞懂JavaScript面向对象

面向对象是程序中一个重要的思想，就是程序中所有的操作都是通过对象完成的。

2022-08-15 15:39:23

JavaScript 面向对象数据

上一页 1 ··· 200 201 202 203 204 ··· 565 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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