鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

如何提高 CSS 性能

本篇文章将涵盖CSS会导致哪些性能问题，以及如何制作不妨碍人们使用的CSS的最佳实践。

2021-07-14 14:06:06

CSS 前端浏览器

所有前端都要看的2D游戏化互动入门基础知识

现在越来越多的公司和 App 开始使用游戏化的方式去做产品了，所谓游戏化，是指在非游戏环境中将游戏的思维和游戏的机制进行整合运用，以引导用户互动和使用的方法。

2021-07-14 11:46:52

前端 2D 互动游戏

我不知道的CSS - Position

熟悉我的小伙伴可能知道，我最近回长沙工作了，由于之前大部分时间在做工具，Node.js 的开发比较多。but，现在又重新开始写了一些业务代码，发现 CSS 有很多博大精深的东西，所以，今天的文章复习一下 CSS 定位相关的东西。

2021-07-14 11:25:12

CSS Position 定位

炉火纯青，基于JDK和Cglib动态代理，实现AOP核心功能

在把 AOP 整个切面设计融合到 Spring 前，我们需要解决两个问题，包括：如何给符合规则的方法做代理，以及做完代理方法的案例后，把类的职责拆分出来。而这两个功能点的实现，都是以切面的思想进行设计和开发。

2021-07-14 11:07:56

从Jquery到Vue 一次编程思维的转换

已经很多年没有写前端代码了，我的前端水平还停留在Jquery一统天下的年代。最近想趁着假期，恶补一下前端的知识，于是就看了一下最近特别流行的Vue.js。

2021-07-14 10:39:28

Jquery Vue 编程

JavaScript 中比较对象的四种方式

手动检查对象是否相等，需要对属性值进行手动比较。尽管这类检查需要手动编码来对属性进行比较，但由于很简单，所以这种方法很方便。

2021-07-14 10:31:15

JavaScript 开发技巧

当Docker遇上IDEA ，生产力彻底炸裂了

Idea是Java开发利器，SpringBoot是Java生态中最流行的微服务框架，docker是时下最火的容器技术，那么它们结合在一起会产生什么化学反应呢？

2021-07-14 10:14:25

Docker IDEA 开发

架构上如何设计领域模型和数据模型？

扪心自问，你有多久没有画数据模型和领域模型了？借鉴DDD(领域驱动设计)的一些设计原则，我觉得有必要花时间认真明晰这两个概念，帮助大家在工作中，更好的做设计决策。

2021-07-14 10:09:05

架构模型数据

一篇了解责任链模式

定义一条加工链，请求发起者发起请求(原料)，请求(原料)通过这条加工链进行一步步的处理后。输出最终的产品产出。

2021-07-14 10:08:30

责任链模式加工链

依赖 Jar 没有传递，导致找不到类文件而启动失败了

在一顿噼里啪啦之后，代码写完，Junit 测试完毕、接口文档 Upload 到 YApi 完毕。果断发布 dev 环境!

2021-07-14 09:36:09

Jar 类文件 Docker

面试官：说说React中引入Css的方式有哪几种？区别？

将css文件作为一个模块引入，这个模块中的所有css，只作用于当前组件。不会影响当前组件的后代组件。

2021-07-14 08:00:13

react Css 模块

分形之城：递归超典型例题，还没明白？手把手画给你看！

当城区规模扩大之后，Fractal 的解决方案是把和原来城区结构一样的区域按照图中的方式建设在城市周围，提升城市的等级。

2021-07-14 07:21:57

递归区域格式

Springboot整合百度开源分布式ID生成器UIDGenerator

UidGenerator是Java实现的, 基于Snowflake算法的唯一ID生成器。UidGenerator以组件形式工作在应用项目中, 支持自定义workerId位数和初始化策略, 从而适用于docker等虚拟化环境下实例自动重启、漂移等场景。

2021-07-14 07:17:37

Springboot 分布式 UIDGenerato

关于二叉树，你该了解这些......

说道二叉树，大家对于二叉树其实都很熟悉了，本文呢我也不想教科书式的把二叉树的基础内容在啰嗦一遍，所以一下我讲的都是一些比较重点的内容。

2021-07-13 14:03:24

二叉树满二叉树完全二叉树

如何结合 Core Data 和 SwiftUI

SwiftUI 和 Core Data 之间相差将近十年 —— SwiftUI 随着 iOS 13 面世而 Core Data 则是 iPhoneOS 3 的产物;很久以前，它还没有被称为 iOS，因为 iPad 尚未发布。尽管时间相距遥远，Apple 还是投入了大量工作以确保这两种强大的技术能够完美地相互配合使用，这意味着 Core Data 就像始终以这种方式设计一样，已集成到 SwiftUI 中。

2021-07-13 12:20:40

Core Data SwiftUI iOS

顺序消息的实现-RocketMQ知识体系(五）

顺序消息(FIFO 消息)是 MQ 提供的一种严格按照顺序进行发布和消费的消息类型。顺序消息由两个部分组成：顺序发布和顺序消费。

2021-07-13 11:52:47

顺序消息 RocketMQ kafka

二叉树的递归遍历，套路都在这里

本篇将介绍前后中序的递归写法，一些同学可能会感觉很简单，其实不然，我们要通过简单题目把方法论确定下来，有了方法论，后面才能应付复杂的递归。

2021-07-13 11:32:41

二叉树数据结构算法

6月份Github上热门JavaScript项目排行

6月份GitHub上最热门的JavaScript开源项目排行已经出炉啦，一起来看看吧。

2021-07-13 10:28:36

JavaScript 开发代码

Thread的Join方法原理

众所周知，「Java的锁其实本质上是对象锁」，因为我们前面调用的是thread.join()，所以这里的“锁”对象其实thread这个对象。那这里wait释放的是thread这个对象锁。

2021-07-13 10:00:01

Thread Join 方法

如何获得高并发的项目经验？

今天我们邀请了 3 名淘系技术工程师，给大家分享一些他们在高并发项目的学习实践经验&面试回答经验，希望能够对你有帮助。

2021-07-13 09:45:13

高并发项目经验

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

互联网数据技术

上一页 1 ··· 261 262 263 264 265 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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