鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

双非一本毕业六年程序员晒出月薪，我上一年班才有他一个月的收入

近日，逛虎扑论坛的时候，看到一则帖子：“毕业六年晒一波工资，顺便谈谈六年体会”。该帖子里还附上了近几个月的薪水收入。平均收入40000+。

2021-12-15 10:35:29

互联网程序员月薪

选定对象批量织入“x.set(y.get)”代码，自动生成vo2dto

这些年从事编程开发以来，我好像发现了大部分研发那些不愿意干的事，都成就了别人。就像部署服务麻烦，有了Docker、简单CRUD不想开发，有了低代码、给方法代码加监控繁琐、有了非入侵的全链路监控。

2021-12-15 10:26:13

Docker 代码接口

软件开发架构模式浅谈：一些思考和实践记录

在由不同开发人员持续迭代、进行功能升级的软件开发活动中，如何保障具有复杂逻辑的商家经营工具的产品质量。

2021-12-15 10:05:25

软件开发技术

Web图像组件设计的优秀实践

网页中的图片处理一直是 Web 开发的一大挑战，今天跟大家来一起看看 Next.js 中的 Image 组件，我觉得这个组件的设计有很多值得借鉴的地方，可以作为图片组件设计的优秀实践。

2021-12-15 09:51:42

Web 开发数据

Webpack 实战系列一：正确使用 Sourcemap

Sourcemap 协议最初由 Google 设计并率先在 Closure Inspector 实现，它能够将经过压缩、混淆、合并的代码还原回未打包状态，帮助开发者在生产环境中精确定位问题发生的行列位置。

2021-12-15 09:21:59

Webpack 前端 Sourcemap

30个类手写Spring核心原理之依赖注入功能

在GPApplicationContext中设计两个Map：factoryBeanObjectCache保存单例对象的缓存，factoryBeanInstanceCache保存GPBeanWrapper的缓存，变量命名也和原生Spring一致，这两个对象的设计其实就是注册式单例模式的经典应用。

2021-12-15 09:17:12

Spring 依赖注入面试题

Vue3 学习笔记—Script Setup 语法糖用了才知道有多爽

script setup是 vue3 的新语法糖，并不是新增的功能模块，只是简化了以往的组合式 API 必须返回(return)的写法，并且有更好的运行时性能。

2021-12-15 08:23:42

Vue3 插件 Vue应用

Spring Cloud 中断路器 Circuit Breaker的应用

SpringCloud Circuit breaker(断路器)提供了跨不同断路器实现的抽象。它提供了在应用程序中使用的一致API，允许开发人员选择最适合应用程序需要的断路器实现。

2021-12-15 08:15:26

Spring Circuit Bre Spring Clou

分布式系统问题之时钟问题

时钟对应用而言是非常重要的，很多指标可以通过时钟来衡量。比如每秒的请求数量、平均请求时间等等，这些数据是由时间间隔 (Duration) 来表示的。另一类比如文章发表时间、缓存什么时候过期等等，这些是由时间点 (Points in Time) 来表示的。

2021-12-15 07:24:56

分布式系统时钟

Vue3源码解析计划之计算属性为什么比普通函数妙？

计算属性是Vue开发中一个非常实用的API，它允许用户自定义一个计算方法，然后根据一些依赖的响应式数据计算出新值并返回。当依赖发生变化时，计算属性会自动重新计算获取新值，使用方便。

2021-12-14 21:43:13

Vue3 函数 computed

像Vue-Router一样配置Node路由？

前后端分离后，前端童鞋会需要处理一些node层的工作，比如模板渲染、接口转发、部分业务逻辑等，比较常用的框架有koa、koa-router等。

2021-12-14 19:40:07

Node 路由 Vue

北京到上海，Three.js 旅行轨迹的可视化

最近从北京搬到了上海，开始了一段新的生活，算是人生中一个比较大的事件，于是特地用 Three.js 做了下可视化。

2021-12-14 11:44:37

可视化 Three.js 信息

TopK，玩出花来了！

TopK问题是一个非常经典的问题，在笔试和面试中出现的频率都非常非常高(从不说假话)。下面，从小小白的出发点,认为topK是求前K大的问题，一起认识下TopK吧!

2021-12-14 10:54:31

TopK 面试排序法

Stack Overflow：灵活性、薪水和学习机会是留住技术人才的三要素

Stack Overflow 最新发布的一项调查指出，虽然市场对技术人才的需求继续升温;一些主流招聘网站上相关技术职位的空缺目前也已超过了 70,000 个。但是，却有近 80% 的开发人员并没有在积极地寻找新工作。

2021-12-14 10:44:32

Stack Overf 技术职位开发人员

Deno 加入 ECMA ，共同制定 JavaScript 标准

Deno 是 Node.js 之父 Ryan Dahl 建立的公司，旨在成为现代 JavaScript 开发人员的最佳运行时，为服务器端 JavaScript 注入新生命。

2021-12-14 10:41:49

Deno ECMA JavaScript

常见消息中间件大 PK

说到消息中间件，估计大伙多多少少都能讲出来一些，ActiveMQ、RabbitMQ、RocketMQ、Kafka 等等各种以及 JMS、AMQP 等各种协议，然而这些消息中间件各自都有什么特点，我们在开发中又该选择哪种呢？

2021-12-14 10:39:12

中间件 ActiveMQ RabbitMQ

元宇宙还没捂热，Web3又是什么鬼

Web3 据说会是互联网的未来，吊诡的是，所有言必称未来的声音，都跳过了论证过程，而是直接把这个结论当作既成事实甩了出来，接着便是难懂的话

2021-12-14 10:25:59

元宇宙技术 Web

学习 27 门编程语言的长处，提升你的 Python 代码水平

本文作者是一名资深的核心开发者，他广博的视野和精准的认识，让我对 Python 的设计了解得更为全面，同时，他“利用自豪感而非恐惧感”的说法，传达出来的是“专注于自我的进步，不嫉妒他人的成功”的原则，对我也很有帮助。

2021-12-14 10:08:57

编程语言 Python Java

让我们一起学学丑数，你会了吗？

我们把只包含质因子 2、3 和 5 的数称作丑数(Ugly Number)。求按从小到大的顺序的第 n 个丑数。

2021-12-14 09:34:31

丑数顺序指针

LeetCode之整数转罗马数字

通常情况下，罗马数字中小的数字在大的数字的右边。但也存在特例，例如 4 不写做 IIII，而是 IV。数字 1 在数字 5 的左边，所表示的数等于大数 5 减小数 1 得到的数值 4 。

2021-12-14 09:01:01

LeetCode 整数罗马数字

TechOps、DevOps和NoOps在软件开发生命周期（SDLC）中的作用译文

如今，产品开发和软件部署正在不断发展，以满足对速度（不断增长的需求）、可扩展性以及提高效率（产品质量）的需求。科技公司必须不断学习并适应不断变化的需求，以尽快将可行的产品推向市场。

2021-12-14 09:00:00

IT 开发运营

30个类手写Spring核心原理之环境准备

首先需要安装IntelliJ IDEA中的Lombok插件，打开IntelliJ IDEA后单击菜单栏中的File→Settings(如下图所示)，或者使用快捷键Ctrl+Alt+S进入设置界面。

2021-12-14 07:43:52

Spring 核心原理环境准备

很多人在网络学习中存在这两个问题

对于大部分应用场景来说，计算机科学与技术这个专业在技术的占比是远远要高于科学占比的，也就是说它的技术属性更多。对于一门技术来讲，动手就是非常非常重要的。

2021-12-14 07:40:08

Py自动化办公-Word文档替换、Excel表格读取、Pdf文件生成和Email自动邮件发送实战案例

想象一下，现在你有一份Word邀请函模板，然后你有一份客户列表，上面有客户的姓名、联系方式、邮箱等基本信息，然后你的老板现在需要替换邀请函模板中的姓名，然后将Word邀请函模板生成Pdf格式，之后编辑统一的邀请话术(邮件正文)，再依次发送邀请函附件到客户邮箱，你会怎么做?

2021-12-14 07:40:08

Excel 自动化办公

前端四种渲染技术的计算机理论基础

前端可用的渲染技术有 html + css、canvas、svg、webgl，我们会综合运用这些技术来绘制页面。有没有想过这些技术有什么区别和联系，它们和图形学有什么关系呢?

2021-12-13 20:08:28

理论渲染技术

从HarmonyOS SDK根本上解决TextInput（输入框）不识别飘红的问题

该组件就是TextInput，但是大家在使用它的时候都会发现一个问题，就是IDE会飘红，但是能够编译通过并且可以在模拟器上正常运行。

2021-12-13 16:44:49

鸿蒙 HarmonyOS 应用

如何写出更优雅的 React 组件 - 设计思维篇

在 React 表单管理中有两个经常使用的术语: 受控输入和非受控输入。简单来说，受控的意思是当前组件的状态成为该表单的唯一数据源。

2021-12-13 14:37:37

React 组件前端

推翻 VS Code 的又一次尝试：JetBrains Fleet

JetBrains 是一家为开发人员提供各种集成开发环境 (IDE) 和工具的公司，已有 20 多年的历史。它具有适用于该领域几乎所有主要编程语言的专用 IDE，这些 IDE 使开发过程完美无缺，无论您的目标平台如何。

2021-12-13 11:31:38

Code JetBrains 工具

在排序数组中查找元素的第一个和最后一个位置

给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。

2021-12-13 11:31:36

排序数组数据结构算法

第四代算力革命：基于软硬件融合的超异构计算

算力，成为整个数字信息社会发展的关键。通过“东数西算”能缓解一些问题，但没有根本解决问题：当前要想提升算力，更多的是靠“摊大饼”的方式构建更加规模庞大并且低能耗的现代化数据中心。

2021-12-13 11:07:55

算力 CPU 计算

Log4j 维护者：为向后兼容没移除导致漏洞的旧功能

Apache Log4j2 近日被公开的远程代码执行漏洞在全球引起了重大影响，Apache Log4j2 是一个基于 Java 的日志组件。该组件被大量用于业务系统开发，用来记录程序输入输出的日志信息，使用极为广泛。

2021-12-13 10:58:19

Apache Log4 漏洞系统开发

HashMap的实现原理详解，看这篇就够了

一线资深java工程师明确了需要精通集合容器，尤其是今天我谈到的HashMap。HashMap在Java集合的重要性不亚于Volatile在并发编程的重要性(可见性与有序性)。

2021-12-13 10:43:45

HashMap Java 集合容器

JavaScript 26 岁了！

2021年12月5日是 JavaScript 26岁的生日，往前推算一下，JavaScript 于 1995年12月5日诞生，从诞生到现在这整整26个年头，JavaScript也多次登上最受欢迎的编程语言榜单，开发社区的规模也近 1650万。

2021-12-13 09:40:12

JavaScript 前端编程语言

JS 中变量存储在堆中还是栈中？（深入内存原理）

看到这个问题，相信大家都觉得这个题目实在基础的不能再基础了。随手百度一下，就能看到很多人说：基本类型存在栈中，引用类型存在堆中。

2021-12-13 09:26:31

JS 代码前端

面试官: 如何让localStorage支持过期时间设置?

localStorage 属性允许我们访问一个 Document 源(origin)的对象 Storage;存储的数据将保存在浏览器会话中。

2021-12-13 09:02:13

localStorag 面试前端

Spring Boot 2.6.0正式发布，循环引用终于被禁

北京时间2021年11月17日，Spring Boot 2.6.0正式发布。回忆一下上次发版还是上次，相比于2.5.0版本的打酱油，本次的升级点更猛些。

2021-12-13 08:15:01

Spring Spring Boot 开发

前端性能优化-每一个前端开发者需要知道的防抖与节流知识

防抖和节流都是应用在高频事件触发场景中，例如 scroll(滚动加载、回到顶部)、input(联想输入) 事件等。

2021-12-13 07:50:14

前端性能优化

Vue3 源码解析计划之Setup，组件渲染前的初始化过程是怎样的？

本文中主要分析了组件的初始化过程，主要包括创建组件实例和设置组件实例，通过进一步细节的深入，了解渲染上下文的代理过程，了解了Composition API中的setup 启动函数执行的时机。

2021-12-13 00:54:14

组件 Vue3 Setup

CSS TreeShking 原理揭秘：手写 PurgeCss

TreeShking 是通过静态分析的方式找出源码中不会被使用的代码进行删除，达到减小编译打包产物的代码体积的目的。

2021-12-12 21:01:12

CSS 技巧 PurgeCss

Vue3源码解析计划之组件渲染，VNode如何转为真实DOM

在VUE中，组件是一个非常重要的概念，整个应用的页面都是通过组件进行渲染实现的，但是我们在编写组件时，它们内部又是如何进行工作的呢?

2021-12-12 18:31:35

VNode 组件 Vue3

几行代码，撸了个元宇宙？！

Facebook 改名为 meta，一下子点燃了元宇宙这个概念。今天我就用 Python 实现一个简单的迷你元宇宙。代码简洁易懂，不仅可以学习 Python 知识，还能用实践理解元宇宙的概念。

2021-12-12 18:18:15

代码元宇宙 Python

就这？Redis持久化策略——AOF

今天为大家介绍Redis的另一种持久化策略——AOF。注意：AOF文件只会记录Redis的写操作命令，因为读命令对数据的恢复没有任何意义

2021-12-12 10:29:41

AOF Redis AOF日志

Linkerd Service Mesh 服务配置文件规范

服务配置文件为 Linkerd 提供有关服务的附加信息。以下是可以使用服务配置文件完成的所有操作的参考。

2021-12-11 22:21:00

服务配置文件

Javascript的JSON.stringify()知多少？

本篇文章就将详细谈谈JSON.stringify，并将带着你进行自己手写一个JSON.stringify，站在全局考察自己对于各种数据类型理解的深度，和各种极端的边界情况的处理能力。

2021-12-11 18:59:35

Javascript JSON 应用

手把手教你从0开始设计指标体系

我们系统的所有功能都是为用户服务的，那么在设计指标的过程中，用户对于某功能是否愿意使用与使用是否频繁等情况，其实就反映了用户对于该系统模块是否接纳，因此我们可以通过各个模块中功能的触发情况来定义指标。

2021-12-10 18:19:55

指标体系设计

聊聊 Linkerd Service Mesh 授权策略 (Server & ServerAuthorization)

Server 和 ServerAuthorization 是 Linkerd 中的两种策略资源，用于控制对 mesh 应用程序的入站访问。

2021-12-10 18:19:14

授权 Linkerd 策略

HarmonyOS Sample之JavaDistributeAuthDemo分布式身份认证功能

相信大部分关注HarmonyOS的人来说，对于HarmonyOS的特性都有一定的了解了，从官网我们可以看到一些关键的提炼：“统一OS，弹性部署”，“硬件互助，资源共享”，“一次开发，多端部署”。

2021-12-10 15:06:56

鸿蒙 HarmonyOS 应用

数据结构与算法之单调递增的数字

本题只要想清楚个例，例如98，一旦出现strNum[i - 1] > strNum[i]的情况(非单调递增)，首先想让strNum[i - 1]减一，strNum[i]赋值9，这样这个整数就是89。就可以很自然想到对应的贪心解法了。

2021-12-10 11:27:59

数据结构算法单调递增的数字

带你了解在线客服系统

在线客服，通常我们说这个基本都是指IM客服(区分于电话客服等)。“客服”表示了系统的使用人群或系统功能，“在线”说明了交互方式。

2021-12-10 10:29:07

在线客服系统

HarmonyOS 项目实战之通讯录Demo(JS)

通讯录demo主要分为联系人界面、设置紧急联系人、服务卡片3个模块，分为Java和JS两个版本，本篇主要讲解用尽可能的用纯JS去实现，实在无法实现的地方采用JS与Java结合。

2021-12-10 10:12:44

鸿蒙 HarmonyOS 应用

上一页 1 ··· 220 221 222 223 224 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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