直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

前端如何修改组件库源码来封装符合自己需求的组件？

产品中需要实现某项功能，常用的 elementui、antd 等组件库中确实有差不多功能的组件。但实际上这些组件可能并不能满足你的功能，或多或少都需要你去看看如何修改它才能满足你的需求。

2021-11-26 10:16:11

前端组件代码

在ArkUI的ETS中实现【插槽】的功能

插槽是一套内容分发的API，当组件渲染的时候，将会被替换为“Your Profile”。插槽内可以包含任何模板代码。

2021-11-26 10:08:57

鸿蒙 HarmonyOS 应用

我们一起学习删除链表的节点

若 cur 指向某节点，则执行 pre.next = cur.next ；若 cur 指向 nullnull ，代表链表中不包含值为 val 的节点。

2021-11-26 09:44:42

链表节点定位

自己造一个ReactDOM

本文会教你如何基于官方的reconciler，实现迷你ReactDOM。如果你想在任何可以绘制UI的环境使用React，都可以利用react-reconciler实现该环境下的React。

2021-11-26 08:33:51

React 组件前端

彻底搞明白 Gb2312、Gbk 和 Gb18030

日常工作的过程中，关于字符编码的问题经常让人头疼不已，这篇文章就来捋一捋关于 GB2312、GBK、GB18030 相关的知识以及它们和 Unicode 的关系。

2021-11-26 07:45:37

编码 GBK 字符

让我们一起学会反转整数

给定一个有符号的 32 位整数 x，返回其数字反转的 x。如果反转 x 导致值超出有符号的 32 位整数范围 -$2^31$ <= x <= $2^31$ - 1，则返回 0。

2021-11-26 07:00:05

反转整数数字

利用 Clip-path 实现动态区域裁剪

clip-path是CSS属性之一，只不过很多同学都担心浏览器对他的兼容性，因此不怎么使用该属性。其实clip-path已经得到很好的支持，可以说现在主流浏览器对他的支持已经很好了。

2021-11-26 06:06:10

Clip-path CSS 动态区域裁剪

从 Vue3 源码学习 Proxy & Reflect

如果你使用的是Vue框架，尝试修改组件的 props 对象，它将触发Vue的警告日志，这个功能是使用 Proxy :) !

2021-11-26 05:59:31

Vue3 插件 Vue应用

使用 Promise 时的五个常见错误，你占了几个

Promise 提供了一种优雅的方法来处理 JS 中的异步操作。这也是避免“回调地狱”的解决方案。然而，并没有多少开发人员了解其中的内容。因此，许多人在实践中往往会犯错误。

2021-11-26 05:50:50

Promise JS项目

RabbitMQ 中的 VirtualHost 该如何理解

当我们第一次安装好一个 RabbitMQ 之后，我们可能都会通过 Web 页面去管理这个 RabbitMQ，默认情况下，我们第一次使用的默认用户是 guest。

2021-11-26 00:05:56

RabbitMQ VirtualHost Web

聊聊极速通关常用正则

正则表达式，大家都很熟悉，说白了就是一堆约定俗成的匹配规则，包含模式和可选的修饰符。创建一个正则表达式对象有两种语法。

2021-11-26 00:02:00

模式正则修饰符

如果还不懂如何使用 Consumer 接口，来青岛我当面给你讲！

如果我们想要将公共的部分抽取出来，发现都比较零散，还不如不抽取，但是不抽取代码又存在大量重复的代码不符合我的风格。于是我便将手伸向了 Consumer 接口。

2021-11-26 00:00:20

Consumer 接口代码

有bug！用Pytorch Lightning重构代码速度更慢，修复后速度倍增

近日一位名为 Florian Ernst 的博主却发现 PyTorch Lightning 存在一个 bug——让原本应该加速的训练变得更慢了。

2021-11-25 16:25:53

代码开发技术

OpenHarmony源码解析之JavaScript（文件管理API）

文件管理在手机、平板、智慧屏等设备上都是一个很重要的功能，通过文件管理相关 API 我们可以实现对指定文件的删除、复制、移动、压缩解压缩等操作。

2021-11-25 09:54:54

鸿蒙 HarmonyOS 应用

手把手教你 JS 逆向搞定字体反爬并获取某招聘网站信息

aHR0cHM6Ly93d3cuc2hpeGlzZW5nLmNvbS8= 出于安全原因，我们把网址通过base64编码了，大家可以通过base64解码把网址获取下来。

2021-11-25 08:11:47

JS 网站信息

WorkManager从入门到实践，有这一篇就够了

一般情况下，我们大部分的操作都是在app打开的时候进行的，但是在某些情况下，即使app关闭了，我们也可能需要执行必要的动作，或者会采取一个动作，而不是让用户等待加载，我们可以在后台执行此操作并通知用户结果。

2021-11-24 22:42:15

WorkManager API

面试官不要再问我 axios 了？我能手写简易版的 axios

作为我们工作中的常用的ajax请求库，作为前端工程师的我们当然是想一探究竟，axios究竟是如何去架构整个框架，中间的拦截器、适配器、取消请求这些都是我们经常使用的。

2021-11-24 10:10:32

axios 前端拦截器

HarmonyOS ArkUI之自定义组件侧滑菜单（JS）

鸿蒙这次API7更新除了新增TS声明式开发之外，还有JS开发也增加了很多API，JS开发自定义组件越来越方便了。本文介绍最新出的插槽用法，实现侧滑菜单、支持两种风格、支持快速滑动打开关闭。

2021-11-24 10:02:53

鸿蒙 HarmonyOS 应用

LeetCode -字符串“之”字形转换

LeetCode 算法到目前我们已经更新了 3 期，每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。

2021-11-24 09:08:38

LeetCode 字符串算法

一篇带你了解Node.js

这是一次危险的探索，但是或许某些场景下可以用到。主要想做的事情是劫持所有的 Node.js 函数，在函数执行前后，插入钩子做些事情。

2021-11-24 08:51:32

Node.js 监听函数

携程 & 蘑菇街 & bilibili：手写数组去重、扁平化函数

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回.

2021-11-24 08:43:02

扁平化函数数组

我们一起分享一次实用的爬虫经验

一开始我以为很简单，我照着他给的网站，然后一顿抓包操作，到头来竟然没有找到响应数据，不论是在ALL还是XHR里边都没有找到任何符合要求的数据，真是纳闷。讲到这里，【杯酒】大佬一开始也放大招，吓得我不敢说话。

2021-11-24 07:56:57

爬虫经验抓包

面试官又整新活，居然问我 For 循环用 i++ 和 ++i 哪个效率高？

听到这，我感觉这面试官确实有点不按套路出牌了，放着好好的八股文不问，净整些幺蛾子的东西。在临走的时候，小伙伴问面试官这道题的答案是什么，面试官没有明确告诉答案，只是说让从程序执行的效率角度自己思考一下。

2021-11-24 07:56:56

揭秘C语言类型转换时发生了什么？

在C语言中，数据类型指的是用于声明不同类型的变量或函数的一个广泛的系统，我们常用的算术类型包括两种类型：整数类型和浮点类型。那么相互之间具体是怎么转化的呢？

2021-11-23 23:31:43

C语言数据类型系统

用 Three.js 画个 3D 生日蛋糕送给他（她）

Mesh 比较常用，它是由一个个三角形构成的几何体，还可以在每个面上贴图。所以，参数有两个，几何体 Geometry 和材质 Material。

2021-11-23 22:50:14

.js 3D 几何体

记一次线上崩溃问题的排查过程

由于正值双十一期间，业务以稳定为主，线上服务崩溃，这可不是一件小事，赶紧登陆线上服务器，分析原因，迅速解决。

2021-11-23 21:21:07

线上排查服务

一日一技：强迫症福音，几行代码提醒我拔掉电源

虽然我们已经知道，现代化的笔记本电脑，都有过充保护机制，电源可以一直插在电脑上。但为了满足某些有强迫症的同学，我们来讲讲，如何实现在电脑充满电以后，提醒你拔掉电源。

2021-11-23 21:03:47

代码电脑 False

贪心这块糖，你吃了吗？

道题目一定是要确定一边之后，再确定另一边，例如比较每一个孩子的左边，然后再比较右边，如果两边一起考虑一定会顾此失彼。

2021-11-23 20:22:54

贪心数量策略

详解Java、JS、TS组件常用属性

typescript 要把他当成两门编程语言看待，type 和 javascript。type是一门纯函数式编程语言负责类型的运算，javascript是一门常见的多范式动态类型编程语言负责值的运算，总体上来说 type 部分要比 javascript 部分难多了。

2021-11-23 15:36:30

鸿蒙 HarmonyOS 应用

Rust程序员一觉醒来都懵了：审核团队集体辞职，发生甚么事了？

昨夜，Rust编程语言的审核团队突然宣布辞职，且即刻生效。他们在GitHub的pull request上发出了该声明。

2021-11-23 15:35:01

程序员 Rust 开发者

谈一谈系统架构的性能优化思路

今天谈下业务系统性能问题分析诊断和性能优化方面的内容。这篇文章重点还是谈已经上线的业务系统后续出现性能问题后的问题诊断和优化重点。

2021-11-23 09:45:26

架构系统技术

类静态初始化块即将纳入ES2022，我们先一睹为快

对于类的静态部分的设置，我们只有静态字段。ECMAScript建议为类引入静态初始化块，大致上，它对静态类的作用就像构造函数对实例的作用。

2021-11-23 09:11:21

类静态初始化 Javascript 类

关于 RocketMQ ClientID 相同引发的消息堆积的问题

这篇文章讲解了 RocketMQ 的 Consumer 启动之后都做了哪些操作，对理解本次要讲解的 BUG 有一定的帮助。

2021-11-23 09:00:59

消息堆积扩容 RocketMQ

面试官：说说你对责任链模式的理解？应用场景？

责任链模式(Chain of Responsibility Pattern)就是某个请求需要多个对象进行处理，从而避免请求的发送者和接收之间的耦合关系.

2021-11-22 23:50:59

责任链模式场景

快速了解JavaScript的模块

随着现代 JavaScript 开发 Web 应用变得复杂，命名冲突和依赖关系也变得难以处理，因此需要模块化。

2021-11-22 22:14:46

JavaScript 开发模块

抛弃MATLAB，一本书掌握Python强大的绘图库Matplotlib

近日，来自法国计算机科学研究所的研究员 Nicolas P. Rougier 编写了一本关于使用 Python 和 Matplotlib 进行科学可视化的书籍，目前已经开放获取渠道。

2021-11-22 17:55:56

Python 开发编程语言

Chrome 新功能：支持录制、重放和测试用户操作！

相信大家在平时都做过一些自动化测试的工作，Chrome 在最新的版本（Chrome 97）里面新增了一个非常好用的功能，可以帮助我们录制、回放、测试用户操作，今天就和大家来一起试用一下。

2021-11-22 16:40:11

Chrome 前端命令

分布式系列第一弹：分布式一致性！

互联网时代和环境下，为了快速需求响应和提高系统吞吐，往往进行微服务化改造，将复杂系统和数据进行拆分;这时候的一致性指分布式服务化系统之间的弱一致性，包括应用系统一致性和数据一致性.

2021-11-22 16:30:30

分布式一致性分布式系统

Axios 功能扩展之Axios-Retry 源码阅读笔记

通过对 axios-retry 这一周下载量 100w+ 的三方库来学习下其功能设计，工具库项目的发包策略，并借此抛砖引玉，以提升我们的编码设计能力!

2021-11-22 16:12:34

Axios Axios-Retry 前端

一招减少 JavaScript 代码量

在本文中，我们来探讨一下部分可供大多数用户使用的原生解决方案。我会给出一些示例，但不会深入探讨所有细节。

2021-11-22 11:30:37

JavaScript 代码浏览器

Vue 3 的setup还能这么用？

今天就来听我吹一吹vue3的setup都能怎么用。一起来看看吧。

2021-11-22 11:05:20

Vue 3 setup 前端

剑桥计算机博士推荐，毕业之前，我需要掌握这九个工具

来自剑桥大学的计算机科学博士生 Aliaksei Mikhailiuk 为我们整理了机器学习博士在获得学位之前需要掌握的九种工具。

2021-11-22 10:13:42

计算机工具技术

Npm优化的工程化相关问题

package-lock.json文件作用就是锁定依赖安装结构，目的就是保证在任意机器和环境上执行npm install都会得到完全相同的node_modules安装结果。

2021-11-22 06:17:26

npm 工程化工具

通过漫天花雨来入门 Three.js

Three.js 用于渲染一个 3D 的场景，里面会有很多物体，比如立方体、圆柱、圆环、圆锥等各种几何体(以 Geometry 为后缀)，比如点(Points)线(Line)面(Sprite)等基础物体。

2021-11-22 06:14:45

Three.js 3D 渲染花瓣雨

数据结构与算法之K次取反后最大化的数组和

贪心的思路，局部最优：让绝对值大的负数变为正数，当前数值达到最大，整体最优：整个数组和达到最大。

2021-11-19 11:37:56

面试题数据结构算法

阿里可观测性数据引擎的技术实践

可观测性这个概念最早出现于20世纪70年代的电气工程，相比传统的告警、监控，可观测性能够以更加“白盒”的方式看透整个复杂的系统，帮助我们更好的观察系统的运行状况，快速定位和解决问题。

2021-11-19 09:40:50

数据技术实践

基于 Vue3 和 TypeScript 项目大量实践后的思考

Vue3出来已经有一段时间了，在团队中，也进行了大量的业务实践，也有了一些自己的思考。

2021-11-19 09:29:25

项目技术开发

前端百题斩—通俗易懂的防抖与节流

防抖就是将多次高频操作优化为只在最后一次执行(某个函数在某段时间内，无论触发了多少次回调，都只执行最后一次)。通常的使用场景是：用户输入，只需在输入完成后做一次输入校验即可。

2021-11-19 09:01:09

防抖节流前端

LeetCode - 求最长的镜像字符串

LeetCode 算法到目前我们已经更新了 3 期，每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。

2021-11-19 09:00:24

LeetCode 字符串算法

补充篇：盘点六种使用 Python 批量合并同一文件夹内所有子文件夹下的Excel文件内所有Sheet数据

本文从实际工作出发，基于Python编程，介绍了6种方法，实现批量合并同一文件夹内所有子文件夹下的Excel文件内所有Sheet数据，为大家减少了很多复制粘贴的麻烦，省时省力，还不容易出错。

2021-11-19 08:59:28

Python 批量合并

上一页 1 ··· 172 173 174 175 176 ··· 491 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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