开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

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

在线学习企业服务

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

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

CentOS Kmods SIG 成立，应对老旧设备支持不善问题

CentOS 董事会已经批准成立 CentOS Kmods 特别兴趣小组(Kmods SIG)，该小组将专注于提供目前在 CentOS Stream 中不可用的内核模块。

2021-07-13 08:39:10

CentOS 内核模块 CentOS Kmo

面试官：说说对React Hooks的理解？解决了什么问题？

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

2021-07-13 07:52:03

React Hooks 组件

Springboot编程式事务使用方式详解

编程式的事务适合少量的事务操作；比如在一个服务的调用中有大量的计算操作，最后将计算结果进行事务的操作这种情况就适合应用事务编程式的进行事务控制。

2021-07-13 07:31:26

Springboot 编程事务管理

一篇带给你H5吸顶方案

吸顶效果是web开发中一种常见的交互方式，常见的应用场景有导航、搜索框等等。能够做流量的横向分发，瞩目的吸顶效果和横滑切tab的手势，能够让用户快速发现更多商品。

2021-07-13 06:51:16

H5 web开发吸顶

如何在不看源码情况下学petite-vue源码

本文介绍了复杂框架源码的阅读办法—即从抽象到具体。从mount时与update时的调用栈推导出整体工作流程,从整体工作流程中发现核心知识— 响应式更新。

2021-07-13 06:23:10

petite-vue Vite 源码

CSS 奇思妙想 background-clip

说起 background-clip ，可能很多人都很陌生。Clip 的意思为修剪，那么从字面意思上理解，background-clip 的意思即是背景裁剪。

2021-07-13 06:10:02

CSS 技巧 background-

一篇学会Caffeine W-TinyLFU源码分析

Caffeine使用一个ConcurrencyHashMap来保存所有数据，那它的过期淘汰策略采用什么方式与数据结构呢?其中写过期是使用writeOrderDeque,这个比较简单无需多说，而读过期相对复杂很多，使用W-TinyLFU的结构与算法。

2021-07-12 22:50:29

Caffeine 数据结构

几个优雅的 JavaScript 运算符使用技巧

新版本的ECMAScript引入了三个新的逻辑赋值运算符：空运算符，AND和OR运算符，这些运算符的出现，也是希望让我们的代码更干净简洁，下面分享几个优雅的JavaScript运算符使用技巧。

2021-07-12 15:35:56

JavaScript 代码运算符

维护一个大型开源项目是怎样的体验？AutoKeras作者亲述心路历程

近日 AutoKeras 项目的作者讲述了自己维护大型开源项目的体验。

2021-07-12 12:56:06

开源技术项目

微软谷歌开发新API 让浏览器支持TIFF等非网络标准和docx等专有格式

援引外媒报道，微软正在和Google合作开发一套“Pickle Clipboard APIs”，用于改善 Chrome 和 Edge 浏览器的默认剪贴板功能。通过全新的 API，允许用户在浏览器和本地应用程序之间轻松复制和粘贴各种复杂的数据有效载荷(文件格式)。

2021-07-12 12:16:17

API Google 微软

盘点Vector类向量中添加和删除元素常用方法

在c和c++中的动态数组一般是用指针来实现的，Vector类是实现List接口，java提供了很多的类库来方便开发人员来使用，Vector类是其中之一。

2021-07-12 11:01:15

Vector 元素方法

一篇关于Blazor 组件入门指南

lazor 应用程序是组件的组合，这些组件不仅负责呈现用户界面，还协同工作以促进用户交互。它们是 Blazor 应用程序的主要构建块，大多数 Blazor 功能都是围绕组件展开的。

2021-07-12 10:36:36

Blazor 组件入门

NameServer 核心原理解析

在日常的使用中，我们接触的最多的还是 Producer 和 Consumer，而 NameServer 没有直接跟我们有交互。就像 Kafka 集群背后用于其集群元数据管理的 Zookeeper 集群一样，NameServer 也在背后支撑着 RocketMQ 正常工作。

2021-07-12 09:45:36

NameServer 核心 Conusmer

面试官：说说对高阶组件的理解？应用场景?

在React中，高阶组件即接受一个或多个组件作为参数并且返回一个组件，本质也就是一个函数，并不是一个组件。

2021-07-12 08:35:24

组件应用场景

你有考虑过Defer Close() 的风险吗

作为一名 Gopher，我们很容易形成一个编程惯例：每当有一个实现了 io.Closer 接口的对象 x 时，在得到对象并检查错误之后，会立即使用 defer x.Close() 以保证函数返回时 x 对象的关闭。以下给出两个惯用写法例子。 HTTP 请求

2021-07-12 07:59:05

对象接口编程

巧妙的运用责任链模式，让你的代码高出一个逼格！

什么是责任链模式?(Chain of Responsibility Pattern)，简单的说，为请求者和接受者之间创建一条对象处理链路，避免请求发送者与接收者耦合在一起!

2021-07-12 07:08:54

责任链模式对象

OAuth 2.0只是授权协议，OIDC才是认证授权协议

。OIDC是OAuth 2.0的一个扩展协议。它为什么要扩展OAuth 2.0?在搞清楚这个问题之前我们需要再回顾一下OAuth 2.0协议。

2021-07-12 07:08:53

OAuth 2.0 授权协议

你怎么可以不了解 AST 呢？

我们编写业务代码的时候，可能很少人会使用到AST，以至于大多数同学都不大了解AST。本文将通过以下几个方面对AST进行学习。

2021-07-12 07:01:39

AST 前端 abstract sy

讲讲在Libuv中使用Io_Uring

git clone https://github.com/axboe/liburing.git。执行./configure && make -j2 && sudo make install（make j2开启两个线程编译，根据自己的核数定）。

2021-07-11 23:25:29

Libuv epoll 文件

聊聊前端领域那些“门面”

门面模式（Facade）是 23 种经典设计模式之一，也叫外观模式，是通过在客户端和子系统之间引入一个中间层，将内部复杂度隐藏，暴露出一个简单易用的接口。

2021-07-11 06:46:17

前端设计模式

Node 第二弹：Node 服务端应用路由解析

大家好，我是山月。在上篇文章介绍了 HTTP 报文及简单的服务端框架要素，如如何接受请求参数等。这篇文章介绍另一个常见的主题：路由。

2021-07-11 06:43:29

服务端 Node 路由

Netty源码之Reactor模式

每个新连接创建一个线程来处理。对于长连接服务，如果一个client和server保持一个连接的话，有多少个client接入，server就需要创建同等的线程来处理。线程上下文切换，数据同步和内存消耗，对server来说，将是非常大的开销。

2021-07-10 08:04:07

Reactor 模式 Netty

编写自己的js运行时第二篇

第一版基于V8实现了一个朴素版的服务器，第二版支持了多进程架构，并且支持了SO_REUSEPORT。本文介绍一下第二版的一些实现，设计上还是比较随意的，目前主要关注功能。

2021-07-10 07:39:38

Objc_MsgSend 消息快速查找之Cache 查找

根据不同架构找到 buckets 中 sel 对应的 index，p10 = buckets，p11 = mask / _bucketsAndMaybeMask(arm64_64 是 _bucketsAndMaybeMask)，p12 = index。

2021-07-09 19:04:55

Cache 查找消息

文件上传，搞懂这8种场景就够了

在日常工作中，文件上传是一个很常见的功能。在项目开发过程中，我们通常都会使用一些成熟的上传组件来实现对应的功能。一般来说，成熟的上传组件不仅会提供漂亮 UI 或好的交互体验，而且还会提供多种不同的上传方式，以满足不同的场景需求。

2021-07-09 17:17:09

文件场景内核

Kotlin 启用新 Logo 你喜欢哪个？

Kotlin 官方博客公布了启用新 Logo 的消息。公告写道，虽然 Kotlin 已诞生许久，但在视觉风格方面却一直没有体现一致性。团队希望为 Kotlin 创建一个体现出稳固形象、具有图标性并且辨识度高的品牌 Logo，同时还具备多元性且易于使用的特点。

2021-07-09 14:26:11

Kotlin Logo 设计

Hi3516驱动开发全面详解

内核驱动是软件与硬件交互的桥梁，通过文件系统接口访问OpenHarmony内核的硬件资源，是用户与内核之间、进程与进程之间通信的一种方式。

2021-07-09 14:20:23

鸿蒙 HarmonyOS 应用

实例解析：如何开发 VSCode LSP 服务

本文介绍了 VSCode 下，开发一款基于 LSP 的语言插件所需要具备的最最基本的技能，实际开发的时候通常还会混合另一种技术：嵌入式语法 —— Embedded Languages Server ，实现复杂的多语言复合支持。

2021-07-09 13:48:45

开发 VSCode LSP

面试官：你的 Redis 怎么做读写分离的？

前几天，一个读者去面试，面试官就问了他关于Redis读写分离是怎么做的？本来脑子里也有不少知识要讲，不过猛的被面试官一问给当场干懵逼了........。

2021-07-09 10:11:34

Redis 云数据技术

想做好互联网适老化设计，先搞定这3个方面！

刷视频号、抖音你看到了你身边的父母、叔叔阿姨，甚至你的爷爷奶奶拍的视频也出现在了你的快手账号里面。

2021-07-09 10:06:50

互联网数据技术

为什么 NanoID 会取代 UUID

UUID是软件开发中最常用的通用标识符之一。在这篇文章中，我将讨论NanoID的特点，它的闪光点，以及它的局限性，让你更好地了解何时使用它。

2021-07-09 09:24:06

NanoID UUID 软件开发

图解 | 从武侠角度探究STL排序算法的奥秘

众所周知STL是借助于模板化来支撑数据结构和算法的通用化，通用化对于C++使用者来说已经很惊喜了，但是如果你看看STL开发者强大的阵容就意识到STL给我们带来的惊喜绝不会止步于通用化，强悍的性能和效率是STL的更让人惊艳的地方。

2021-07-09 09:12:40

STL 排序算法

说说对React中受控组件和非受控组件的理解？应用场景？

如果想要解除被控制，可以为input标签设置onChange事件，输入的时候触发事件函数，在函数内部实现state的更新，从而导致input框的内容页发现改变。

2021-07-09 08:33:35

React 组件受控

Spring-Context注解源码之@EventListener

EventListenerMethodProcessor的processBean方法中，会遍历已经注册的所有的bean，找到包含有被 @EventListener 标注的方法。这些方法会被遍历已经创建的 EventListenerFactory 找到合适的工厂来生成 applicationListener，并将 applicationListener 注册到容器的事件监听器列表。

2021-07-09 07:52:34

Spring Context EventListen

基于代码实操SpringBoot、Redis、LUA秒杀系统

本文主要目的还是用代码实现一下防止商品超卖的功能，所以像制定秒杀计划，展示商品等功能就不着重写了。

2021-07-09 07:21:40

SpringBoot Redis LUA

Springboot注册Servlet几种方式你都知道？内部实现原理解析

本篇介绍在Springboot环境下Servlet如何被注册到Servlet容器中。这动态注册Servlet的相关API都是在Servlet3.0规范中才有的。

2021-07-09 07:00:27

Springboot Servlet 容器

为什么数组的下标从 0 开始？

数组是一组连续内存空间存储的具有相同类型的数据，整个排列像一条线一样，是一种线性表数据结构。

2021-07-09 06:48:29

数组存储内存

分布式部署那些事

提到分布式，一定就会涉及到集中式，相比于集中式，分布式说明存在很多个节点，各个节点彼此协同工作。

2021-07-09 05:49:53

分布式代码算法

从No.js看Node.js原理

本文通过实现一个类Node.js的JS运行时No.js，去理解Node.js的本质。No.js是我之前写的一个JS运行时，概念上是这么说，但是它算不上真正的运行时，它只是个demo，但是它让你看到如果你有兴趣，你也可以写个Node.js。

2021-07-09 00:24:10

No.js Node.js 原理

一日一技：前端与后端都是怎么读写 Cookies 的？

无论使用前端方式还是后端方式，你都可以通过在 Cookies 里面储存一些信息，来实现某些开关或者记录一些信息。

2021-07-08 21:49:13

前端后端 Cookies

Jmh基准测试，看我怎么用它来测试Mongodb的数据加载性能

最近我们这边引入了mongodb，不过没有实际上测试过性能如何，只是听说读写比mysql快，你今天没有什么排期，测试一下，然后今天内给我个答案吧!

2021-07-08 14:59:05

JMH Mongodb 数据

有了这个开源项目，小白也能搭建电商系统

今天，笔者要和大家分享一个快速发展的开源电子商务平台——Saleor，基于Python和Django开发。根据创建者介绍，最新的重大更新引入了一个由 GraphQL API 驱动，前端模块化使用React和Typescript。

2021-07-08 11:47:02

Saleor 开源电子商务平台

设计模式系列之观察者模式

观察者模式是一种行为设计模式，允许你定义一种订阅机制，可在对象事件发生时通知多个 “观察” 该对象的其他对象。

2021-07-08 11:28:43

观察者模式设计

一文彻底搞懂 DvaJS 原理

dva 首先是一个基于redux[1]和redux-saga[2]的数据流方案，然后为了简化开发体验，dva 还额外内置了react-router[3]和fetch[4]，所以也可以理解为一个轻量级的应用框架。

2021-07-08 10:08:03

DvaJS 前端 Dva

盘点LinkedList集合和LinkedList中定义的方法

LinkedList类是集合新增元素和删除元素效率比较好，该集合的里面维护一个双向循环的链表，链表中它的每一个元素可以引用方式记下前一个元素和后一个元素，把所有的元素连接起来就可以了。

2021-07-08 10:00:59

LinkedLis 集合定义

YouTube 推荐算法被曝倾向于潜在有害视频

Mozilla 的一项调查发现，YouTube 的推荐算法倾向于向用户推荐有问题的视频，包括仇恨言论、错误的政治和科学信息以及其他可能违反 YouTube 社区准则的内容。

2021-07-08 10:00:22

YouTube 推荐算法 Mozilla

干了这么些年程序员，这7种软件架构模式必须得掌握了

架构模式是对给定上下文的软件架构中常见问题的一种通用的可复用的解决方案。

2021-07-08 09:57:14

程序员架构开发

深入探究Node | （5）“Buffer与乱码的故事” 有十问

在Node中，应用需要处理网络协议、操作数据库、处理图片、接收上传文件等，在网络流和文件的操作中，还要处理大量二进制数据，JavaScript自有的字符串远远不能满足这些需求，于是Buffer对象应运而生。

2021-07-08 09:48:01

Node Buffer 乱码

一篇带给你 webpack 优秀实践

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西。

2021-07-08 07:30:13

Webpack 前端 Tree shakin

ES不香吗，为啥还要ClickHouse？

Elasticsearch 是一个实时的分布式搜索分析引擎，它的底层是构建在 Lucene 之上的。简单来说是通过扩展 Lucene 的搜索能力，使其具有分布式的功能。

2021-07-08 06:52:41

ES ClickHouse Lucene

上一页 1 ··· 115 116 117 118 119 ··· 403 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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