鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

京东PLUS前端H5性能优化实践

随着移动互联网的发展，用户对产品的使用体验要求越来越高。H5 作为业务的重要载体，应用非常广泛，如何把控好 H5 的性能是一门重要的工作。因此 H5 页面性能是一个非常核心的用户体验指标。

2022-06-27 09:48:15

H5 移动互联网页面性能

携程基于 GraphQL 的前端 BFF 服务开发实践

过去两三年，携程度假前端团队一直在实践基于 GraphQL/Node.js 的 BFF (Backend for Frontend) 方案，在度假BU多端产品线中广泛落地。最终该方案不仅有效支撑前端团队面向多端开发 BFF 服务的需要，而且逐步承担更多功能，特别在性能优化等方面带来显著优势。

2022-06-27 09:36:29

携程度假 GraphQL 多端开发

十个用图表解释JavaScript 闭包的面试题

闭包是函数式编程中的核心概念之一，是每个 JavaScript 开发人员必备的知识。在这里，我准备了 10 个关于闭包的面试挑战题，这些基本都是面试中经常被问到的。

2022-06-27 09:14:34

JavaScript 闭包代码

从Go程序第一行代码，到在 K8s 上运行，要经历多少步？

本文的重点，不在于那种语言写的程序，而是先学会应用上到 K8s 的步骤，所以编程部分的演示非常简单，恨不能写一行代码就带你进入后面的 K8s 部署环节，不过要部署咱们得先有个环境，这里不需要你有啥云服务器，电脑上安装就行了。

2022-06-27 08:47:37

漫谈 CSS 方法论

BEM 全称为 Block Element Modifier，分别表示块（Block）、元素（Element）、修饰符（Modifier），它是由 Yandex 团队提出的一种 CSS 命名方法。

2022-06-27 08:47:29

BEM 修饰符元素

聊聊数据溢出的事，你明白几分？

发现这个合法的操作，能更加深入的了解无符号的加法操作。但是这种操作还是要慎重，我的测试环境是IAR7.2，建议大家使用时先测试一下，还是要谨慎的，别因为这个问题"捅了娄子"。

2022-06-27 08:31:29

数据溢出无符号

超 Nice 的表格响应式布局小技巧

仅仅使用 CSS 的话，能否实现让信息在小屏幕下得到了一种不错的展示这样一个有意思的布局呢？答案是可以的。

2022-06-27 08:21:05

面试官：哥们，Go语言互斥锁了解到什么程度了？

初看结构你可能有点懵逼，互斥锁应该是一个复杂东西，怎么就两个字段就可以实现？

2022-06-27 08:07:13

Go 语言互斥锁

妙啊！超酷炫的气泡效果

同一个动画，我们利用一定范围内随机的 animation-duration 和一定范围内随机的 animation-delay，可以有效的构建更为随机的动画效果，让动画更加的自然。

2022-06-27 08:01:55

动画 CSS 前端

深入理解 Happens-Before 原则

happens-before 指的是 Java 内存模型中两项操作的顺序关系。例如说操作 A 先于操作 B，也就是说操作 A 发生在操作 B 之前，操作 A 产生的影响能够被操作 B 观察到。这里的「影响」包括：内存中共享变量的值、发送了消息、调用了方法等。

2022-06-27 08:01:45

Java 内存模型

无代码软件发展简史及未来趋势译文

如今，越来越多的非程序员在构建软件。

2022-06-27 08:00:00

无代码软件编程程序员

为什么 insert 配置 "SELECT LAST_INSERT_ID()" 返回个0呢？

很多类似这样的技术问题，都是来自于小傅哥对源码的学习，最开始是遇到问题的时候去翻看源码，虽然很多时候也很难把整个逻辑捋顺，但一点点的积累确实会让研发人员对技术有更加夯实的认知。

2022-06-27 07:56:36

Mybatis 源码 Spring

聊一聊合并两个排序的链表

当p1节点指向null时，合并后的链表节点就为p2所指向的链表节点；当p2节点指向null时，合并后的链表节点就为p1所指向的链表节点。

2022-06-27 07:50:16

链表节点测试

用了那么久的 Java For 循环，你知道哪种方式效率最高吗？

至于为什么在大数据量的情况下 forEach 的效率要比 for 低，我们就要看下 forEach 的原理了。forEach 其实不是一种新的语法，而是一种 Java 的语法糖。在编译时，编译器会将这段代码转换成迭代器实现，并编译成字节码，我们可以再简单的看个 case，来实际看下字节码信息。

2022-06-27 07:32:00

Java ArrayList 语法糖

React团队最近都在忙啥呢？

在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。

2022-06-27 07:23:20

Java开发的九大工作领域

Java语言简单易用、安全可靠，主要面向Internet编程，具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。

2022-06-26 23:31:17

Java 开发语言

Go 语言错误处理为什么更推荐使用 Pkg/Errors 三方库？

本文我们讲述了使用 Go 标准库 errors 进行错误处理的局限性和不足，为了解决它的不足，我们介绍了使用三方库 pkg/errors 替换 Go 标准库 errors，和三方库 pkg/errors 的几个常用方法的使用方式。

2022-06-26 23:03:14

Go 标准库语言

一日一技：二分偏左，二分搜索在分布式系统里面也有用？

假设现在你有10个Redis的单节点用来做分布式缓存。因为某种原因，你不能做集群。当你要搜索一个数据的时候，你要先确定这个数据在不在Redis中。如果在，就直接从Redis中读取数据；如果不在，就先去数据库里面读取，然后缓存到Redis中。

2022-06-26 00:29:26

分布式系统 Redis

一文详解｜增长那些事儿原创精选

判断一个事物是否在增长需要一个外部的参考系，比如判断一个企业是否增长，会判断他在同行里处于怎样的水平，如果远低于同行的其他企业，这样的企业很容易被淘汰。如果远高于同行的其他企业，他将获得越来越多的资源。

2022-06-26 00:18:05

企业产品化变量

手写 Vue3 响应式系统：实现 Computed

我们通过标记是否 dirty 来实现缓存，当 sheduler 执行的时候，说明数据变了，把 dirty 置为 true，重新计算 computed 的值，否则直接拿缓存。

2022-06-26 00:00:02

Vue3 响应式系统

开发一个禁止删除 Namespace 的控制器

准入控制器（Admission Controller）位于 API Server 中，在对象被持久化之前，准入控制器拦截对 API Server 的请求，一般用来做身份验证和授权。其中包含两个特殊的控制器：MutatingAdmissionWebhook 和 ValidatingAdmissionWebhook。

2022-06-26 00:00:01

Namespace 控制器 API

2022 年有哪些流行的技术？

2022 年 6 月 22 日，Stack Overflow 发布了2022 年开发者调查报告。来自 180 个国家/地区的 73,000 多名开发人员回答了这份调查问卷。该报告包含了开发者简介、技术、工作、社区等方面的内容。

2022-06-26 00:00:00

技术开发者编程语言

Web1.0到Web3.0，互联网是如何演进的？译文

万维网是数十亿人用来发布信息、阅读和创造信息，以及通过互联网与他人联系的关键工具。

2022-06-24 17:26:52

EcmaScript 2022 正式发布，有哪些新特性？

在ES2017中，引入了 async 函数和 await 关键字，以简化 Promise 的使用，但是 await 关键字只能在 async 函数内部使用。尝试在异步函数之外使用 await 就会报错：SyntaxError - SyntaxError: await is only valid in async function。

2022-06-24 08:33:13

ECMAScript javaScript

CSS 伪类没有生效？探索 content 属性！

CSS 的 content CSS 属性用于在元素的 ::before 和 ::after 伪元素中插入内容。使用 content 属性插入的内容都是匿名的可替换元素。

2022-06-24 08:01:07

CSS content 元素

一文搞定常考Vue-Router知识点

history模式的url中没有#，看起来也比hash模式更美观，本质是通过传统的路由分发模式，即用户输入一个url时，服务器会接收请求并解析这个URL，然后做出相应的逻辑处理。

2022-06-24 07:15:53

Vue history 模式

code-review之前端代码优化汇总

本文主要针对一些 JavaScript 进行优化，使之更加健壮，可读性更强，更以维护。

2022-06-23 09:57:01

code-revie 前端代码

七个让我们成为更好 Vue 开发者的技巧

在这篇文章中，我将与你分享7个关于Vue3的技巧，希望对你有帮助。

2022-06-23 09:22:57

Vue 技巧前端

效率宝典：10个超实用的React Hooks库

React Use 是一个必不可少的 React Hooks 集合。其包含了传感器、用户界面、动画效果、副作用、生命周期、状态这六大类的Hooks。

2022-06-23 09:04:14

React Hooks 项目

如何结合使用HTML与Htmx并减少JavaScript代码量译文

本文将介绍Htmx以及它如何帮助用户在服务器上重用元素、减少JavaScript代码量，并避免构建。

2022-06-23 09:00:00

JavaScript HTML 应用程序

通过这两个 Hook 回顾 Set/Map 基础知识

ES6 中的 Map 和 Set 两种数据结构，弥补了 JavaScript 之前的一些不足，比如 Object 对象只能是 string 或者 Symbol 类型。另外，提供了某些情况下更便捷的操作方式，比如数组去重，我们可以直接 new Set([...arr])。

2022-06-23 08:01:48

Flask-SocketIO 简单使用指南

如果使用多个进程，则进程使用消息队列服务来协调诸如广播之类的操作。支持的队列是 Redis，RabbitMQ以及 Kombu 软件包支持的任何其他消息队列。

2022-06-23 08:01:36

Flask SocketIO Swift

如何在 Python 中使用 DateTime

在 Python 中，任何与日期和时间有关的事情都由 datetime 模块处理，它将模块进一步分为 5 个不同的类。类只是与对象相对应的数据类型。下图总结了 Python 中的 5 个日期时间类以及常用的属性和示例。

2022-06-23 08:00:53

Python DateTime 模块

如何利用OpenTelemetry识别数据库依赖关系？译文

微服务通过解决几个关键因素，可以帮助组织提高敏捷性，比如提高团队自主性、缩短上市时间、经济高效地扩展负载以及避免应用程序完全中断。

2022-06-23 08:00:00

微服务数据库数据库

手写 Vue3 响应式系统：核心就一个数据结构

不只是 Vue，状态管理库 Mobx 也是基于响应式实现的。那响应式是具体怎么实现的呢？

2022-06-23 07:46:34

Vue Mobx 系统

CSS层级小技巧！如何在滚动时自动添加头部阴影？

只有滚动以后才出现阴影。一般情况下，使用 JS 监听滚动事件动态添加类名就可以实现，不过经过我的一番尝试，发现这种效果仅仅使用 CSS 也能轻易实现。

2022-06-23 06:42:06

Node.js 子线程 Crash 问题的排查

昨天碰到了一个 worker_threads crash 的问题，最终经过阅读源码和调试找到了具体原因。不得不说，阅读源码是解决问题的非常有效的方法。

2022-06-23 06:34:56

Node.js 子线程

用 JavaScript 编写枚举的最有效方法

JavaScript 语言本身不支持枚举。如果我们想模拟枚举，我们可以使用一个对象。

2022-06-22 10:07:07

JavaScript 枚举

【爆肝面试系列】CSS 垂直居中的正确打开方式

其实垂直居中主要分为了两种类型：居中元素宽高已知和居中元素宽高未知，那么我们就结合这两种类型来一一做举例。

2022-06-22 09:06:54

CSS 垂直居中代码

从 CPU 说起，深入理解 Java 内存模型！

这篇文章我们从底层 CPU 开始讲起，一直讲到操作系统，最后讲到了编程语言层面，让大家能够一环扣一环地理解，最后明白 Java 内存模型诞生的原因（上层有数据一致性问题），以及最终要解决的问题（缓存一致性问题）。

2022-06-22 08:02:11

CPU 操作系统 Java

如何封装 Cookie/LocalStorage/SessionStorage Hook?你明白了吗？

在使用 updateState 方法的时候，开发者可以传入新的 options —— newOptions。会与 useCookieState 设置的 options 进行 merge 操作。最后除了 defaultValue 会透传给 js-cookie 的 set 方法的第三个参数。

2022-06-22 07:52:03

cookie options merge

哪种Python循环方式最快?

众所周知，Python 不是一种执行效率较高的语言。此外在任何语言中，循环都是一种非常消耗时间的操作。假如任意一种简单的单步操作耗费的时间为 1 个单位，将此操作重复执行上万次，最终耗费的时间也将增长上万倍。

2022-06-21 15:00:01

Python 语言循环方式

一个注解优雅的实现接口数据脱敏

数据脱敏有很多种实现方式，关键是哪种更加适合，哪种更加优雅.....

2022-06-21 14:44:38

接口数据脱敏

TienChin 项目中的 RBAC 是怎么玩的？

RBAC（Role-based access control）是一种以角色为基础的访问控制（Role-based access control，RBAC），它是一种较新且广为使用的权限控制机制，这种机制不是直接给用户赋予权限，而是将权限赋予角色。

2022-06-21 14:18:06

RBAC TienChin 项目

速看！2022年6月编程语言排行榜出炉

Hello，朋友们！ 6 月已过大半，最新的编程语言排行榜你看了吗？近日，TIOBE 公布了 2022 年 6 月编程语言排行榜。

2022-06-21 14:15:27

编程语言 Python PHP

编写你的第一段 JavaScript 代码

JavaScript 是为 Web 而生的，但它可以做的事远不止于此。本文将带领你了解它的基础知识，然后你可以下载我们的备忘清单，以便随时掌握详细信息。

2022-06-21 12:27:12

JavaScript 前端

使用 JavaScript 编写 Shell 脚本

Shell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。它既是一种命令语言，又是一种程序设计语言。

2022-06-21 09:26:21

Shell 脚本 JavaScript

用 Babel 和 Nodemon 搭建一个功能齐全的 Node.js 开发环境

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

2022-06-21 08:52:47

Node.js 服务端 JavaScript

如何移除你项目中99%的JS代码

FCP（First Contentful Paint，首次内容绘制）测量「页面从开始加载到页面内容的任何部分在屏幕上完成渲染的时间」。

2022-06-21 07:41:08

一日一技：使用Python翻译HTML中的文本字符串

你之所以会觉得这个问题很难解决，是因为你有一个错觉，请看上面这张截图，我打印了text_list。打印出来是一个包含字符串的列表。所以你可能会觉得。使用lxml写Xpath的时候，/text()返回的总是包含字符串的列表。

2022-06-20 19:37:59

Python 字符串 HTML

上一页 1 ··· 188 189 190 191 192 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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