鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

面试官：JavaScript对象属性是有序的吗？

当一个对象的属性键是上述类型的组合时，该对象的非负整数键（可枚举和不可枚举）首先按升序添加到数组中，然后按插入顺序添加字符串键。最后，Symbol 键按插入顺序加入。

2022-07-15 08:22:42

对象符串键 Symbol

一文搞懂响应式编程

本篇回顾了函数式编程，Stream操作等，然后再举例讲了Java中的Reactive编程示例，同时也给处理Reactor三方库的Flux于Mono的示例。

2022-07-15 08:16:56

Stream 函数式编程

几行代码，让黑白老照片重获新生！

这里只是介绍了 DeOldify 最简单的使用方法，只需要几行代码，但是 DeOldify 这么受欢迎，绝对不是这么简单，它背后的原理是非常专业，非常复杂的，有兴趣地可以去它的主页研究一下，它还给进阶者提供了三个不同的训练库，可以将它们下载下来，结合源码自己设置参数进行调试。

2022-07-15 08:01:29

代码 DeOldify 源码

Javascript 数字精度丢失的问题，如何解决？

我们都知道计算机是通过二进制来存储东西的，0.1和0.2在转换二进制后都是是无限循环的，这样其实没什么问题，但是 JS 采用的浮点数标准却会裁剪掉后面的数字，导致精度丢失 0.1+0.2=0.30000000000000004。

2022-07-14 14:27:34

Javascript 数字精度二进制

可能改变前端工程化未来的特性：ESM Loader Hooks

今天要介绍的ESM Loader Hooks与webpack loader类似，只不过对文件树的解析、遍历是由Node.js原生支持的ESM规范（而不是打包工具）确定的。

2022-07-14 11:43:47

Node.js webpack

Spring Boot+Vue3 动态菜单实现思路梳理

对于普通的有父有子的情况，渲染的时候，通过 el-sub-menu 标签进行渲染，但是注意子项是 sidebar-item，sidebar-item 其实就是当前项！

2022-07-14 10:38:39

动态标签 Spring

Nacos 和 Apollo中的长轮询定时机制，太好用了

ConfigService 是 Nacos 客户端提供的用于访问实现配置中心基本操作的类，我们将从 ConfigService 的实例化开始长轮询定时机制的源码之旅。

2022-07-14 08:36:28

Nacos Apollo 长轮询

Vue3 新特性 Computed、Watch、WatchEffect 看完就会

WatchEffect 与Computed 类似，Computed 注重计算出来的结果，所以必须要返回值，而它注重的是过程，所以不用写返回值。

2022-07-14 08:22:48

刷完三个Java教程后不再犹豫

Java中有严格的大小写约定，大写字母开头的都是类名，基本类型都有对应的包装类，封装了更多对基本类型的方法，如Integer。

2022-07-14 08:00:42

Java 数组表达式

Eureka中读写锁的奇思妙想，太顶了

如果有一个线程加了读锁，别的线程是可以随意同时加读锁的，因为只是有线程在读数据而已，此时别的线程也是可以来读数据的！

2022-07-14 07:01:56

Eureka 读锁线程

统计千行代码Bug率，有没有意义？

如果公司有QA的话，在软件开发阶段，一般产品经理会先提出需求，然后拉上开发和QA一起评测需求。QA会在需求评审会后，设计测试案例。这些测试案例是公开的，每个开发都会看到。

2022-07-13 17:56:09

Bug率产品经理系数

面试官让我用 Flex 写色子布局，我直接写了六种

面试中经常会被问道前端布局的实现，最典型的就是使用Flex实现色子的布局，这篇文章会逐步的介绍如何使用Flex实现色子的各个点数的布局。

2022-07-13 17:47:54

布局 Flex 代码

两个简单的代码片段让你的图表动起来

我们以前也发过很多关于数据可视化的文章。但是对于展示来说，如果你的图表能够动起来，那么他的展示效果要比静态的图有更多的冲击力，尤其是你需要向领导和客户展示的时候。

2022-07-13 15:46:57

Python 数据可视化代码片段

七种大幅度减少代码复查时间的方法

代码检查可能是痛苦的。探索7个最佳实践，使代码审查过程成为代码作者和代码审查者更好的体验

2022-07-13 15:41:13

代码检查审查员开发

有 React fiber，为什么没有 Vue fiber？

本文将从两个框架的响应式设计为切入口讲清这两个问题，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。

2022-07-13 15:23:57

Vue fiber react 前端

五个 Chrome 简单实用的日常开发功能详解，赶快解锁让你提升更多效率！

本文针对这种情况，结合实际业务开发场景，为初中级前端开发者整理了一些在日常开发中可以大幅提高效率但又不容易被发掘的chrome特性。帮助大家提高日常效率，节省出更多的时间学(✋🏻)习(🐟)！！

2022-07-13 14:40:50

Chrome 前端日常开发

HTTP/3正式发布，深入理解HTTP/3协议

这是超文本传输协议（HTTP）的第三个主要版本，完整的 RFC 超过了 20000 字，非常详细的解释了 HTTP/3。

2022-07-13 14:12:41

重磅！七国集团决定制裁Go语言！

20多年了！我们G7历经桌面时代，互联网时代，大数据时代，人工智能时代而不倒，这次会议就是争取把大好局面再维持20年！

2022-07-13 10:36:32

互联网大数据人工智能

Vue3 $emit指南--包含选项API、组合API以及 setup 语法糖

在 vue3 中，与组件和 prop 一样，事件名提供了自动的大小写转换。如果在子组件中触发一个以 camelCase (驼峰式命名) 命名的事件，你将可以在父组件中添加一个 kebab-case (短横线分隔命名) 的监听器。

2022-07-13 10:07:31

vue3 组件监听器

前端开发必备的文件处理库！

今天来分享几个前端文件处理相关的实用工具库！

2022-07-13 09:01:17

前端开发文件处理库

手写 Bind：处理 New 的情况

因为很少会遇到给 Bind 返回的函数做 New 操作的场景，所以我没去考虑这种特殊情况。但面试中还是会涉及到的，我们还是实现一下兼容 New 操作的 Bind 写法，顺便学习一下 New 操作符。

2022-07-13 09:00:06

Bind New 操作

这个新 Go 错误处理提案，能解决问题不？

在这一个新提案中，作者正在做意见征集的阶段。其主要是推行了 or 关键字和变量可传递至右侧函数等多种思路（前段时间我还分享了个左侧函数和表达式的提案）。

2022-07-13 08:53:28

函数 Go 语言

实现React过程中一次有趣的问题排查经历

逞着对React内部运行流程还记得住，业余时间尝试复刻一个React —— big-react。

2022-07-13 08:31:18

React 问题排查

系统总出故障怎么办，或许你该学学稳定性建设！

经过一段时间的摸索，我对系统稳定性有了较为体系化的认识，于是迫不及待地希望和大家一起分享。所以今天，就让我跟大家简单聊聊系统稳定性建设这个话题吧！

2022-07-13 08:00:45

系统稳定性高可用

面试官：Semaphore在项目中有使用过吗？

Java提供了一些非常好用的并发工具类，不需要我们重复造轮子，本节我们讲解Semaphore,一起来看下吧！

2022-07-12 12:05:22

22个Vue 源码中的工具函数

在 vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。

2022-07-12 11:05:40

Vue 工具函数源码

11个罕见的JavaScript单行代码，会让你大吃一惊

在今天的文章中，我将与你一起来学习 11 个罕见但功能强大的单行代码。现在，准备好，让我们开始吧！

2022-07-12 10:18:05

JavaScript 单行代码

面试官——什么时候不能使用箭头函数？

我们觉得箭头函数很高级，可以规避 this 的问题，所有的场景下都是用箭头函数。在不能使用的场景下使用了，出现了问题，你还不知道是什么问题，那这不是瞎添乱吗！是不是。

2022-07-12 10:12:37

面试箭头函数前端

如何看待《关于禁止小程序 JavaScript 解释器使用规范要求》？

对于使用解释器的小程序，平台将自 2022 年 7 月 6 日开始在代码审核环节进行驳回，请各位开发者于 7 月 6 日前完成自查、修复。

2022-07-12 09:13:11

解释器代码 JavaScript

有了公平锁，为什么还要有非公平锁？

这篇文章接着来聊一个话题，Java并发包中的公平锁与非公平锁有啥区别？

2022-07-12 08:56:18

公平锁非公平锁 Java

太长了，巧妙地优化了跑马灯

用animation虽然好，但是不能控制跑马灯的长度，即我不想让50个item一起滚动，最好是让只需要出现在屏幕中的item滚动就好了。于是就将滚动改成了item为绝对定位，然后利用transform来改变位置，然后利用transition来实现动画的过渡。

2022-07-12 08:32:17

transition 跑马灯

Xjson 是如何实现四则运算的？

聊聊四则运算是如何实现的，这本身算是一个比较有意思的 feature，虽然用的场景不多。

2022-07-12 08:19:16

XJSON 四则运算场景

Vue3 的 Ref、IsRef、ToRef、ToRefs、ToRaw 详细介绍

Ref、IsRef、ToRef、ToRefs、ToRaw 看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。

2022-07-12 08:14:15

聊聊 Kubectl scale 命令的优秀实践

kubectl scale命令通过调整正在运行的容器的数量来立即缩放应用程序。这是增加部署副本数量的最快、最简单的方法，可用于应对服务高峰以及日常维护变更。

2022-07-12 08:00:31

命令 Kubernetes 应用程序

当Python也来进行修图神器，发现是真的蛮好用的呢！！

今天小编来和大家分享一下Python在图像处理当中的具体应用，那既然是图像处理，那必然要提到opencv模块了，该模块支持与计算机视觉和机器学习相关的众多算法，并且应用领域正在日益扩展。

2022-07-11 23:50:30

Python 修图神器机器学习

小程序不让用 JS 解释器？那我再杠一次鹅厂

为什么我们要将 JavaScript 编译成字节码呢？我们的目的是为了绕过微信小程序的代码审核限制，所以我们要想尽办法隐藏两样东西。

2022-07-11 22:53:59

JavaScrip 编译信小程序

圆角大杀器，使用滤镜构建圆角及波浪效果！

本文介绍了一种使用 filter: contrast() 配合 filter: blur() 的方式，将直角图形变为圆角图形的方式，在一些特定的场景下，可能有着妙用。

2022-07-11 21:52:29

CSS 滤镜构建圆角

如何从容器化微服务中受益？

微服务如何从容器化技术中受益? 本文涵盖了运行时选项、安全性、隔离、服务发现等等

2022-07-11 14:53:37

微服务容器 IT

一次线上事故，我顿悟了异步的精髓

在教研课程详情场景里，数据库的资源是固定的，但写操作占据大量数据库资源，导致整个系统的阻塞，但写操作并不是最核心的业务流程，它不应该占用那么多的系统资源。

2022-07-11 13:58:14

数据库业务流程系统

深入讲解 VsCode 各场景高级调试与使用技巧

本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧。

2022-07-11 11:58:28

VsCode 技巧前端

五张图带你彻底理解 RocketMQ 轨迹消息

本文主要讲解了 RocketMQ 的轨迹消息实现机制。轨迹消息分为生产端和消费端的轨迹消息，生产端和消费端 RocketMQ 都提供了构造函数来指定是否开启轨迹消息。通过钩子函数，把轨迹消息加入队列，也就是变量 traceContextQueue，而 traceDispatcher 则以 100 条为单位不停地从队列中拉取消息进行组装并发送到 Broker。

2022-07-11 11:06:11

RocketMQ 函数 .消费端

SpringBoot 自定义参数解析器 So Easy!

MultiValueMap 和其他 Map，前者中又分三种情况：MultipartFile、Part 或者其他普通请求，前两者可以处理文件上传，第三个就是普通参数。如果是普通 Map，则直接获取到原始请求参数放到一个 Map 集合中返回即可。

2022-07-11 10:37:41

Map Part 集合

Vue3，用组合编写更好的代码：Async Without Await 模式

当setup函数运行到一个await语句时，它将返回。一旦它返回，该组件就会被挂载，并且应用程序会像往常一样继续执行。任何在await之后定义的响应式，无论是 computed、watcher，还是其他什么，都还没有被初始化。

2022-07-11 10:32:35

Vue3 await 响应式

围绕Vue 3 Composition API构建一个应用程序，包含一些优秀实践！

这篇文章旨在展示一些有趣的方法来利用Composition API，以及如何围绕它来构造一个应用程序。

2022-07-11 10:01:23

Spring Boot快速接入Prometheus监控

对于常见 Java 应用程序基本都是基于 Spring 开发，而 Spring 本身就是封装和继承做到特别好，而对于 Sring 监控也是一样的，也是非常简单，下面我以 SpringBoot 2.x 为例演示下对系统中所有接口以及中间件的监控。

2022-07-11 09:36:38

Spring Java 开发

聊聊 Spring boot 集成 Mybatis，你学会了吗？

mybatis-spring-boot-starter主要有两种解决方案，一种是使用注解解决一切问题，一种是简化后的老传统。

2022-07-11 09:00:37

依赖配置文件 Mybati

2022 年 Vue 的发展如何？

自 Vue 3 发布以来，越来越多的库都接受了 Vue 3 并增加了对它的支持，而其他库正在开发兼容的版本。下面就来看看 2022 年 Vue 生态系统中那些令人兴奋的发展。

2022-07-11 09:00:35

Apollo 太重，最终选择了 Nacos

我们来看看 nacos，首先，它没有将配置中心拆成很多个服务，其次，它的负载均衡方案也比较简单，一个 SLB 就可以搞定。要知道 nacos 同样也维护着与客户端的长连接。

2022-07-11 08:37:41

nacos SLB 长连接

如何通过策略模式简化 if-else?

假设我们要处理一个office文件，分为三种类型 docx、xlsx、pptx，分别表示Word文件、Excel文件、PPT文件，根据文件后缀分别解析。

2022-07-11 08:16:55

策略模式 if-else

面试突击：了解 HTTP 协议吗？

响应报头和请求报头类似，也是以 "name: value" 的形式存在的，每个报头占一行。常见的报头有 Content-Type，它是用于描述响应正文的数据类型的，常见的数据类型有：json 格式的 application/json 和 HTML 格式的 text/html。

2022-07-11 07:10:48

HTTP 协议类型

上一页 1 ··· 199 200 201 202 203 ··· 558 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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