鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

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

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

阿里 Seata 新版本终于解决了 TCC 模式的幂等、悬挂和空回滚问题

以传统的订单、库存、账户服务为例，在 try 阶段尝试预留资源，插入订单、扣减库存、扣减金额，这三个服务都是要提交本地事务的，这里可以把资源转入中间表。在 commit 阶段，再把 try 阶段预留的资源转入最终表。而在 cancel 阶段，把 try 阶段预留的资源进行释放，比如把账户金额返回给客户的账户。

2022-06-20 11:05:49

TCC 模式 commit

JS 从原型链到继承——图解来龙去脉

要想弄清楚原型链，我们得先把原型搞清楚，原型可以理解为是一种设计模式。

2022-06-20 09:22:55

js 原型链前端

学习 Git，看这一篇就够了！

GitLens 是一个VS Code插件，可以用来查看项目的提交记录、文件修改记录、显示每行代码的提交记录等。通过丰富的可视化和强大的比较命令获得有价值的见解。

2022-06-20 09:01:23

Git 插件项目

TypeScript 深水区：三种类型来源和三种模块语法

深入掌握 TypeScript 的话，除了学习类型定义以及类型编程，这三种类型声明的来源（lib、@types、用户目录），以及三种模块声明的方式（namespace、module、es module），还有全局类型的声明（global、reference），也都是要掌握的。

2022-06-20 08:50:16

TypeScript 类型语法

一个接口优雅的实现 Spring Cloud OAuth2 自定义token返回格式

本篇文章介绍了认证服务中对token的返回格式自定义，总的来说还是比较简单的，有兴趣的也可以去网上找找关于AOP的方式。

2022-06-20 08:37:28

接口 token AO

如何用享元模式优化系统内存？

假设文本编辑器只包含文字编辑功能，而且只记录文字和格式两部分信息，其中格式包括文字的字体型号、大小、颜色等信息。

2022-06-20 08:16:42

享元模式优化系统内存

如何让定时器在页面最小化的时候不执行？

setTimeout 和 setInterval 作为事件循环中宏任务的“两大主力”，它的执行时机不能跟我们预期一样准确的，它需要等待前面任务的执行。

2022-06-20 07:44:34

ahooks 定时器

Truncate、Delete和Drop的六大区别！你知道几个？

delete 是逐行执行的，并且在执行时会把操作日志记录下来，以备日后回滚使用，所以 delete 的执行速度是比较慢的；而 truncate 的操作是先复制一个新的表结构，再把原先的表整体删除，所以它的执行速度居中，而 drop 的执行速度最快。

2022-06-20 07:44:22

truncate delete drop

5G时代Web前端的边界拓展思考

5G对IT行业的影响是首当其冲的，那么对于Web前端开发而言，5G时代的到来会有什么影响呢？

2022-06-20 06:24:13

5G Web前端开发

秒懂 TypeScript 泛型工具类型！

而对于 Pick 工具类型来说，type 关键字用于给类型取个别名，方便重复使用，Pick 就是类型的名称。

2022-06-19 22:54:08

TypeScript 泛型工具

为什么模块循环依赖不会死循环？CommonJS和ES Module的处理有什么不同？

这篇文章会聚焦于遇到“循环引入”时，两者的处理方式有什么不同。

2022-06-18 23:10:56

前端模块循环依赖

@Transactional 竟也能解决分布式事务？

在Sharding-JDBC中明明只是简单的使用@Transactional这个本地事务注解，为什么在跨库插入数据时候却能够同时回滚？

2022-06-17 08:37:14

分布式事务分库分表

一起聊聊 Spring Profiles 的小知识

本文讲述了 Spring Profiles 的配置使用，和如果在启动的时候，选择特定的 profile 。也讲述了一些使用过程中的一些小技巧，希望对你有帮助。

2022-06-17 08:17:53

配置 profile 技巧

低代码并不意味着低风险译文精选

在过去的几年中,低代码和无代码工具以及平台在企业中兴起。2021年，Gartner魔力象限在关于低代码的报告中指出，41%的非IT从业人员使用低代码/无代码工具来定制、构建数据,或提出技术解决方案。同时Gartner预测到2025年底,将有一半的新增低代码用户来自从事非IT 行业的商业客户。

2022-06-17 08:00:00

低代码工具开发

实战讲解，原来用 SpringBoot 实现策略模式可以这么简单

本文主要围绕在 SpringBoot 引入策略模式的设计思路和实践方法进行介绍，在实际的业务开发中，合理的使用策略模式，能让代码看起来更佳清爽，业务扩展性也更佳强大，希望能帮助到大家！

2022-06-17 07:32:39

策略模式 SpringBoot

对前端来说开发一个在线文档需要啥技术？

这几年随着云的概念流行，越来越多的“云”软件代替了本地化的 APP, 例如在线设计 Figma、在线白板软件、在线 Excel、在线文档等等，非常多的应用已经“云”化，web 能力不断增强，对前端开发者来说也是一种考验，今天就带大家了解一下对前端来说开发一个在线文档需要啥技术呢？

2022-06-16 15:54:32

停止像这样使用 "Async/Await"，改用原版

Async/await API的目的是允许开发者像写同步代码一样写异步代码。因此，可以使用try...catch来捕获async/await错误。

2022-06-16 10:37:09

纯CSS就能实现可点击切换的轮播图，Feel起来很丝滑

轮播图经常会在项目里用到，但是实际上用到的轮播图都是比较简单的，没有复杂的特效，这个时候如果去引入swiper那些库的话，未免就有点杀鸡焉用牛刀了。

2022-06-16 09:55:58

上一页 1 ··· 195 196 197 198 199 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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