51CTO首页
AI.x社区
博客
学堂
精品班
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
AIGC创新中国行
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术2024年软考PMP项目管理软考资讯
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO题库小程序
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
账号设置 退出

前端

2.5w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.5w 条
深入浅出Spring架构设计
为什么需要Spring? 什么是Spring?对于这样的问题，大部分人都是处于一种朦朦胧胧的状态，说的出来，但又不是完全说的出来，今天我们就以架构设计的角度尝试解开Spring的神秘面纱。

2022-01-12 08:54:52

Spring编程架构设计
TIOBE 1月编程语言排行榜出炉：Python蝉联冠军，C和Java分列二三 原创
根据 TIOBE 公布的最新一期编程语言排行榜，Python 荣获 2021 年度编程语言称号，第二名和第三名则分别由 C 和 Java 占据。

2022-01-12 07:55:00

PythonCJAVA
前端性能优化笔记之首屏时间采集指标的具体方法
通常，我们在开发环境中进行首屏时间测试，是通过在内网中通过Chrome DevTools观察首屏时间，这样内外网络环境存在差异，导致测量的首屏时间也会有所不同。

2022-01-12 07:48:18

首屏前端性能
Sentry 开发者贡献指南-Feature Flag
功能 flag 在 Sentry 的代码库中声明。对于自托管用户，这些标志然后通过 sentry.conf.py 进行配置。对于 Sentry 的 SaaS 部署，Flagr 用于在生产中配置标志。

2022-01-11 20:42:54

开发Sentry标志
在 Css 图层分析这方面，Chrome Devtools 属实不太行
我们通过 html、css 描述页面，浏览器会解析然后一帧帧渲染，通过 js 改变 dom 后，浏览器会重新计算布局信息然后渲染。

2022-01-11 20:42:28

CSS Chrome浏览器
CSS in JS 新秀：Vanilla-Extract 浅析
2021年，vanilla-extract 作为黑马登顶了 css-in-js 满意度榜首(虽然使用率仅为1%)，号称是一个类型安全、高度兼容 TS 场景的库，国内相关讨论还很少，稍微看了一下还挺好用的。

2022-01-11 19:29:15

CSS JS页面
删库跑路大神的一生：曾在家造炸弹被捕，原是开源创业之星
著名开源项目被作者本人删了库”这个瓜，现在是越吃越大了。

2022-01-11 17:31:19

开源技术删库
不会一致性 Hash 算法，劝你简历别写搞过负载均衡
这两天看到技术群里，有小伙伴在讨论一致性hash算法的问题，正愁没啥写的题目就来了，那就简单介绍下它的原理。

2022-01-11 17:23:51

算法负载均衡Hash
使用 Node-Config 在 Node.Js 中创建配置文件
Node-config允许你在你的Node应用程序中为不同的部署环境创建配置文件。有了它，你可以定义一个你打算跨环境重复使用的默认配置文件，然后将默认配置扩展到其他环境，如开发、暂存等。

2022-01-11 17:23:12

配置Node.jsNode
快点上车，前端异步编程发车了
异步编程允许我们在执行一个长时间任务的时候，程序不用进行等待就可以继续执行后面的代码，直到任务完成后再以回调函数(callback)的方式回头通知你,这种编程模式避免了程序的阻塞，提高了效率，它适用于那些网络请求或者数据库操作的应用。

2022-01-11 16:54:16

异步编程方式
聊一聊六个JavaScript图表库
作为一名前端 Web 开发人员，能够像制作漂亮的交互式网页一样多地可视化数据是一项很棒的技能。这些 JavaScript 库使这项任务变得更容易，因为开发人员不必忍受语言语法的变化就可以将这些神奇的数字转换为易于理解的图表。

2022-01-11 15:44:15

JavaScript图表库数据
前端监控 SDK 的一些技术要点原理分析
本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下。

2022-01-11 14:25:46

前端监控SDK
表驱动法，逻辑控制优化利器
对简单的情况而言，使用逻辑语句更为容易和直白，但随着逻辑链的越来越复杂，查表法也就愈发显得更具有吸引力。

2022-01-11 11:15:54

优化逻辑控制
为什么不推荐Docker文件挂载？
今天群里小伙伴发了一个疑问，它通过docker启动了个nginx，nginx的一些相关配置文件都是通过文件的方式进行映射的，疑问的点在于，在宿主机上修改了文件，为什么对应映射到容器里面的文件内容没有改变?

2022-01-11 10:29:32

Docker文件挂载
斯坦福最新突破：用光量子进行逻辑门计算超级简单！
今天的很多量子计算机建造起来很复杂，很难扩大规模，并且需要比星际空间更冷的温度才能运行。

2022-01-11 10:22:26

量子计算芯片超算
10年码龄的老外码农酒后吐槽，该说的不该说的全说了
今天是有点儿高了，跟老铁们吐一下槽。有一天我会后悔吗?嗯，只有上帝知道!区区不才，这是在下，工作10年的奇葩总结。

2022-01-11 10:11:14

码农工程师老板
DP入门之不同的二叉搜索树！
关于什么是二叉搜索树，我们之前在讲解二叉树专题的时候已经详细讲解过了，也可以看看这篇二叉树：二叉搜索树登场!再回顾一波。

2022-01-11 10:01:25

二叉搜索树数量
深入浅出谈 CSS 动画
本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。

2022-01-11 07:52:22

CSS 技巧代码重构
面试突击：方法重写和方法重载有什么区别？
方法重写(Override)和方法重载(Overload)都是面向对象编程中，多态特性的不同体现，但二者本身并无关联，它们的区别犹如马德华之于刘德华的区别，除了名字长得像之外，其他的都不像。

2022-01-11 06:53:23

面试重写重载
分享十个日常使用的脚本，你会了吗？
作为程序员，每天都很多问题需要编码来解决，有些问题仅通过 Python 的标准库并不能轻松解决，本文今天分享一些高频问题的解决方案，可以作为一个手边的工具箱，你可以先收藏备用。

2022-01-11 06:53:23

脚本编码Python
Node.js代码不到50行，实现稀土掘金社区自动签到
我们这里采用的技术栈是Node.js。你需要改动这两行代码，严格来说，你仅仅需要改动一行。为什么呢?下面听我道来。

2022-01-10 22:52:47

代码Node.js签到
拒绝白嫖，开源项目作者删库跑路，数千个应用程序无限输出乱码
Marak Squires 向 colors.js 提交了恶意代码，添加了一个「a new American flag module」，然后将其发布到了 GitHub 和 npm。

2022-01-10 15:58:03

开源技术 软件
鸿蒙轻内核M核源码分析系列之Musl LibC
LiteOS-M内核LibC实现有2种，可以根据需求进行二选一，分别是musl libC和newlibc。本文先学习下Musl LibC的实现代码。文中所涉及的源码，均可以在开源站点。

2022-01-10 15:31:44

鸿蒙HarmonyOS应用
通过 Chrome Devtools 的 Memory 工具证明 string 的内存分配方式
Chrome Devtools 提供了 Memory 工具用于分析内存，包括 Snapshot、TimeLine、Sample 三种工具。

2022-01-10 13:27:11

Chrome DevtMemory内存分配
以淘宝店铺为例，谈谈 TypeScript ESLint 规则集考量
通过这篇文章，你会了解到在制定规则时我们考虑的是什么，对于 TypeScript 代码进行约束的思考，以及如何在自己的团队内推广这一套规则。

2022-01-10 12:23:00

TypeScript ESLint前端
SpringBoot整合分布式消息平台Pulsar
从 SpringBoot 整合 Java 客户端使用来看，Pulsar 的 api 是非常友好的，使用起来方便简洁。Consumer 的使用需要考虑多一些，需要考虑到批量、异步以及订阅类型。

2022-01-10 11:58:51

SpringBootPulsar分布式
聊聊DP入门之整数拆分！
给定一个正整数 n，将其拆分为至少两个正整数的和，并使这些整数的乘积最大化。返回你可以获得的最大乘积。

2022-01-10 11:28:55

数据结构算法DP入门
面试官：请手写一个简易的单链表
我现在有点明白了，在面试过程中面试官有时会让我们手写代码，其实主要是考验大家的基本功，更是通过大众都熟悉的领域来考核大家的体系化思维与应对思路。

2022-01-10 11:04:41

单链表面试编程
Ruby 类型检查器 Sorbet 推出开源的 VS Code 扩展
Sorbet 是由网络支付公司 Stripe 开发的一个专为 Ruby 设计的类型检查器，与 Ruby 100% 兼容。它旨在轻松地将渐进类型添加到现有代码库中，并快速响应错误和建议。

2022-01-10 10:48:34

SorbetVS CodeRuby
一次内核问题引起的 Kubernetes 节点故障解决纪实
在线上环境中的某个应用出现了接口缓慢的问题!!就凭这个现象, 能列出来的原因数不胜数. 本篇博客主要叙述一下几次排查以及最后如何确定原因的过程, 可能不一定适用于其他集群, 就当是提供一个参考吧.

2022-01-10 10:26:30

Kubernetes抓包环境
记一次异步处理导致Jetty Request对象泄漏
最近排查一个bug，发现了一系列有意思的东西，对「自定义线程池」、「Jetty线程模型」都有了一些新的认识。

2022-01-10 09:31:17

Jetty异步处理seriesbaid
腾讯研发出新招，从此动画制作就用PAG
目前业界常用的动画工作流解决方案有Lottie和SVGA，都可以将Adobe After Effects(简称AE)制作的动画导出成一个文件，在终端APP中加载渲染使用，在一定程度上提升了动画开发上线的效率。

2022-01-10 08:53:46

PAG腾讯动画制作
前端性能优化之从URL输入到页面加载过程分析
在页面加载到最终渲染显示大致是这样的：用户在浏览器输入URL回车后，浏览器为了将URL解析成IP地址，会向DNS服务器发起DNS查询，获取IP地址。

2022-01-10 08:50:13

URL前端页面
从框架作者角度聊：React调度算法的迭代过程
在render过程中，如果又触发交互流程，步骤2又选出一个更高优先级，则之前的render中断，以新的优先级重新开始render。

2022-01-10 08:31:29

React组件前端
聊聊异地多活实践与设计思考点归纳
在异地多活项目整体推过程中的一些注意事项和设计点归纳和整理，抛砖引玉，其中一些点还有待深入探讨和优化。

2022-01-10 08:17:40

异地设计实践
拉取 Binlog，自动数据同步，老板要给涨工资....
Canal，译意为水道/管道/沟渠，主要用途是基于 MySQL 数据库增量日志解析，提供增量数据订阅和消费。

2022-01-10 06:53:00

自动数据MySQL
提高JavaScript性能技巧，以获得更快的网站
在开发应用程序时，性能是最重要的问题之一，所有软件开发人员都应该监控和改进应用程序每一层的性能。从数据库到服务器端语言，出现性能问题的时候很多，前端当然也不例外。 接下来，让我们看看如何通过七个实用技巧提高 JavaScript 代码的性能。 1. 删除未使用的 JavaScript 代码 提高 JavaScript 性能的一种可靠方法就是减少它。 无情地删除未使用的代码。 如果你检测到给定的函数已过时，请将其删除，这将缩短下载时间，因为文件大小将减小，浏览器将花费更少的时间来分析代码。 2.使用Gzip压缩 想象一下，如果不是

2022-01-09 23:06:39

JavaScript
Sentry 企业级数据安全解决方案 - Relay 操作指南
本篇回顾了我们在自托管外部使用 Relay 时的操作指南，即在您的硬件上运行的 Relay 并将事件转发到 sentry.io。

2022-01-09 21:46:22

安全数据Sentry
用规则引擎让你一天上线十个需求
如果是本号老读者，可能知道我是做数据系统的，作为一个在线数据服务组，我们这边承接的需求是小而多的。我在一家打车公司上班，运营大佬们认为不同用户在不同场景下有不同打车需求，设计出来很多子品类。

2022-01-09 17:35:06

引擎规则数据
前端性能优化笔记：性能优化体系与关键指标设定
本篇文章只是作为《前端性能优化笔记系列》文章的开篇，引导读者对于性能优化体系有个更好的认知，了解相关的指标和指标，因为学习性能优化。

2022-01-09 16:45:36

前端性能优化编程
手把手教你拦截系统调用
系统调用 是内核提供给应用程序使用的功能函数，由于应用程序一般运行在 用户态，处于用户态的进程有诸多限制(如不能进行 I/O 操作)，所以有些功能必须由内核代劳完成。

2022-01-08 20:04:20

拦截系统调用
Sentry 企业级数据安全解决方案 - Relay 项目配置
在 static 或 proxy 模式下运行 Relay 时，您可以在文件系统上配置项目设置。 Static 项目配置位于 Relay 配置目录的 projects 子目录下，默认位于 .relay/projects。

2022-01-08 15:08:17

项目配置Sentry
确保JavaScript 安全的五大做法
如果你运行交互式网站或应用程序，JavaScript 安全性是重中之重。 从程序错误和不安全的用户输入到恶意攻击，有很多事情可能会出错。

2022-01-07 23:00:49

JavaScript安全工具
在 OpenHarmony 开发板上运行 WasmEdge
WasmEdge 目前已经支持了 Linux、macOS、Windows 与 实时操作系统 seL4。添加 OpenHarmony 的支持，将丰富 WasmEdge 的生态。

2022-01-07 21:11:27

鸿蒙HarmonyOS应用
用 HTTP 提交数据，基本就这五种方式
网页开发中，向服务端提交数据是一个基本功能，工作中会大量用 xhr/fetch 的 api 或者 axios 这种封装了一层的库来做。

2022-01-07 18:53:51

元素服务端数据
从人工智能到EDA，2022年软件开发都有哪些趋势？ 译文
随着企业纷纷转向数字化的模式和服务，开发团队承受的压力也在加大。开发人员不仅需要保证为客户带来动态性和预期性的体验，还需要新技术来开发数字化转型所需的新功能。

2022-01-07 17:49:24

云开发DevOps微服务
Visual Studio 2022 17.1 Preview 2发布：带来Git、C++和.NET增强功能
微软刚刚放出了 Visual Studio 2022 17.1 的第二个预览版本，首先是能够更轻松地在并排视图中，比对当前 Git 和其它分支。

2022-01-07 10:25:14

开发Visual Stud代码
OpenHarmony3.0上采用ets开发HAP控制LED灯
OpenHarmony3.0采用了方舟开发框架arkUI，支持了基于TS扩展的声明式开发范式eTS，本文使用ets开发语言，构造一个应用程序，实现通过上层HAP控制底层LED灯的亮与灭。

2022-01-07 09:56:16

鸿蒙HarmonyOS应用
STM32编程中枚举和结构体的结合
结构体，通俗讲就像是打包封装，把一些有共同特征(比如同属于某一类事物的属性，往往是某种业务相关属性的聚合)的变量封装在内部，通过一定方法访问修改内部变量。

2022-01-07 08:24:13

STM32枚举结构体
五个Node.js开发的优秀实践 译文
Node.js在全球开发者中非常流行，这种趋势极大地改变了Web开发的面貌。可以说，Node.js在实时Web应用开发中无所不能。使用这种技术并不难，懂得如何更好地构建代码结构，在开发过程中解决遇到的困难和错误，是你真正应该去做的事情。

2022-01-07 08:00:00

Node.js开发Web
上一页 1 ··· 182183184185186 ··· 511
点赞

51CTO技术栈公众号

业务
速览
在线客服