直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

2022年再不知道前端监控就OUT了

前端监控的第一个步骤就是数据采集，采集的信息包含环境信息、性能信息、异常信息、业务信息。

2022-04-12 09:04:57

前端监控数据采集

下班前几分钟，搞懂这六种 For 循环

for 循环是出现最早，也是应用最普遍的一个遍历，能够满足绝大多数的遍历。可以遍历数组、对象、字符串。

2022-04-12 08:46:30

for 循环遍历字符串

一篇学会回调函数

关于回调函数，我的态度是：回调函数可以使我们的代码更高效且更易于维护，降低耦合。明智地使用它们很重要，否则过度使用回调(函数指针)会使代码难以进行排查和。

2022-04-12 08:30:52

回调函数代码调试

EventEmitter 的核心功能实现

EventEmitter 是 Nodejs 环境下才能使用的库，所以不能直接用于浏览器环境的开发。所以我考虑自己实现一套逻辑，自己定制的话也容易根据实际情况的变动做修改。

2022-04-12 08:09:22

Nodejs 前端面试题

Vue.js设计与实现之watch属性的实现

本文中，讨论了watch函数是如何利用副作用函数和options进行封装实现的，也通过调度函数去控制回调函数的立即执行和执行时机，还可以解决竞态问题。

2022-04-12 08:08:57

watch函数 options 封装

Amazing！巧用 CSS 视差实现酷炫交互动效

本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。

2022-04-12 07:37:08

CSS 滚动视差效果前端

if-else 判断语句过多该如何处理？

当方法内部的if...else越来越多的时候，我们可以通过规则引擎模式来消除这种复杂度，具体实践如下！

2022-04-12 07:32:40

引擎模式 Spring 策略模式

什么？函数类型重载还可以动态生成？

ts 函数重载一共有三种写法：declare function、interface、交叉类型 &。当重载比较多的时候，直接列出来还是比较麻烦的，这时候可以用类型编程来动态生成函数重载。

2022-04-11 19:55:26

函数类型函数重载

前端程序员不可忽略的11个有用的 HTML 属性

在本文中，小编将带您了解 11 个您可能还没有听说过的 HTML 属性。

2022-04-11 14:37:40

前端程序员 HTM

TIOBE四月榜单：MATLAB 即将跌出前 20、Python 继续领跑

TIOBE 于今天公布了 2022 年 4 月的编程语言排行榜。

2022-04-11 13:37:54

编程语言 Python MATLAB

前端架构设计中如何做好技术决策？

今天做了一个关于如何做架构设计的分享，其中有个很重要的问题就是如何更好的做技术决策，我针对我们前端团队整理了5条做技术决策的原则。

2022-04-11 09:15:00

前端开发技术

实现TypeScript中的互斥类型

在TypeScript中它有一个特殊的类型never，它是所有类型的子类型，无法再进行细分，也就意味着除了其本身没有类型可以再分配给它。

2022-04-11 08:42:09

TypeScript 子类型定义

【方向盘】使用IDEA的60+个快捷键分享给你，权为了提效（代码补全篇）

本文继续介绍了IDEA 代码补全相关的快捷键，感受到IDEA在上下文感知的代码完成技术上的强大，希望在编码的过程中，能加快你的进程，提升你的出活效率。

2022-04-11 08:34:27

IDEA 代码补全

聊聊如何优雅的关闭服务？

JVM 只在正常终止的情况下运行关闭钩子。因此，当外部力量突然杀死JVM进程时，JVM将没有机会执行关闭钩子。此外，从Java代码中停止JVM也会产生同样的效果。

2022-04-11 08:17:07

JVM Java 进程

Vue.js设计与实现之六-computed计算属性的实现

计算属性computed其实是一个懒执行的副作用函数，可以通过lazy选项使得副作用函数可以懒执行，被标记为懒执行的副作用函数可以通过手动执行。

2022-04-11 08:03:30

Vue.js computed 计算属性

Python 中的鸭子类型和猴子补丁

鸭子类型(duck typing)在程序设计中是动态类型的一种风格。在这种风格中，一个对象有效的语义，不是由继承自特定的类或实现特定的接口，而是由"当前方法和属性的集合"决定。

2022-04-11 07:51:53

鸭子类型猴子补丁 Python

面试突击：Synchronized有几种用法？

当 synchronized 修饰静态方法时，其作用范围是整个程序，这个锁对于所有调用这个锁的对象都是互斥的。

2022-04-11 07:40:45

synchroniz 静态方法程序

捕获了一只发生概率小于万分之一的Bug，你遇到过吗？

有时候我们对自己写的代码很自信，有时候总以为代码之前能够正常运行，以后也能够正常运行。但往往事与愿违，谁能想到一直“运行良好”的代码中深藏着这样的Bug？

2022-04-11 07:11:28

日志输出代码业务代码

Redis常用数据结构介绍和业务应用场景分析

redis内置了很多常用数据结构，了解这些数据结构的功能和应用场景能够让我们在需求开发时灵活运用来解决实际问题。

2022-04-10 23:38:33

Redis 数据结构开发

快用上PerformanceObserver，别再手动计算首屏时间了

PerformanceObserver 可用于获取性能相关的数据，例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。

2022-04-10 21:30:24

前端浏览器api

TypeScript 中的类型到底是个啥？

那么在 TypeScript 中，类型到底是什么呢？其实你可以把类型理解成一系列值的集合。比如，你可以把数字类型看作是所有数字的集合，1.0、68 就属于这个集合中，而 “阿宝哥” 就不属于这个集合，因为它属于字符串类型。

2022-04-10 19:26:07

TypeScript 类型语法

美女面试官问我链表的CURD，我彻底懵圈了……

链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。

2022-04-10 18:10:24

编译TS 代码用TSC 还是Babel？

babel 和 tsc 的编译流程大同小异，都有把源码转换成 AST 的 Parser，都会做语义分析(作用域分析)和 AST 的 transform，最后都会用 Generator(或者 Emitter)把 AST 打印成目标代码并生成 sourcemap。

2022-04-10 16:21:43

tsc babel TypeScrip

前端单测，我们应该测什么？

我们写测试是因为要确保我们的应用程序在用户使用它们时能够正常工作。有些人可能会用测试用例来提高工作流的效率，但我对提高代码信心更有兴趣，即：我们的测试应该能直接增强我们的代码信心。

2022-04-10 11:52:43

前端单测程序

Vue2剥丝抽茧-响应式系统之Set和的Delete

通过为对象收集依赖，将对象、数组的修改、删除也变成响应式的了，同时为用户提供了 set 和 del 方法。

2022-04-10 11:04:40

响应式系统 set delete

一文读懂eBPF | 即时编译(JIT)实现原理

eBPF 使用 JIT 技术来解决执行中间码效率不高的问题。JIT 技术就是在执行中间码前，先把中间码编译成对应的机器码，然后缓存起来，运行时直接通过执行机器码即可。

2022-04-10 10:57:06

eBPF JIT 即时编译

前端知识网络 | 前端布局篇

对于 CSS 的布局，在应用层面，分为三类，居中布局、多列布局、全屏布局。

2022-04-10 10:42:44

CSS 前端前端布局

14条ESLint规则让你的异步代码更优雅

当对可迭代的每个元素执行操作并等待异步任务时，通常表明程序没有充分利用 JavaScript 的事件驱动架构。通过并行执行这些任务，可以大大提高代码的效率。

2022-04-10 10:41:17

ESLint 异步代码

Vue.js设计与实现之五-设计一个完善的响应系统

分支切换导致遗留的副作用函数，可以添加一个集合收集依赖集合，在每次执行副作用函数前将其对应的联系清除，在执行后重新建立联系。

2022-04-09 17:53:56

Vue.js 分支切换嵌套的effect

九个前端JavaScript框架和库，你用过几个

今天跟大家分享前端开发中用的一些JavaScript框架/库，不知道你用过那些？不管用了那些，都值得你收藏！

2022-04-08 14:45:23

JavaScript 框架/前端

分布式配置中心服务端如何实时更新？

NotificationControllerV2 得到配置发布的 AppId+Cluster+Namespace 后，会通知对应的客户端，这样就从portal到configService 到 client 整个消息通知变化就串起来了。

2022-04-08 11:24:39

分布式配置中心服务端

Hooks是什么？为啥Vue和React都选择了它？

复杂的组件难以理解 Hooks允许您根据相关部分(例如设置订阅或获取数据)将一个组件分割成更小的函数，而不是强制基于生命周期方法进行分割。

2022-04-08 10:15:29

实现一个前端监控系统，应该考虑什么？如何去实现？

可能整个系统比较复杂的就是如何高效合理的进行监控数据上传。除了异常报错信息本身，还需要记录用户操作日志，如果任何日志都立即上报，这无异于自造的 DDOS 攻击。那就需要考虑前端日志的存储，日志如何上传，上传前如何整理日志等问题。

2022-04-08 09:52:13

前端监控系统

Go应用单元测试实践原创精选

单元测试由aone实验室脚本触发，Java服务收到单测任务后调起单测脚本并执行，最后由aone实验室轮询运行结果。

2022-04-08 09:01:56

脚本 Go 应用单元

一文带你玩转 CSS 变量

CSS变量即自定义属性，它包含的值可以在整个文档中重复使用。下面来看看CSS变量是如何定义和使用的。

2022-04-08 09:01:14

CSS 自定义属性前端

聊聊分布式锁的多种实现！

分布式锁其实就是，控制分布式系统不同进程共同访问共享资源的一种锁的实现。如果不同的系统或同一个系统的不同主机之间共享了某个临界资源，往往需要互斥来防止彼此干扰，以保证一致性。

2022-04-08 08:27:08

分布式锁锁系统

面试官：请用Java实现一个HTTP请求

今天将介绍一种在 Java 中执行 HTTP 请求的方法 -- 通过使用 Java 内置的 HttpUrlConnection 类实现。

2022-04-08 08:26:03

Java HTTP 请求

一道关于 Box-Sizing 的字节面试题

今天讲讲我很久以前面试字节时遇到的一道 CSS 面试题。

2022-04-08 07:52:17

CSS 面试题 HTML

Java终于开始引入虚拟线程（协程）了

协程在Java社区已经呼唤了很久了，现在终于有了实质性的动作，这是一个非常重要的特性。不过这个功能涉及的东西还是很多的，包括平台线程的兼容性、对ThreadLocal的一些影响、对JUC的影响。

2022-04-08 07:32:24

Java JUC ThreadLoca

解析分布式系统的缓存设计

缓存是用于存储数据的硬件或软件的组成部分，以使得后续更快访问相应的数据。缓存中的数据可能是提前计算好的结果、数据的副本等。典型的应用场景：有 cpu cache, 磁盘 cache 等。本文中提及到缓存主要是指互联网应用中所使用的缓存组件。

2022-04-07 17:13:09

缓存算法服务端

专家和数据预测，2022年的11种Web发展趋势

许多互联网趋势已经显现，预计它们将在未来几年变得更加普遍。让我们一起来看看吧。

2022-04-07 14:25:09

Web 数据预测开发

前端 “一键换肤“ 的几种方案

以上就是目前了解到一些的换肤方案，以上全部基于 css 去实现的，不过知道了原理就可以结合 less 和 sass 进行更好的实现。

2022-04-07 13:56:13

前端一键换肤

学会这篇就够了，彻底弄懂前端缓存了

前端缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。今天我们再来总结一下。

2022-04-07 13:02:53

警惕！这八个场景下 RocketMQ 会发生流量控制

本文介绍了 RocketMQ 发生流量控制的 8 个场景，其中 Broker 4 个场景，Consumer 4 个场景。Broker 的流量控制，本质是对 Producer 的流量控制，最好的解决方法就是给 Broker 扩容，增加 Broker 写入能力。

2022-04-07 11:04:31

RocketMQ Broker Consumer

Java安全 | 反射看这一篇就够了

我们可以将Java这种静态语⾔附加上动态特性，换句话说，就是反射机制是Java实现动态语言的关键，也就是通过反射实现类动态加载。怎么理解呢，就是在运行时加载需要的类，如果运行时不用该类，则不报错，降低了依赖性。

2022-04-07 10:39:21

反射 Java 安全

从 0 到 1 落地前端代码检测工具

结合现有的前端代码检测工具及组内项目现状，考虑配置一份通用性规则，里面集合了不同规则集，不同项目引入不同的规则集扩展。

2022-04-07 10:02:58

前端检测工具

一文弄清楚链表技巧

如何判断单链表存在环呢？我们可以借用单链表的中点问题的思路。快慢指针同从头节点同时向前移动，在没有环的单链表中，它们依次达到尾节点，但对于有环的链表来说，快慢指针最后会一直在环中移动，永远停不下来。

2022-04-07 08:37:05

链表技巧单链表

type 与 interface 的区别，你真的懂了吗？

在写 ts 相关代码的过程中，总能看到 interface 和 type 的身影。它们的作用好像都一样的，相同的功能用哪一个都可以实现，也都很好用，所以也很少去真正的理解它们之间到底有啥区别，分别在什么场景下使用，将自己学习的内容记录分享一下。

2022-04-07 08:20:22

type interface 前端

动态规划：使用备忘录来改进Javascript函数译文精选

本文将介绍什么是备忘录，备忘录对Javascript开发人员来说具有哪些价值，以及如何使用它来改进Javascript函数，从而对备忘录本身以及备忘录对优化应用程序的意义有一个深入了解。

2022-04-07 08:00:00

Javascript 开发

面试突击：线程安全问题的解决方案有哪些？

使用 ThreadLocal 线程本地变量也可以解决线程安全问题，它是给每个线程独自创建了一份属于自己的私有变量，不同的线程操作的是不同的变量，所以也不会存在非线程安全的问题，

2022-04-07 07:40:40

线程安全变量

上一页 1 ··· 149 150 151 152 153 ··· 492 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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