鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

你可能不知道，前端这五个有用的技术可以这么酷！

为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。希望能够帮助到你！

2021-08-04 08:22:53

前端技术编程

一文学会J-Link cmd的使用

为什么要使用到J-LinkCommander呢???大部分情况下，我们使用J-link都是在IDE中debug使用的，出现问题，直接debug复现然后解决。这是最常见的开发方式。

2021-08-04 07:47:18

如何手写El-Form表单组件

最近又个项目让我有开始接触element-ui，想到当初对el-form表单有一些困惑，查看一下源码和一些技术文章，对el-form有一些新的认识。

2021-08-04 07:47:17

表单组件代码

工厂设计模式案例详解，不服来辩！

工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一，今天我们一起来彻底解析一下它。

2021-08-04 06:56:49

工厂设计模式

前端百题斩之一文了解HTTP缓存

缓存是指代理服务器或客户端本地磁盘内保存的资源副本，利用缓存可减少对源服务器的访问，节省通信流量和通信时间。

2021-08-04 06:56:49

HTTP 缓存前端

Web动画之科技感十足的暗黑字符雨动画

本文将使用纯 CSS，带大家一步一步实现一个这样的科幻字符跳动背景动画。运用在一些类似科技主题的背景之上，非常的添彩。

2021-08-04 05:32:40

Web动画 CSS 技巧

文件下载，搞懂这九种场景就够了

Blob（Binary Large Object）表示二进制类型的大对象。在数据库管理系统中，将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。

2021-08-04 00:10:49

场景版本大文件

保证Kubernetes生产环境安全七条建议

Kubernetes 重要组件的网络暴露必须限制：其中 Kubelet API、Kubernetes Dashboard、ETCD 上述组件不要暴露到公网，内部暴露也尽量限制范围。API server 如果非要对外暴露一定是提供HTTPS证书认证的方式。

2021-08-03 14:17:47

Kubernetes 容器安全

维基百科采用 Vue.js 作为前端框架

维基媒体基金会 (Wikimedia Foundation) 宣布正式采用 Vue.js 作为未来的 JavaScript 框架 —— 用于维基百科的底层引擎 MediaWiki。

2021-08-03 14:01:53

Vue.js 维基百科框架

HarmonyOS非UI单元测试在DevEco Studio上的应用

单元测试是测试某个类的某个方法能否正常工作的一种手段。单元测试的粒度：一般一个public方法需要一个test case。

2021-08-03 12:58:38

鸿蒙 HarmonyOS 应用

手把手教你搭建国产嵌入式模拟器SkyEye开发环境

SkyEye的目标是在通用的Linux和Windows平台上实现一个纯软件集成开发环境，模拟常见的嵌入式计算机系统(这里假定"仿真"和"模拟"的意思基本相同);可在SkyEye上运行μCLinux以及μC/OS-II等多种嵌入式操作系统和各种系统软件(如TCP/IP，图形子系统，文件子系统等)，并可对它们进行源码级的分析和测试。

2021-08-03 11:52:49

模拟器开发嵌入式

数据结构：跳跃链表

开发时经常使用的平衡数据结构有B数、红黑数，AVL数。但是如果让你实现其中一种，很难，实现起来费时间。而跳跃链表一种基于链表数组实现的快速查找数据结构，目前开源软件 Redis 和 LevelDB 都有用到它。

2021-08-03 10:24:59

数据跳跃链表结构

盘点JavaScript 事件和方法提交那些事儿

提交表单时，会触发 submit 事件，它通常用于在将表单发送到服务器之前对表单进行校验，或者中止提交，并使用 JavaScript 来处理表单。

2021-08-03 10:01:37

JavaScript 事件方法

量子计算竞争：一场国家实力和技术路线的双重对抗

在人类计算技术的飞速发展中，量子计算越来越受到重视。实际上，它不仅仅是相关企业保持其核心竞争力和前沿技术能力的重要领域，也是国家之间相互竞争的重要科技领地。

2021-08-03 09:58:06

量子计算芯片超算

Netty的常用编解码器与使用

我们发现，真正跑起来，却并没有按照我们预期那样逐行打印，而是好几行连在一起打印，而且有些字符还出现了乱码，这是为什么呢？

2021-08-03 08:38:21

Netty 解码器使用

如何实现Vuex的热更新

我们在使用Vuex的时候，会时不时的更改Vuex内的数据，但是页面不会随之更新，如果数据量大，一个数据依赖另一个数据的话，这样我们要是再刷新页面的话会把以前依赖的数据清空，效率特别低。

2021-08-03 08:35:36

Vuex 数据热更新

重构，有品位的代码之重构API

伙伴们，最近事情有点多、空余时间都花在学习新知识、新技术以及巩固基础上了，在实践开发越来越觉得自己的技术和能力有限，认识到了自己的短板和不足。

2021-08-03 08:13:48

重构 API 代码

算法：合并两个有序链表

两个升序链表合并为一个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。

2021-08-03 08:13:47

面试官：说说你在React项目是如何捕获错误的？

在react项目中去编写组件内JavaScript代码错误会导致 React 的内部状态被破坏，导致整个应用崩溃，这是不应该出现的现象。

2021-08-03 07:51:43

React 项目面试

React 中 setState 是一个宏任务还是微任务？

Concurrent 模式是一组 React 的新功能，可帮助应用保持响应，并根据用户的设备性能和网速进行适当的调整。在 Concurrent 模式中，渲染不是阻塞的。

2021-08-03 07:40:47

宏任务微任务 React

Synchronized 优化手段之锁膨胀机制！

在众多优化方案中，锁膨胀机制是提升 synchronized 性能最有利的手段之一(其他优化方案我们后面再讲)，本文我们重点来看什么是锁膨胀?以及锁膨胀的各种细节。

2021-08-03 07:40:46

Synchronize 锁膨胀性能

如何理解JS事件的防抖与节流？

在平时的编码过程中，当绐浏览器注册一个时间，经常会遇到一些执行次数非常频繁的事件，如scroll,resize等，事件频繁的执行会导致浏览器进行大量的计算而引发页面卡顿假死的情况，为些我们需要通过一些手段来解决这个问题，所以就有了防抖和节流这两个技术。

2021-08-03 06:57:36

Js 事件节流

如果面试官让你讲讲发布订阅设计模式？

发布订阅设计模式在程序中经常涉及，例如 Vue 中的 $on 和 $off、document.addEventListener()、document.removeEventListener()等，发布订阅模式可以降低程序的耦合度，统一管理维护消息、处理事件也使得程序更容易维护和扩展。

2021-08-02 17:21:08

设计模式订阅

HarmonyOS实战—单击事件的四种写法

编写实现类（MyListener）去实现 Component.ClickedListener 接口，在类里面重新下 onClick 方法，把点击代码实现的操作就写在 onClick 方法当中。

2021-08-02 14:37:36

鸿蒙 HarmonyOS 应用

透过浏览器看HTTP缓存

web端的缓存机制其实有多种，我在这里只是学习和整理了以浏览器为载体的HTTP缓存机制，看看它是如何工作的。

2021-08-02 13:05:49

浏览器 HTTP 前端

一文讲明白从0到1亿用户的架构设计

对于软件架构师来说，设计一个支持数亿用户的系统是一个巨大的挑战（不过在读了这篇文章后，也许就没那么难了）。

2021-08-02 11:01:32

架构运维技术

一篇文章带你搞懂Iterator接口的用法

本文主要介绍了Iterator接口、Iterator接口常用方法，Enumeration接口。Iterator是用来遍历Collection集合中元素，Iterator对象被称为迭代器。

2021-08-02 10:01:09

Iterator接口 Java 项目开发

如何阅读源码 —— 以 Vetur 为例

这是一个预期管理的问题，我们可以多参考 SMART 原则，多从具体、可衡量、可行性、相关性几个维度思考，不断推敲是否需要做这件事;如何拆解目标，用目标反推计划，不断推进个人成功。

2021-08-02 09:50:47

Vetur 源码 SMART

盘点服装设计所经常性使用的软件---ET（中篇）

今天要跟大家介绍的是关于服装设计所经常性使用的软件-----ET，这个ET可不是外星人，而是一款软件。下面来看看它的具体操作过程，让小编带着大家一起做漂亮的服装版型，人人都可以成为服装设计师。

2021-08-02 09:31:12

软件 ET 前端

八个提高效率的VSCode必备扩展插件

Visual Studio Code 是用于构建当前 Web 应用程序的源代码编辑器。它是一个免费的开源管理器。它支持可用于 Web 应用程序改进的各种增强功能。

2021-08-02 09:29:08

Vscode 开发 Web

你适合做救火队长嘛？

随着功能的不断迭代，原有的架构设计己经不再适用。简单的说，服务于 10w 订单的架构，再怎么加机器，也无法适用 1000w 订单的场景，有幸接触了走过这一步的滴滴分单架构。

2021-08-02 09:02:27

架构产品优化

面试官：说说 React 性能优化的手段有哪些？

在React中如何避免不必要的render中，我们了解到如何避免不必要的render来应付上面的问题，主要手段是通过shouldComponentUpdate、PureComponent、React.memo，这三种形式这里就不再复述。

2021-08-02 08:34:20

React 性能优化

一旦你学习了Typescript，你就再也放不下了

TypeScript是JavaScript的超集，当前的JavaScript的代码都属于TypeScript，都能在TypeScript环境下运行。

2021-08-02 08:18:14

Typescript 编译代码

带Kubernetes的容器化存储在大企业成为主流译文

Kubernetes是2014年发布的一种开源系统，用于自动部署和管理容器化应用程序，它在过去七年取得了长足的进步。它最初由谷歌创建，后来交给一家独立于厂商的机构：云原生计算基金会（CNCF），将其作为一个开源项目加以管理。但我们现在才开始看到成熟的Kubernetes部署在主流企业。

2021-08-02 08:00:00

Kubernetes 容器工具

单调栈一点小心得 | 用最简单的动图和例题解释一下

单调栈是一种预处理技术。用的时间处理一个长度为的序列，会得到这个元素的最相邻的比自己小的元素 / 比自己大的元素 / 以该元素结尾的递增或递减子序列长度等。

2021-08-02 07:59:47

技术动图数列

单调栈一点小心得 | 用最简单的动图和例题解释一下

单调栈分为单调递增栈和单调递减栈,单调递增栈即栈内元素保持单调递增的栈,同理单调递减栈即栈内元素保持单调递减的栈,跟单调队列差不多。

2021-08-02 07:59:21

单调栈题目栈

Design for failure常见的12种设计思想

请求从客户端发出，到达Proxy Layer(执行一些公共的逻辑，如逻辑、流控、审计等)，完成后，发往App Layer(执行具体业务逻辑)，执行完毕后，发向Data Laye(进行数据持久化)。

2021-08-02 07:57:03

设计系统客户端

图解 | 注册发现核心原理提炼

通过对Nacos注册与发现源码阅读，将其核心原理归纳提炼。包含：注册、发现、节点之间通信、健康检查类型。

2021-08-02 07:57:03

注册 Nacos 源码

手把手教你使用Nacos配置中心

今天主要介绍了Nacos中配置中心的使用，包括基于namespace实现的多环境和多租户的配置，基于group实现的业务隔离，以及共享配置。

2021-08-02 07:35:19

Nacos 配置中心 namespace

Flutter 2 Router 从入门到放弃 - 基本使用、区别&优势

Flutter 2 主要带来的新特性有 Null 安全性趋于稳定，桌面和 Web 支持也正式宣布进入 stable 渠道,最受大家关注的就是 Add-to-App 相关的更新，从而改善 Flutter2 之前的版本混合开发体验不好缺点。

2021-08-02 06:49:46

Flutter Router 安全

一篇带你了解Redis删除策略

Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。

2021-08-02 06:34:55

Redis 删除策略开源

ES6新增语法—数组新增七种方法介绍

数组(Array)是有序的元素序列。若将有限个类型相同的变量的集合命名，那么这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。

2021-08-02 05:51:29

foreach ES6 数组

基于消息的事件驱动机制（Message Based, Event Driven）

基于消息的事件驱动机制是一个通用模型，广泛应用于桌面软件开发、网络应用程序开发、前端开发等技术方向中。本文主要描述基本模型、基本框架，用于说明不同技术的共性知识。

2021-08-01 23:47:54

通用模型驱动

Σ(っ°Д°;)っ找个对象"Object"还要用八股文？

还是那句话，不管你是初级、中级、还是高开，甚至还是资深，不开玩笑的说，面试前都要刷八股文，因为你没法保证的是遇见的面试官都会因为你的职位，而和你聊项目、架构、源码，我们能做的只能是做好准备。

2021-08-01 22:59:43

Object 八股文 quals

Vscode中6个好用的前端重构插件

Visual Studio Code（简称VS Code）是一款由微软开发且跨平台的免费源代码编辑器。基于其丰富的插件体系与语言支持，目前已经成为了比较流程的集成开发环境。

2021-08-01 22:35:16

Vscode 开发编辑器

一日一技：使用 Asyncio 如何限制协程的并发数

如果大家要限制协程的并发数，那么最简单的办法就是使用asyncio.Semaphore。但需要注意的是，只能在启动协程之前初始化它，然后传给协程。要确保所有并发协程拿到的是同一个Semaphore对象。

2021-08-01 15:26:59

协程 Asyncio 并发数

Vue 中使用defineAsyncComponent 延迟加载组件

使用 Vue 3 的 defineAsyncComponent 特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。

2021-08-01 07:58:58

Vue 加载组件

CSS 布局的本质是什么

根据操作系统不同，会有不同的界面的开发方式。安卓、ios、windows 等都有各自的创建 ui 的库，但是更底层的绘图库却是有标准的：跨平台的绘图 api 接口标准 OpenGL 以及 windows 下的 DirectX。

2021-07-31 23:25:34

中大型组织 DevOps 成熟度模型

DevOps 转型是一件颇有挑战性的工作。它并不是一个简单的工具或者平台的使用、运维能力提升。特别是在中大型组织中，它涉及到一系列的组织问题。

2021-07-31 22:37:45

DevOps 模型云厂商

今天，说一说线程池 “动态更新”

目前线程池被广泛应用于业务系统，但是业界内对线程池初始化参数并没有很好的标准。线上环境的线程池因为业务特殊性遇到一些痛点，进而引发了小编对于线程池使用的一些思考.

2021-07-31 22:20:00

线程池系统参数

上一页 1 ··· 217 218 219 220 221 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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