鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

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

2021-12-10 10:12:44

鸿蒙 HarmonyOS 应用

「SpringCloud」之代码生成器使用配置说明

因考虑到多数据源问题，代码生成器作为一个通用的模块，后续可能会为其他工程生成代码，所以，这里不直接读取系统工程配置的数据源，而是让用户自己维护。

2021-12-10 09:45:19

生成器配置代码

TypeScript中函数重载写法，你在第几层！

TypeScript中的函数重载让我们定义以多种方式调用的函数。使用函数重载需要定义重载签名：一组带有参数和返回类型的函数，但没有主体。这些签名表明应该如何调用该函数。

2021-12-10 09:11:36

TypeScript 函数重载 TS 前端

来做操吧！深入 TypeScript 高级类型和类型体操

TypeScript 给 JavaScript 扩展了类型的语法，而且还支持了高级类型来生成类型。高级类型是通过 type 声明的带有类型参数的类型，类型参数也叫泛型。根据类型参数生成最终类型的类型计算逻辑被戏称为类型体操。

2021-12-10 08:21:15

TypeScript 高级类型类型体操

字符串拼接这种小事，我翻车了...

最近指北君在一个字符串拼接的小事情上翻车了，真的是万万没想到。Java 提供了多种方法和类可以用来拼接字符串。但是如果我们不注意 null 对象，则生成的 String 可能包含一些不需要的值。

2021-12-10 08:17:48

字符串拼接场景

Javascript的异步编程知多少？

本文主要介绍了Javascript的最重要的知识点之一，也是之后开发工作中经常要接触的概念，常用的异步编程方式有：回调函数、Promise、Generator和async/await。频繁使用回调函数会造成回调地狱，Promise的出现就是解决回调地狱的，但是Promise的链式函数也有长，对于出现了async/await的终极解决方案。

2021-12-10 07:47:30

Javascript 异步编程

我们一起聊聊如何理解字节序

字节序是计算机存储多字节数据的方式，目前的方式有：大端字节序和小端字节序，字节序主要是针对多字节的数据类型，比如 short、int 等。

2021-12-10 07:45:48

字节音频视频

学会了 CopyOnWriteArrayList 可以再多和面试官对线三分钟

ArrayList是大家用的再熟悉不过的集合了，而此集合设计之初也是为了高效率，并未考虑多线程场景下，所以也就有了多线程下的CopyOnWriteArrayList这一集合

2021-12-10 06:52:24

一日一技：怎么大于号重定向不过去了？

很多人应该都知道，在命令行中，可以使用大于号>把程序打印出来的文本重定向到文件中。

2021-12-09 22:41:12

重定向程序命令

面试官：请说出四种不使用第三方变量交换两个变量值的方法

问题有点绕，好不容易缕清了面试官的问题，却发现答不上来。一时间尴尬无比，只能硬着头皮说不会。遇到交换变量值的问题，通常我们的做法是：定义一个新的变量，借助它完成交换。

2021-12-09 20:30:17

变量面试方法

会写 TypeScript 但你真的会 TS 编译配置吗？

TypeScript 是一种基于 JavaScript 的强类型编程语言，它使得在前端项目开发过程中更加严谨且流畅，一定程度上保证了大型前端项目程序的健壮性。

2021-12-09 17:21:48

TypeScript TS 前端

HarmonyOS分布式应用智能三角警示牌解读

我们设计了智能移动三角警示牌以解决该问题。本智能三角警示牌通过手机HAP可以与其相连，控制运动方向和速度，使其停放在事故现场后方合适的位置，从而能够保障用户的人身和财产安全。

2021-12-09 16:49:51

鸿蒙 HarmonyOS 应用

未来让人看不懂的那些 JavaScript 语法

这次分享我们就来汇总介绍，包含近半年全部已经落地的提案，以及近期有进展、比较有趣或者与开发相关的尚未落地的提案。

2021-12-09 11:59:49

JavaScript 前端提案

2021 年你需要知道的 CSS 工程化技术

最近业务调整，组内开启了前端工程化方面的基建，我主要负责 CSS 技术选型这一块，针对目前业界主流的几套方案进行了比较完善的调研与比较，分享给大家。

2021-12-09 11:30:46

CSS 技术前端

高频：手写一个防抖函数 Debounce

实现原理就是利用定时器，函数第一次执行时设定一个定时器，之后调用时发现已经设定过定时器就清空之前的定时器，并重新设定一个新的定时器，如果存在没有被清空的定时器，当定时器计时结束后触发函数执行。

2021-12-09 10:57:19

防抖函数 Debounce

手把手教会你JavaScript引擎如何执行JavaScript代码

今天我们了解了 JavaScript 代码的运行过程，该过程分为语法分析阶段、编译阶段、执行阶段三个阶段。

2021-12-09 10:24:47

Javascript 高阶函数前端

Proxifer+BurpSuite 抓取 PC 客户端 HTTP(s) 数据包

针对PC客户端(C/S架构)的渗透测试，抓包是一个挡在我们前面的问题。如果可以使用BurpSuite抓取客户端的HTTP(S)流量，那么测试过程将更有效率，也更有利于漏洞挖掘。

2021-12-09 10:22:25

数据 PC 客户端

量子计算之父获艾萨克·牛顿奖！提出世界第一个量子计算机构想

2021年艾萨克·牛顿奖（Isaac Newton Prize）出炉了！量子物理先驱David Deutsch获奖。

2021-12-09 09:56:38

量子计算芯片超算

文件的拷贝、字节流的缓冲区、BufferedInputStream类

本文主要介绍了文件的拷贝、字节流的缓冲区、BufferedInputStream类。文件的拷贝是输入流来读取文件的数据，通过输出流把数据写入文件。字节流的缓冲区创建一个字节数组来保存一次性读取多个字节的数据，再把字节数组中的数据一次性写入文件。

2021-12-09 09:30:38

字节流文件缓冲区

Rust for Linux 新进展：添加对 Rust 作为第二语言的支持

Linux 内核和 Rust on Linux 的主要开发者 Miguel Ojeda 近日向 Linux Kernel 邮件列表提交了一个新补丁 (v2)，进一步推进了 Rust for Linux 的工作进展。

2021-12-09 09:20:42

Rust Linux内核开发者

Spring Cloud 中断路器 Circuit Breaker 的应用

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

2021-12-09 08:57:46

Spring Clou Circuit Bre 断路器

数组中出现次数超过一半的数字

数组中有一个数字出现的次数超过数组长度的一半，请找出这个数字。你可以假设数组是非空的，并且给定的数组总是存在多数元素。

2021-12-09 08:54:20

数组数字排序

Kubernetes 1.23：探索新边界

今天，我们高兴地宣布Kubernetes正式迎来1.23版本，也是2021年内的最后一次版本更新。此版本包含47项增强功能：其中11项增强已经升级至稳定版，17项增强进入测试阶段，19项增强迎来Alpha版，另有1项功能被弃用。

2021-12-09 08:50:35

Kubernetes 增强功能版本更新

Vue 3 学习笔记—Provide 和 Inject 用法及原理

在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件。

2021-12-09 08:49:14

Vue 3 Provide Inject

从ReentrantLock的角度思考AQS

我们上一篇简单介绍了AQS这个技术点，这一篇我们从ReentrantLock这个锁的角度来分析AQS，帮助大家理解。

2021-12-09 08:31:01

ReentrantLo AQS 锁

这个改变，让应用程序既好做又好用！

微服务架构可以帮助企业摆脱在开发和拓展应用程序上的困境。微服务架构具体能做什么？又会产生哪些成本？让我们一起来看看今天的干货分享！

2021-12-09 07:54:18

应用程序架构

公司规定所有接口都用POST请求...

最近在逛知乎的时候发现一个有趣的问题：公司规定所有接口都用 post 请求，这是为什么?

2021-12-09 06:50:11

POST 请求接口

好记性不如烂笔头-Webpack篇

指示webpack如何去输出、以及在哪里输出你的bundle、asset 和其他你所打包或使用 webpack载入的任何内容。

2021-12-08 22:48:16

Webpack 异步同步

一文看懂：如何搭建经营分析体系

今天为大家分享的，是数据分析的经典分枝——经营分析。经营分析非常有历史了，早在“数据分析”这个名词火起来之前就已经存在了。今天一起来看看。

2021-12-08 22:29:41

经营分析体系

OpenHarmony 源码解析之JavaScriptAPI-NAPI 实践

本文以最简单的NAPI接口函数为例，详细说明在OpenHarmony系统如何编写模块文件、本地调试、系统集成、上机测试。

2021-12-08 15:07:51

鸿蒙 HarmonyOS 应用

一篇学会字符串的排列

排列方案的生成：根据字符串排列的特点，考虑深度优先搜索所有排列方案。即通过字符交换,先固定第1位字符( n种情况)、再固定第2位字符(n-1种情况)、...、最后固定第n位字符(1种情况)。

2021-12-08 14:02:20

符串排列搜索

数据结构与算法之合并区间，这么贪

对于贪心算法，很多同学都是：如果能凭常识直接做出来，就会感觉不到自己用了贪心, 一旦第一直觉想不出来, 可能就一直想不出来了。

2021-12-08 11:31:43

数据结构算法合并区间

大厂高频面试题Spring Bean生命周期详解

Spring作为当前Java最流行、最强大的轻量级框架。Spring Bean的生命周期也是面试高频题，了解Spring Bean周期也能更好地帮助我们解决日常开发中的问题。

2021-12-08 11:18:21

Spring Bean 面试题生命周期

RabbitMQ 实现延迟队列的两种方式！

本文以 RabbitMQ 为例来和大家聊一聊延迟队列的玩法。利用 RabbitMQ 自带的消息过期和私信队列机制，实现定时任务。使用 RabbitMQ 的 rabbitmq_delayed_message_exchange 插件来实现定时任务，这种方案较简单。

2021-12-08 10:47:35

RabbitMQ 实现延迟

2021 年 Web 领域有哪些关键进展？

W3C 年度全球技术大会（ TPAC 2021 ）在今年10月份举办，随后他们发布了今年 10 月份的 W3C工作重点报告。

2021-12-08 10:19:06

Web 开发数据

树莓派创建“新的” Debian 分支系统，将提供长期支持

树莓派决定将其 Raspberry Pi OS 从 Debian Linux 的一个分支扩展到两个分支，以更好地支持所有用户。

2021-12-08 10:14:17

树莓派 Debian分支系统 Raspberry P

Django 4.0 正式发布，新的密码哈希器和 Redis 缓存后端

Django 4.0 正式发布，4.0 版本支持 Python 3.8、3.9 和 3.10。随着 Django 4.0 的发布，Django 3.2 的主流支持已经结束。

2021-12-08 09:59:02

Django 4.0 哈希器 Redis缓存

腾讯三面：40亿个QQ号码如何去重？

今天，我们来聊一道常见的考题，也出现在腾讯面试的三面环节，非常有意思：文件中有40亿个QQ号码，请设计算法对QQ号码去重，相同的QQ号码仅保留一个，内存限制1G.

2021-12-08 09:53:50

腾讯 QQ号码重复

IDEA工程右键菜单，自动生成 ORM码

在建设一个好的产品功能时，尽可能要学学那些已经非常的优秀的产品，IDEA、GitHub、Mysql等等，在IDEA提供了满足用户扩展功能的插件开发，而不是你说一个东西我没有，你就自己造。共建会让这个东西变得更加优秀!

2021-12-08 09:46:05

IDEA ORM 代码

Vue 3 学习笔记—Vue3 中 Computed 的新用法

这篇文章主要介绍 vue3 中 computed 的新用法，对比 vue2 中的写法，让您快速掌握 vue3 中 computed 的新用法。

2021-12-08 09:09:33

Vue 3 Computed Vue2

LeetCode之盛最多水的容器（前100）

给定 n 个非负整数 a1, a2, ..., an ，其中每个代表坐标 (i, ai) 处的一个点。绘制 n 条垂直线，使得线 i 的两个端点位于 (i, ai) 和 (i, 0)。找出两条线，它们与 x 轴一起形成一个容器，这样容器中的水最多。

2021-12-08 09:00:25

LeetCode 容器算法

Ahooks 3.0 来了！高质量可靠的 React Hooks 库

ahooks v3.0 的 slogan 是“高质量可靠的 React Hooks 库”，这是我们为之奋斗的目标，希望 ahooks 成为每一位开发者的必备基础库之一。

2021-12-08 07:49:46

Ahooks 3.0 React Hooks

动手实现一个Localcache-设计篇

最近想动手写一个localcache练练手，工作这么久了，也看过很多同事实现的本地缓存，都各有所长，自己平时也在思考如何实现一个高性能的本地缓存，接下来我将基于自己的理解实现一版本地缓存，欢迎各位大佬们提出宝贵意见，我会根据意见不断完善的。

2021-12-08 07:31:40

设计 Localcache 缓存

面试官：HashMap有几种遍历方法？推荐使用哪种？

HashMap 的遍历方法有很多种，不同的 JDK 版本有不同的写法，其中 JDK 8 就提供了 3 种 HashMap 的遍历方法，并且一举打破了之前遍历方法“很臃肿”的尴尬。

2021-12-08 06:53:28

HashMap 面试 JDK 8

看破字符 %20 之谜，百分号编码以及其背后

提到这个 %20，想必大家都见过，熟悉一点编码的人，还会知道这玩意就是空格转换而来!那么我们一起破解，如何编码而来?

2021-12-07 20:36:13

编码字符空格

从0到1自定义分段式进度条

Eason最近遇到一个需求，需要去展示分段式的进度条，为了给这个进度条想要的外观和感觉，在构建用户界面 (UI) 时，大家通常会依赖 SDK 提供的可用工具并尝试通过调整SDK来适配当前这个UI需求;但悲伤的是，大多数情况下它基本不符合我们的预期。

2021-12-07 18:23:50

自定义进度条分段式

我是如何用 Three.js 在三维世界建房子的（详细教程）

Three.js 还是挺好玩的，业务上可能主要用于可视化、游戏，但工作之余也可以用它来做些有趣的东西。

2021-12-07 13:44:43

Three.js 3D可视化 3D 游戏

前端代码规范工具 eslint vs prettier，哪个更适合你？

为了统一代码格式，人们想尽了办法，这也是golang为什么自带了一个格式化代码的工具，而我们今天要讨论的eslint和prettier就是两个前端统一代码样式的工具。

2021-12-07 11:18:40

前端代码规范工具开发

GMP 库开发者发文批评 Risc V “性能太拉跨”

GMP 库开发者 Torbjörn Granlund 发文批评开源的 Risc V 指令集架构存在严重的性能问题，言辞非常激烈。

2021-12-07 11:06:10

GMP库开发者 Risc V 指令

curl 作者谈复活节彩蛋：信任和安全至上

curl 作者 Daniel Stenberg 发文解释了不在 curl 添加彩蛋的原因，并表示将来也不会有任何彩蛋。

2021-12-07 10:57:20

开源项目复活节彩蛋安全

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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