开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

一文带你彻底搞懂发布与订阅设计

我们常说的发布订阅设计模式，也叫观察者模式，也就是事件监听机制，观察者模式订阅了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象，当这个主题对象发生改变时，会通知所有的观察者对象，使他们能够自动的更新自己!

2021-08-05 06:54:05

观察者订阅设计

Vue3 教程：理工直男都是如何一步一步带妹构建插件？

插件是为Vue应用添加可重用功能的好方法。有了大量用于组件、路由等的现有插件，Vue的生态系统为许多常见的用例提供了解决方案。

2021-08-05 06:50:39

Vue3 插件 Vue应用

深入理解Node.js的Inspector

Node.js提供的Inspector不仅可以用来调试Node.js代码，是一个非常强大的工具，本文从使用和原理详细讲解Inspector。

2021-08-05 05:46:06

Node.js Inspector 工具

阿里高频面试题，热部署了解吗？

验证是连接阶段的第一步，这一阶段的目的是为了确保Class文件的字节流中包含的信息符合当前虚拟机的要求，并且不会危害虚拟机自身的安全。

2021-08-05 05:04:50

热部署模型字节

Nacos之随机权重负载均衡算法

Nacos在Client选择节点时提供了一种基于权重的随机算法，通过源码分析掌握其实现原理，方便实战中加以运用。

2021-08-05 05:01:35

负载均衡算法

Node.js 中的多线程和多进程

Node.js 是一个免费的跨平台 JavaScript 运行时环境，尽管它本质上是单线程的，但是可以在后台使用多个线程来执行异步代码。

2021-08-04 23:30:28

Node.js 开发线程

分布式系统咋做同步？虐死人！

分布式系统，通过数据冗余，来保证数据的安全。要写一个分布式系统，一道绕不过去的坎，那就是数据同步。

2021-08-04 20:37:29

分布式系统同步

程序员开发进度太慢被告上法庭！公司索赔90万，拿百度词条当证据

因延误研发进度，程序员被公司告上法庭，索赔90万元。公司认为这一行为“严重失职”，还造成了379.1万元经济损失。

2021-08-04 16:36:13

程序员技能开发

Android进阶之Kotin协程原理和启动方式详细讲解(优雅使用协程)

协程就是方法调用封装成类线程的API。方法调用当然比线程切换轻量;而封装成类线程的API后，它形似线程(可手动启动、有各种运行状态、能够协作工作、能够并发执行)。

2021-08-04 16:19:55

Android Kotin协程 Coroutines

开发文档代码示例工程Dialog的完全解析

ToastDialog是在窗口上方弹出的对话框，是通知操作的简单反馈。ToastDialog会在一段时间后消失，在此期间，用户还可以操作当前窗口的其他组件。

2021-08-04 14:32:16

鸿蒙 HarmonyOS 应用

FSF：GitHub Copilot 是不可接受和不公正的

GitHub 不久前推出了一个名为"GitHub Copilot"的工具，旨在使用机器学习技术来提供代码建议/自动补全。此工具一经亮相就引发了开发社区的各种担忧，自由软件基金会(FSF)也表达了自己的愤怒之情，并呼吁发布白皮书来解决围绕该技术的法律和哲学问题。

2021-08-04 12:11:40

GitHub 开发社区 FSF

Stack Overflow 最新开发者调查报告：Rust 最受喜爱、PostgreSQL 最受欢迎

Stack Overflow 在今年 5-6 月进行了面向开发者的年度调查。昨日，此次调查的报告结果已正式公布。

2021-08-04 12:01:41

开发者 Rust PostgreSQL

Nacos注册中心之概要设计

注册中心的核心比配置中心多一个服务探活模块，他俩的相似度非常高，甚至阿里内部的注册中心就叫ConfigServer。Nacos注册中心打算分成几个模块来分析，本文重点在于概要设计，基于2.0.0版本。

2021-08-04 11:54:25

Nacos 注册中心设计

万人之敌，通过注解给属性注入配置和Bean对象

目前 IOC、AOP 两大核心功能模块的支撑下，完全可以管理 Bean 对象的注册和获取，不过这样的使用方式总感觉像是刀耕火种有点难用。

2021-08-04 11:39:17

Bean 对象配置

技能篇：Git的简易教程

在学校，或许凭借一个人的力量就能负责整个项目的开发到上线。但是在在公司，因为项目的复杂性和紧急性，一个项目的往往是由多个人实现，此时就有一个问题，代码提交和代码合并。

2021-08-04 10:36:34

git 项目开发

来聊一聊，Go 的相对路径问题

go test 在一些场景下也会遇到路径问题，因为go test只能够在当前目录执行，所以在执行测试用例的时候，你的执行目录已经是测试目录了。

2021-08-04 10:15:14

Go 路径语言

从“图片预加载”认识代理设计模式

当我们需要获取某个对象的方法或属性的时候，由于权限等限制无法获取，然后通过一个有权限的代理对象转发我们的获取请求，代理对象可对请求预处理，同时在返回结果的时候也可以做处理。

2021-08-04 09:51:02

代理设计模式

聊一聊Typescript 高级技巧

用了一段时间的 typescript 之后，深感中大型项目中 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。

2021-08-04 09:32:05

Typescript 技巧 Partial

Fn FnMut FnOnce 傻傻分不清

同时闭包引用变量也是有优先级的：优先只读借用，然后可变借用，最后转移所有权。本篇文章看下，如何将闭包当成参数或返回值。

2021-08-04 09:00:55

闭包 Go 调用

TypeScript 中 Const 和 Readonly 的区别？枚举和常量枚举的区别？

ypeScript 中的只读修饰符，可以声明更加严谨的可读属性，通常在 interface 、 Class 、 type 以及 array 和 tuple 类型中使用它，也可以用来定义一个函数的参数。

2021-08-04 08:33:59

TypeScript Const Readonly

面试官：说说React服务端渲染怎么做？原理是什么？

在SSR中，我们了解到Server-Side Rendering ，简称SSR，意为服务端渲染。指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。

2021-08-04 08:33:25

React 服务端渲染

Vue/React项目中不可忽视的自动化部署方案

本文主要介绍shell脚本的一些基本用法以及在前端项目中的应用Shell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。

2021-08-04 08:27:00

Vue React 自动化部署

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

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

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

上一页 1 ··· 110 111 112 113 114 ··· 404 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

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