鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

前端自动化测试：TDD 和 BDD 哪个好？

不同代码的测试应该相互独立，一个类对应一个测试类(对于 C 代码或 C++ 全局函数，则一个文件对应一个测试文件)，一个函数对应一个测试函数。

2021-07-02 17:22:50

选择定制软件开发公司需要考虑的11个关键因素

企业在选择定制软件开发公司合作时要考虑一些关键因素，并向其潜在合作伙伴提出需要询问的问题。

2021-07-02 15:24:07

软件开发软件开发

开发者必看！你想知道的迁移之道都在这里了

数据库迁移的目的是为了业务迁移，而业务能否顺利切换取决于数据库的迁移能力和迁移后的准确性，站在业务侧的角度，至少要满足以下三个正确性才能够去做业务的切换。

2021-07-02 14:09:36

开发技能代码

5 个不常提及的 HTML 技巧

下面这5个通过HTML标签/属性实现的功能我觉得需要了解一下，一起看一下吧。

2021-07-02 10:20:15

HTML 前端技巧

一篇文章带你了解JavaScript Object 对象

本文基于JavaScript基础，主要介绍Object 对象，常见的构造函数，Object 的实例方法，都通过案例的分析进行详细讲解。通过运行效果图展示，能够更好的帮助读者去理解。

2021-07-02 10:00:50

JavaScript Object 函数

OpenHarmony分布式软总线流程分析v1.0丨2.开启软总线，建立连接

StartListener()函数的底层存在对应不同版本平台的适配函数，这印证了鸿蒙OS各部分解耦的模块化设计思想，针对不同的硬件设备，组合成最适合该设备的OS。

2021-07-02 09:16:21

鸿蒙 HarmonyOS 应用

一篇了解 Vite 的好与坏

我们前面说到过，NioEventLoopGroup我们可以近乎把它看作是一个线程池，该线程池会执行一个一个的任务，我们常用的NioEventLoopGroup大概有两种，NioEventLoopGroup(int nThreads),NioEventLoopGroup()，即一个是指定线程数量的，一个是默认指定线程数量的！这里我们以无参构造为入口进行分析！

2021-07-02 08:51:28

Vite 线程项目

Redisson 分布式锁源码之公平锁释放

看门狗机制是在 RedissonBaseLock#scheduleExpirationRenewal 方法中，这块公平锁和非公平锁并无区别。

2021-07-02 08:51:09

Redisson 分布式锁公平锁

面试官：React构建组件的方式有哪些？区别是什么？

在React Hooks出来之前，函数式组件可以视为无状态组件，只负责根据传入的props来展示视图，不涉及对state状态的操作。

2021-07-02 07:06:20

React 组件方式

聊聊我是怎么调试代码的？

关于crash问题我一般都是先看crash的报错，再查看堆栈信息，基本70%的crash问题都可以通过查看堆栈信息来定位，剩下的我一般都是结合log或者调试工具一起看。

2021-07-02 07:06:20

调试代码 crash

面试扣分点：什么是鸭子类型

有一类面试官特别讨厌，面试的时候，会问一些偏、难、怪的题目。假设你今天去面试，遇到面试官问你：“什么是鸭子类型？”。你怎么回答？

2021-07-02 06:54:45

面试鸭子类型

分布式环境下如何保证 ID 的唯一性

首先说下我们为什么需要分布式 ID，以及分布式 ID 是用来解决什么问题的。当我们的项目还处于单体架构的时候，我们使用数据库的自增 ID 就可以解决很多数据标识问题。

2021-07-02 06:54:43

分布式环境 ID

SolidJS硬气的说：我比React还react

本文会比较SolidJS与React的异同，阐述他的独特优势，看完后不知道你会不会和我发出同样的感叹：这简直比React还react（react译为响应)。

2021-07-02 05:31:53

React SolidJS 前端

前端水印实现方案

简单介绍一下目前主流的前端加水印的方法，以后其他同学在用到的时候可以作为参考。

2021-07-01 15:25:32

前端水印代码

最新调查：等这一波COBOL程序员退休，很多关键岗位就后继无人了

时常被人们戏称为计算机语言世界的「上古卷轴」COBOL 语言，现在正面临着一个窘境，很少有人愿意掌握这门语言，但它却实实在在的影响着大型企业的发展。

2021-07-01 15:10:03

程序员 COBOL 编程语言

OpenHarmony分布式软总线流程分析v1.0丨1.被发现端，发布服务

在分布式软总线子系统中，设备分为发现端和被发现端。这里我们使用手机作为发现端，Hi3861开发板发布服务，作为被发现端。

2021-07-01 14:21:58

鸿蒙 HarmonyOS 应用

性能优化竟白屏，难道真是我的锅？

随着项目日渐“强壮”，优化首屏加载渲染速度迫在眉睫，其中就采用了 React 框架提供的 Reat.lazy() 按需加载的方式，测试过程中，在我们的埋点监控平台上，发现了很多网络请求错误的日志，大部分来自分包资源下载失败!难道我的优化变成负优化了?

2021-07-01 12:10:31

性能优化 React

面试中关于 JavaScript 作用域的 5 个坑

以下是 5 种有趣的情况，其中 JavaScript 作用域的行为与你预期的不同。你可能会研究这些案例以提高对作用域的了解，或者只是为面试做准备。

2021-07-01 11:56:51

JavaScript 开发代码

如何在 Swift 中自定义操作符

自定义操作符和操作符重载是一个非常强大的功能，可以让我们构建非常有趣的解决方案。它可以让我们降低呈现型函数调用的冗长，这可能会给我们清洁代码

2021-07-01 11:07:49

Swift 自定义操作符

横刀跃马，关于Bean对象作用域以及FactoryBean的实现和使用

交给 Spring 管理的 Bean 对象，一定就是我们用类创建出来的 Bean 吗?创建出来的 Bean 就永远是单例的吗，没有可能是原型模式吗?

2021-07-01 10:45:18

Bean 对象作用域

如何使用 Distroless 让你的容器更加安全

谷歌现在通过提供 Distroless 镜像向全世界开放这种能力。谷歌构建的这些镜像的目标是只包含你的应用程序及其依赖项，同时它们将没有常规 Linux 发行版的所有特性，包括 shell。

2021-07-01 10:03:55

Distroless 容器安全

Redisson 分布式锁源码之公平锁排队加锁

Redis sorted set 有序集合数据结构：存放等待线程的顺序，分数 score 用来是等待线程的超时时间戳。

2021-07-01 09:42:08

Redisson 分布式锁

从 WiscKey 看 LSMtree 的不足

LSMtree诞生的那一天起，并不是为了存储这些大的value的情况。在这种大value的情况下LSMtree的性能会急速下降，所以，其实数据库都有自我的一种保护机制，来限定每一行value所能够存储的最大值。

2021-07-01 09:00:14

LSMtree WiscKey 机制

【前端】重构，有品位的代码 05── 搬移特性

在本文中，主要介绍了搬移字段、搬移函数等搬移手段，也有单独对语句搬移、调整顺序的，也可以调整代码的位置，对循环进行拆分、使用管道替换等方法。

2021-07-01 08:28:24

前端搬移特性开发技术

面试官：React事件绑定的方式有哪些？区别？

如果使用一个类组件，在其中给某个组件/元素一个onClick属性，它现在并会自定绑定其this到当前组件，解决这个问题的方法是在事件函数后使用.bind(this)将this绑定到当前组件中。

2021-07-01 07:51:45

React 事件绑定

「Webpack」从0到1学会 Code Splitting

在默认的配置情况下，我们知道，webpack 会把所有代码打包到一个 chunk 中，举个例子当你的一个单页面应用很大的时候，你可能就需要将每个路由拆分到一个 chunk 中，这样才方便我们实现按需加载。

2021-07-01 07:03:32

开发 Webpack 代码

一篇文章带你了解抽象泄漏（Leaky Abstractions）

即便文档覆盖相对比较全面，开发者在实现或排查某一些特定的问题时仍然不可避免地需要阅读对方平台或库的源码，或了解更底层的原理。

2021-06-30 21:21:01

抽象泄漏框架

前端自动化测试：Vue 应用测试

测试不仅能够验证软件功能、保证代码质量，也能够影响软件开发的模式。TDD（Test-driven development），就是测试驱动开发，是敏捷开发中的一项核心实践和技术，也是一种软件设计方法论。

2021-06-30 19:48:21

前端自动化测试 Vue 应用

字节二面：什么是 trie 树以及应用

Trie 树大家了解一下原理和应用即可，有时候面试的时候会问到，下面我用面试的情景跟大家讲解 trie 树。

2021-06-30 17:38:03

Trie 树字符 Java

VS Code能自己编程了，GitHub推出“AI程序员”插件

现在，GitHub官方和openAI联合为程序员们送上编程神器——GitHub Copilot。

2021-06-30 15:05:15

VS Code 程序员编程

Redisson 分布式锁源码之公平锁加锁

默认的加锁逻辑是非公平的。在加锁失败时，线程会进入 while 循环，一直尝试获得锁，这时候是多线程进行竞争。就是说谁抢到就是谁的。

2021-06-30 14:56:12

Redisson 分布式公平锁

从源头解决 Service Mesh 问题最彻底！

我在 Shopee 维护一个 Service Mesh 系统，大部分的 RPC 调用要经过这个系统，这个系统每分钟要处理上千万的请求。我们在本文中就把它叫做 Oitsi 系统吧，方便描述一些。干的事情其实和 Istio 是差不多的。

2021-06-30 13:26:07

Service Mes HTTP协议 Oitsi

为什么你应该使用picture标签而不是Img标签

在用户界面中使用图片和动画已经成为现代网络应用的一个普遍现象。尽管这些现代设计的重点是改善你的应用程序的用户体验，但如果这些图像对所有设备都没有响应，事情就会变得适得其反。

2021-06-30 12:47:12

标签 HTML 分辨率

一名 Vue 程序员总结的 React 基础

u1s1，不知道 react 的生命周期命名为什么要怎么长~~~，小程序，vue 的都比较短。毕竟使用的频率还是很高的，Hooks 除外。

2021-06-30 10:48:30

Vue React 前端

【张荣超老师】鸿蒙卡片开发超细致总结

文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com

2021-06-30 09:27:58

鸿蒙 HarmonyOS 应用

负载测试的端到端指南译文

本文将从计划、编写测试脚本、执行、分析和报告四个方面，向您介绍负载测试过程中的相关知识。

2021-06-30 09:00:00

测试 Web 软件

如何动态导入ECMAScript模块？

import { concat } from './concatModule'使用ES模块的方式是静态的：意味着模块之间的依赖关系在编译时就已经知道了。

2021-06-30 08:00:31

ECMAScript import 模块 JavaScript

如何避免ASP .NET Core中的冗余DI代码？译文

本文讲述如何利用基本控制器避免ASP.NET Core MVC中的依赖项注入代码重复，并强制执行DRY原则。

2021-06-30 08:00:00

代码 DI 开发

面试官：说说对React事件机制的理解？

基于浏览器的事件机制自身实现了一套事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等。

2021-06-30 07:19:36

React 事件机制

聊一聊开发中的一些坑

当前的市面上各种微服务，DDD的课收割了一波又一波的韭菜，有同学听完了课就要迫不及待的尝试一下。学习新知识的动力当然值得肯定，但是具体落地需要根据公司实际场景来。

2021-06-30 07:19:35

微服务业务 MySQL

常用的几种数组去重方法

数组对于每一门编程语言来说都是重要的数据结构之一，当然不同语言对数组的实现及处理也不尽相同。本篇从六个方面给大家介绍数组去重常用的方法。

2021-06-30 06:10:31

数组去重方法数组变量

今天，学会这10个JS代码段就够了！

在本文中，我们来看一下，如何学会这10个JS代码段，让我们一起学习一下吧！

2021-06-30 00:14:24

JS 代码数组

海量无序数据寻找第 K 大的数

本文简单介绍了无序数组求 Top K 问题和无序数组求第 K 大数字两类非常相似的问题，并且提供了常见的三种解决方案。

2021-06-29 23:34:35

无序数据数组

数据流中的中位数，确实轻敌了

问题也很简单，也就是一组数据，找出它的中位数，然后有所不同的是这组数据可能会新增一些其他数据，也就是要我们自己维护这么一个数据结构去尽量高效的完成它。

2021-06-29 19:24:42

数据流数据排序

Linkerd 2.10—设置服务配置文件

当 Linkerd proxy 接收到 HTTP(非 HTTPS)请求时，会识别该请求的目标服务(destination service)。如果存在该目标服务的服务配置文件，则该 service profile 用于提供每个路由指标、重试和超时。

2021-06-29 13:09:07

服务配置文件

虎行有雨，定义标记类型Aware接口，实现感知容器对象

本章节关于 Aware 的感知接口的四个继承接口 BeanNameAware, BeanClassLoaderAware, ApplicationContextAware, BeanFactoryAware 的实现，又扩展了 Spring 的功能。

2021-06-29 10:30:16

Aware 接口容器

7 个关于 "this" 面试题，你能回答上来吗？

在JavaScript中，this 表示函数调用上下文。this难点在于它有一个复杂的行为，这也是面试中经常被考的点。

2021-06-29 10:21:54

this 面试前端

从一次Kafka宕机，我明白了Kafka高可用原理

不管是传统的基于关系型数据库设计的系统，还是分布式的如 zookeeper 、 redis 、 Kafka 、 HDFS 等等，实现高可用的办法通常是采用冗余设计，通过冗余来解决节点宕机不可用问题。

2021-06-29 10:18:07

Kafka 宕机系统

一篇文章带你了解JavaScript的Storage接口

本文基于JavaScript 基础。介绍了相关的属性和方法。通过案例的分析分步进行讲解。介绍了Storage 事件在实际的应用，在实际应用中遇到的难点，提过有效的解决方案。

2021-06-29 10:00:02

JavaScript Storage 接口

面试官：说说 React中的SetState执行机制

过点击按钮触发onclick事件，执行this.setState方法更新state状态，然后重新执行render函数，从而导致页面的视图更新

2021-06-29 09:47:34

React SetState 机制

上一页 1 ··· 272 273 274 275 276 ··· 558 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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