鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

如何应对不断膨胀的接口

难怪码农自嘲是 CRUD boy, 每天确实在不断的堆屎，在别人的屎山上缝缝补补。下面的案例并没有 blame 任何人的意思，我也是堆屎工^^ 如有雷同，请勿对号入座。

2021-12-28 16:33:26

接口函数组合

CSS开发快速提升技巧

css重置库如normalize.css已经被使用很多年了，它们可以为你的网站样式提供一个比较清晰的标准，来确保跨浏览器之间的一致性。

2021-12-28 14:10:41

开发技能代码

AppImage Pool：一个帮助你寻找和管理 AppImage 的应用商店

我们有很多关于 AppImage 的历史和制作它的信息。如果你是 Linux 的新手，你也应该看看我们的 AppImage 使用指南。

2021-12-28 13:50:28

AppImage GUI前端应用商店

2021 年受欢迎的 15 个 VS Code 主题排行榜

微软的 VS Code 凭其丰富的扩展受到众多开发者的青睐，俺总结了 2021 年最受欢迎的15 个 VS Code 主题(按 VS Code 扩展商店的安装次数排名)，仅供大家参考。

2021-12-28 13:37:10

VS Code 微软排名

开发者体验被重点关注：开发人员是关键资产

外媒 betanews 近日与一些企业高管进行了一些交流并得出结论称，开发者体验正经历一个优先级转变。即，云供应商和技术公司在开发者体验方面聚焦了更多的目光;这些公司正在投资和构建工具，以帮助开发人员更好、更快、更高效地工作。

2021-12-28 13:34:52

开发者开发者体验云供应商

2021年Python十佳ML库大盘点，国产选手GitHub半年获5k+star

2021年里AI飞速发展，优秀算法层出不穷，令我们大开眼界。而真正要将这些算法实现，一定少不了Python这个主流机器学习语言的加持。

2021-12-28 11:06:22

Python 开发编程语言

一个简单需求竟让我改了十几处代码，必须控诉到底什么是重复代码！

只要使用Redis缓存，就必然存在缓存和DB数据一致性问题。若数据不一致，则业务应用从缓存读取的数据就不是最新数据，可能导致严重错误。如将商品库存缓存在Redis，若库存数量不对，则下单时就可能出错，这是难以接受的。

2021-12-28 10:28:41

程序员被辞退报复公司写代码转账553笔

2020年1月，马某被公司辞退。没了工作，对公司的赔偿金额不满意，马某萌生了报复公司的念头。

2021-12-28 10:19:26

程序员技能开发者

一篇文章教会你使用 JavaScript 创建对象

本文基于JavaScrip基础，介绍如何去创建一个对象，通过从最基础的对象属性，对象方法，使用new Object()创建构造方法，最后介绍了对象的可变性，比较对象。通过案例的分析，能够帮助读者更快的理解对象。

2021-12-28 09:27:45

Javascript 高阶函数前端

Vue3又出新语法到底何时才能折腾完？

大家应该知道如果用 Vue3 的 Composition API 定义一个响应式变量通常有两种形式，一种是用ref，另一种是reactive。

2021-12-28 08:46:00

Vue3 ref reactive

「编程之美」函数指针方法实现简单状态机(附代码)

有限状态机FSM是有限个状态及在这些状态之间的转移和动作等行为的数学模型，是一种逻辑单元内部的高效编程方法，可以根据不同状态或者消息类型进行相应的处理逻辑，使得程序逻辑清晰易懂。

2021-12-28 08:24:18

函数指针有限状态机编程

简单的 For 循环也会踩的坑

由于写 go 的资历尚浅、道行更是浅薄，这 bug 我硬是找了个把小时；刚开始还以为是数据源的问题，经历了好几轮自我怀疑。总之过程先不表，先看看如何修复这个问题。

2021-12-28 08:17:41

DP入门之斐波那契数

斐波那契数，通常用 F(n) 表示，形成的序列称为斐波那契数列。该数列由 0 和 1 开始，后面的每一项数字都是前面两项数字的和。也就是：F(0) = 0，F(1) = 1 F(n) = F(n - 1) + F(n - 2)，其中 n > 1 给你n ，请计算 F(n) 。

2021-12-28 07:20:44

斐波那契数算法数字

血的教训，一次订单号重复的事故我差点被开除

系统出现了两个一模一样的订单号，订单的内容却不是一样的，而且事情发生的不止一次，被老板发现之后，当月绩效被扣光!

2021-12-28 06:55:09

事故订单号绩效

一个参数验证，学会 Nest.js 的两大机制：Pipe、ExceptionFilter

前端做表单的验证基本不用自己写，有很多 validation 的库，大家写的也比较多了。后端的验证大家可能写的相对较少，今天我们就来学下后端框架 Nest.js 如何做参数的验证吧。

2021-12-27 20:29:21

机制 Pipe ExceptionFi

对象很大，你忍一下

针对这句话我收到了几位读者的私信，表示不明白为啥不过一个简简单的二维数组会有这么大的开销，本来这个问题在我正在写的类加载机制中有详述，不过文章还没写完(估计本周发)，所以我专门抽出这个问题探讨一下，五分钟就能看懂。

2021-12-27 18:00:30

对象数组 Java

2022年需要关注的几个前端趋势

马上就是元旦节了，2021年即将过去，2022年即将开始，在这里先预祝大家元旦节快乐，现在是我们审视魔法水晶球并预测科技未来的时候了。让我们来看看在未来2022 年一些值得我们去关注的前端技术。

2021-12-27 14:14:37

前端开发技术

数据结构与算法之动态规划就这些招式！

动态规划，英文：Dynamic Programming，简称DP，如果某一问题有很多重叠子问题，使用动态规划是最有效的。

2021-12-27 11:30:51

数据结构算法动态规划

LLVM Clang 初步支持 SPIR-V 工具链

作为对即将成为主线的 LLVM SPIR-V 后端工作的补充，Clang 现已合并初步的 SPIR-V 工具链支持。此功能用于从 Clang 转换为符合 OpenCL 环境规范的 SPIR-V 中间表示 (Intermediate Representation) —— 例如将 OpenCL 内核编译为 SPIR-V。

2021-12-27 11:11:30

LLVM SPIR-V 后端

Swift 扩展已登陆 VS Code，开发者终能摆脱 Xcode

日前一款由 SSWG 维护的 Swift 扩展登陆 Visual Studio Code。为 Visual Studio Code 添加了对 Swift 的语言支持。

2021-12-27 10:57:04

Swift Xcode SSWG

使用WebAssembly对前端API请求进行签名

server端处理WebAPI请求的安全问题：请求重放 (eg. 月饼抢购场景中，程序员通过脚本直接访问接口)；参数篡改 (eg. 会话劫持场景中，将应该抢购到的月饼归属人改为自己)；脚本攻击 (eg. 综合前两种场景，使用技术手段构建的请求进行攻击，如信息窃取，漏洞攻击)等。

2021-12-27 10:46:07

WebAPI server 签名

OpenHarmony SA 动态库服务拉起的main入口

OpenHarmony 很多服务都是编译成动态库, 动态库服务，没有main函数入口。服务的拉起的入口在哪?

2021-12-27 10:21:18

鸿蒙 HarmonyOS 应用

如何使用 atomic 包减少锁冲突

Go 提供了 channel 或 mutex 等内存同步机制，有助于解决不同的问题。在共享内存的情况下，mutex 可以保护内存不发生数据竞争(data race)。不过，虽然存在两个 mutex，但 Go 也通过 atomic 包提供了原子内存基元来提高性能。在深入研究解决方案之前，我们先回过头来看看数据竞争。

2021-12-27 10:13:51

Go atomic 数据竞争

使用 JavaScript 进行数据分组最优雅的方式

对数据进行分组，是我们在开发中经常会遇到的需求，使用 JavaScript 进行数据分组的方式也有很多种，但是由于没有原生方法的支持，我们自己实现的数据分组函数通常都比较冗长而且难以理解。

2021-12-27 09:50:03

JavaScript 开发数据分组

基于 Next.js 的 SSR/SSG 方案了解一下？

服务端渲染(SSR，Server Side Render)与客户端渲染(CSR，Client Side Render)的核心区分点简单来说就是完整的 HTML 文档在服务端还是浏览器里组装完成。

2021-12-27 08:31:42

Next.js SSR SSG

Go 工程化之如何优雅的写出 Repo 层代码

我们在获取文章的时候大部分时候可能都是通过 id 获取的，但是我们也可能通过标题等其它信息获取文章的数据，这时候我们的 repo 层代码怎么写呢？

2021-12-27 08:27:18

30个类手写Spring核心原理之MVC映射功能

接下来我们来完成MVC模块的功能，应该不需要再做说明。Spring MVC的入口就是从DispatcherServlet开始的，而前面的章节中已完成了web.xml的基础配置。下面就从DispatcherServlet开始添砖加瓦

2021-12-27 08:27:17

Spring MVC 面试

厉害了，ECMAScript 新提案：JSON模块

第三阶段的一个名为JSON模块的新提议，提出了一种将JSON导入到ES模块的方法。现在，我们来看看JSON模块是如何工作的。

2021-12-27 07:59:50

ECMAScript JSON模块 Node.js

Web3是什么？我们该如何使用它？

Web3.0，又称Web3（下文我们都用Web3来代替Web3.0），是以太坊联合创始人、Polkadot创建者Gavin Wood在2014年提出的。

2021-12-27 07:59:11

Web3 区块链协议

Amazing！CSS 也能实现烟雾效果？

最近利用 CSS 实现了一些看似超出 CSS 能力的效果,本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。

2021-12-27 07:45:30

CSS 技巧烟雾效果

为什么 Classmethod 比 Staticmethod 更受宠?

我们知道，classmethod 和 staticmethod 都可以作为函数的装饰器，都可用于不涉及类的成员变量的方法，但是你查一下 Python 标准库就会知道 classmethod 使用的次数(1052)要远远多于 staticmethod(539)，这是为什么呢?

2021-12-27 07:10:26

Classmethod Staticmetho 函数

面试官：This 和Super 有什么区别？This 能调用到父类吗？

this 和 super 都是 Java 中常见的关键字，虽然二者在很多情况下都可以被省略，但它们在 Java 中所起的作用是不可磨灭的。它们都是用来起指代作用的，每个类在实例化的时候之所以能调用到 Object 类(Object 类是所有类的父类)，全是二者的“功劳”。

2021-12-27 06:57:40

This Super Java

被微信面麻了，问的太细节了。。。

上周有个读者在面试微信的时候，被问到既然打开 net.ipv4.tcp_tw_reuse 参数可以快速复用处于 TIME_WAIT 状态的 TCP 连接，那为什么 Linux 默认是关闭状态呢?

2021-12-26 21:49:19

微信面试参数

线程池如何监控，才能帮助开发者快速定位线上错误？

不论线程池是否由 Spring 管理，采集的方式大致相同。一种从 Spring 容器取，一种是创建好线程池后放到一个自定义容器

2021-12-26 19:05:23

监控定位开发者

嵌入式开发入门指引，你学到了吗？

8位单片机是基础，升级32位ARM是阶段目标，一般选STM32，资料丰富。基于原厂库函数实现复杂功能，对接外设，如蓝牙模块、GPS模块等，数据采集过滤、存储、传输等。理论方面比如编译、链接、OTA、socket等也需要明白。

2021-12-26 18:30:56

嵌入式 ARM 链接

不用一行代码，搞懂React调度器原理

taskQueue的生产(从timerQueue中移入或执行scheduleCallback生成)到消费的过程(即图中灰色部分)，这是个异步循环,taskQueue的具体消费过程(即workLoop方法的执行)，这是个同步循环.

2021-12-26 12:10:21

React 组件前端

前端: 如何更高效的学习Css? 有哪些库值得推荐?

之前在工作中也使用 css 做过很多有意思的事情, 比如用 css 画图标, 写轮播图, 写动效, 做布局等等, 但是这些应用的实现都依赖于 html 和 css 基础知识.

2021-12-26 09:22:44

前端 Css 图标

关于 Rem 的适配！前端页面响应式开发必备技巧

我们作为前端初学者来说，是不是有一个疑惑，我们电脑屏幕大，但是手机屏幕小，那我在PC端页面写好的东西到了手机端岂不是很难看?

2021-12-26 00:10:40

前端页面响应式

二分法如何排查问题版本

通常来说，master 分支上的代码需要保证没有 bug，随时能够发布。但在实际的工作场景中，为每个 commit 做严格的 ab 测试、验证是很麻烦的事情。有时候，只改一行代码，改动非常小，直接就合入 master 了。

2021-12-26 00:10:39

二分法排查版本

2022年全栈开发者需要具备的六项技能

企业更喜欢雇佣全栈开发人员，因为他们可以处理前端和后端开发任务，从而减少开发时间和成本。多年来，一些技术堆栈在所有应用程序项目中获得了前所未有的普及和吸引力，每一种技术都有自己的优势。

2021-12-25 23:23:04

开发前端后端

Sentry 开发者贡献指南 - SDK 开发(性能监控)

通过设置两个新的 SDK 配置选项之一来启用跟踪，tracesSampleRate 和 tracesSampler。如果未设置，则两者都默认为 undefined，从而选择如何加入跟踪。

2021-12-25 22:31:55

Sentry 监控 SDK 开发性能监控

Node.js 的微任务处理（基于Node.js V17）

Node.js 的事件循环已经老生常谈，但是在 Node.js 的执行流程中，事件循环并不是全部，在事件循环之外，微任务的处理也是核心节点.

2021-12-25 22:29:57

Node.js 微任务处理事件循环

模式匹配-让你TS类型体操水平暴增的套路

Typescript 支持泛型，也叫类型参数，可以对类型参数做一系列运算之后返回新的类型，这就是类型编程。因为类型编程实现一些逻辑还是有难度的，所以被戏称为类型体操。

2021-12-25 22:29:31

类型编程 Javascript 类型体操

Webpack原理与实践：关于如何选择合适的打包工具Rollup和Webpack？

Rollup是一款ES Modules打包器，它也可以将项目中散落的细小模块打包成整块代码，从而使得这些划分的模块可以更好地运行在浏览器或node.js环境。

2021-12-25 22:29:04

Webpack Rollup 前端

微前端是如何让可伸缩的Web应用程序变得容易的？

通过微前端框架，你可以实现应用程序的未来验证，并使其真正具有长期可伸缩性。微前端框架是当今开发部门有效协作和项目管理的流行模式。这一模式带来了很多好处，所以让我们来看看2022年使用微前端构建可扩展应用程序将带来的7项关键好处。

2021-12-24 16:59:14

前端 Web 框架

前端开发之JS中编写For循环的方法

这些年来，JavaScript 发展得如此之快。如果你之前有其他编程语言经验的话，你可能无法相信在 JavaScript 中有4种方法可以编写for 循环。

2021-12-24 16:55:44

前端开发 JavaScript

Multicore OCaml 正在等待主线合并

OCaml 的 GitHub repo 显示，其最新等待合并的 PR 是 Multicore OCaml。可以看到，这个 PR 非常庞大，改动内容包括增加了 24,207 行代码，以及删除 15,148 行代码。而这刚好是构成 Multicore OCaml 的最小可行产品 (MVP)。

2021-12-24 16:15:45

PR Multicore O 合并

HarmonyOS自定义组件之图层的使用

HarmonyOS目前已经有较丰富的自定义组件了，但是多数自定义组件都没有讲到图层这个概念，都是使用默认图层进行绘制。这里就通过几个小例子介绍一下HarmonyOS自定义组件中图层概念和使用。

2021-12-24 15:46:23

鸿蒙 HarmonyOS 应用

用 SVG 描边动画送一份平安夜祝福

SVG 是网页里画矢量图的技术，可以用 rect、circle、line 等画一些具体的图形，也可以用 path 来画更复杂的图形。

2021-12-24 14:17:11

SVG 平安夜祝福动画

数据结构与算法之分割平衡字符串

在一个平衡字符串中，'L' 和 'R' 字符的数量是相同的。给你一个平衡字符串 s，请你将它分割成尽可能多的平衡字符串。

2021-12-24 11:59:47

数据结构算法字符串

上一页 1 ··· 185 186 187 188 189 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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