鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

春节找点乐子来写个烟花动效吧

2022虎年大吉，预祝各位小伙伴们新年快乐，这篇文章教大家如何在 Canvas 中实现高性能的烟花粒子特效。

2022-01-26 18:46:46

Canvas 烟花粒子特效

硬核！8个类手写一个配置中心！

配置中心是我们平常使用微服务架构时重要的一个模块，常用的配置中心组件也比较多，从早期的Spring Cloud Config，到Disconf、Apollo、Nacos等，它们支持的功能、产品的性能以及给用户的体验也各有不同。

2022-01-26 15:20:00

配置微服务架构

8 个令人惊叹的 Vue.js UI 组件，说不定用得上！

在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。

2022-01-26 13:00:07

Vue.js UI 组件 Web

移动端阻止弹窗下层页面被滑动方法介绍

在做H5开发时，很多场景下都需要弹窗。当出现弹窗时，大部分场景下是期望弹窗下层页面不能被滑动的。

2022-01-26 12:28:48

移动端弹窗滑动

Vue 涉及国家安全漏洞？尤雨溪亲自回应

两张来源不明的截图今日在业内被广泛传播，其内容是国家有关部门要求境内党政机关和重要企事业单位对两款开源项目 SonarQube 和 Vue.js 的使用情况进行组织排查，重点是政府服务平台。原因是有关部门通报境外黑客正在组织利用 SonarQube 和 Vue.js 对上述单位实施网络攻击探测。

2022-01-26 11:00:59

尤雨溪 Vue 漏洞

源码层面探索Vue3初始化

我们通常使用的打包工具如：webpack vite 或者 rollup 之类的都会有一个配置文件 xxx.config.js 从这个文件中我们就能锁定 entry 的入口文件，通过确定入口文件之后我们就能找到各个包之间的依赖关系，根据依赖包，一步步深挖理解初始化的整体流程。

2022-01-26 11:00:58

源码层面 Vue3

Go1.18 新特性：新增好用的 Cut 方法

在各种写业务代码的时候，大家会常常要处理字符串的内容。常见的像是用邮箱登陆账号，如果是：eddycjy@gmail.com，那就得根据 @ 来切割，分别取出前和后，来识别用户名和邮箱地址。

2022-01-26 09:02:57

联合体在单片机编程中的应用

结构体是一种构造类型或复杂类型，它可以包含多个类型不同的成员。在C语言中，还有另外一种和结构体非常类似的语法，叫做联合体（Union）（有些地方也叫做共用体）。

2022-01-26 08:31:25

联合体单片机编程

如何阻止开发者重复发明轮子？

日益增长的复杂性导致许多企业采用中央平台模式，其中内部平台团队的任务是审查工程师最需要的工具、构建模板并绘制黄金路径，以简化他们的生产过程。

2022-01-26 08:02:40

开发者模式工具

用 Python 来实现 RSA 加解密

今天的文章就分享一下如何用 Python 来实现 RSA 加解密的这一过程，帮助你建立 RSA 的直观认识，代码里的随机素数生成算法，也值得我们学习。

2022-01-26 07:25:09

Python RSA 加解密

ES6 新增数据结构，太强了，值得学习

今天给大家介绍下 ES6 中的 Map、WeakMap、set 和 WeakSet 的详细使用，以及它们的区别！

2022-01-26 07:18:57

ES6 WeakSet Map

自古以来，JSON序列化就是兵家必争之地

使用iotil.ReadAll去读取go语言里大的Response Body，是非常低效的; 另外如果Response Body足够大，还有内存泄漏的风险。

2022-01-26 06:51:52

JSON 序列化 Decoder

实操 Synchronized关键字，拿下它！

synchronized 关键字解决的是多个线程之间访问资源的同步性，synchronized关键字可以保证被它修饰的方法或者代码块在任意时刻只能有一个线程执行。

2022-01-26 00:03:00

关键字线程 JVM

Go1.18 新特性：编译后的二进制文件，将包含更多信息

日常中很难从 Go 二进制文件中检索元信息，要么是信息完全缺失，要么提取需要对二进制文件进行大量解析。

2022-01-26 00:02:01

Go 二进制元信息

Python小技之不用 Gui，照样实现图形界面

GUI 虽然也不难，不过需要梳理一遍服务以及与用户的交互接口，弄不好就得为 GUI 单独编写接口，这点时间显然不够呀。

2022-01-26 00:02:00

Python GUI 界面

面试官：说说Casbin配置文件里的设计哲学（配置详解）

学习 casbin 的最大拦路虎就是他的两个配置文件，很多新手完全是蒙圈的。

2022-01-26 00:01:00

Casbin 配置权限

手写简易前端框架：Function 和 Class 组件

「组件本质上是对 vdom 的动态渲染逻辑的封装，class 和 function 是两种封装形式」。

2022-01-25 18:11:55

vdom class function

一招制敌，搞定前端系统设计和优化题

下面我就同时写题目和我自己的答案，希望大家能在阅读的过程中找到一些规律。

2022-01-25 13:00:52

前端设计优化

科普文：常见垃圾回收算法与 JS GC 原理

为了避免垃圾回收影响应用的性能，V8 将标记的过程拆分成多个子标记，让垃圾回收标记和应用逻辑交替执行，避免脚本任务等待较长时间。

2022-01-25 09:15:39

V8 垃圾回收算法

盘点一道Python网络爬虫中使用正则表达式匹配字符的题目

本文从实际工作出发，基于Python编程，针对网络爬虫过程中得到的字符串，使用正则表达式和字符串处理函数split()，完成了字符串的处理，满足粉丝的要求。

2022-01-25 09:05:00

Python 字符串网络爬虫

厉害了，一个更智能的 JavaScript 映射器：array.flatMap()

array.map() 是一个非常有用的映射函数：它接收一个数组和一个映射函数，然后返回一个新的映射数组。

2022-01-25 08:36:29

array.flat 映射函数数组

防御式CSS是什么？这几点属性重点防御

防御式 CSS是一个片段的集合，可以帮助我编写受保护的CSS。换句话说，就是将来会有更少的bug出现。

2022-01-25 07:44:15

CSS 防御式 CSS Flexbox

9张图，32个案例带你轻松玩转Java Stream

Java8 中增加了 Stream 处理，可以配合 Lambda 表达式来使用，让操作集合非常便利。虽然我们平时经常使用 Stream，但用到的方法其实非常少，这篇文章就来完整的介绍 Stream 的使用。

2022-01-24 20:40:55

Java stream Lambda

Vite 插件开发实践：微前端的资源处理

最近实现的简单、透明、组件化微前端方案总体感觉不错，也收到了很多人的反馈，很具有学习参考价值。

2022-01-24 12:38:58

Vite 插件开发

手把手教你使用PySimpleGUI库打造一款轻量级计算器

这篇文章主要基于PySimpleGUI库，打造了一款轻量级计算器，实现计算器的相关功能。

2022-01-24 11:02:27

PySimpleGU Python 计算器

大规模元宇宙商标申请正面临国家知识产权局“劝退”：不能作为商标被个人独占

元宇宙无疑是 2021 年最受关注的科技概念之一。进入 2022 年，元宇宙相关话题持续发酵，概念仍受市场追捧。

2022-01-24 08:36:30

元宇宙 VR AR

面试突击：为什么ConcurrentHashMap是线程安全的？

ConcurrentHashMap 是 HashMap 的多线程版本，HashMap 在并发操作时会有各种问题，比如死循环问题、数据覆盖等问题。

2022-01-24 07:01:20

安全多线程版本

前端开发者应该关注的十个技术趋势

前端开发是指通过编码和其他应用程序（如 HTML，CSS 和 JavaScript）为 Web 网站开发用户界面。本文就 2021 至 2022 年，前端开发的发展趋势进行预测和讨论。

2022-01-23 11:12:29

前端开发编码开发

安卓平板体验Java开发，还能白嫖一年阿里无影云，真香！

本文介绍了无影云的使用体验，测试了 Windows 端、浏览器端和安卓平板端，其中体验最好的是浏览器端。

2022-01-22 08:53:37

浏览器端 Windows 端 Java开发

Sentry 开发者贡献指南 - JavaScript SDK Minimal

它允许库作者添加对 Sentry SDK 的支持，而无需捆绑整个 SDK 或依赖于特定平台。简单来说，它是 @sentry/node 或 @sentry/browser 等特定于平台的 SDK 库的公共基础部分。

2022-01-21 21:33:03

开发 JavaScript 应用

前端高效开发必备的 JS 库梳理

之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结.

2022-01-21 19:00:44

前端 JS 框架

Web3是新的去中心化的网络，还是炒作的新概念？译文

Web3声称与Web2.0的不同之处在于，它消除了这些强大的平台，并赋予了一个更加平等的互联网，在这里用户通过各种代币所有权来回报他们的贡献，同时在一个共享的、分布式的、防篡改的分类账上保持他们的数据隐私和安全。

2022-01-21 15:38:06

一篇文章带你了解JavaScript window location

window是DOM的核心对象，表示浏览器的一个实例。在浏览器中，window对象有双重角色，它是通过JS访问浏览器窗口的一个接口，也是Global对象。

2022-01-21 11:28:59

window 浏览器 JavaScript

Java 基础入门篇结构语句和 If 语句

在我们实际生活中经常需要做一些判断，我们过马路，如果红灯就不能过马路，如果是绿灯就能过马路。java的选择结构语句就是它需要对一些条件进行判断，然后决定执不执行这个代码。

2022-01-21 11:26:19

Java 结构语句 if语句

如何在 Golang 中运行 JavaScript

我们知道，在 Python 里面，如果你要运行一段 JavaScript，你可以使用execJS这种第三方库。那么在 Golang 里面，你想运行 JavaScript 的时候又应该怎么办呢?

2022-01-21 10:58:39

JavaScript Golang Python

盘点2021年非常受关注的Javascript项目

这是我们对Javascript领域的年度总结。希望你不要错过2021年有关于Javascript的年度盘点。我们将会谈论到元框架以及时尚流行的前端技术。

2022-01-21 10:21:42

Javascript 前端盘点

Web前端性能优化深度解读，这些细节千万不能忽视

体验差的网站各有各的不同，但是体验好的网站往往都有一些共性，这些优秀的特征凝结了设计师、研发工程师和产品经理的大量智慧。

2022-01-21 10:09:34

前端开发技术

总结100+前端优质库,让你成为前端百事通

1年多时间, 陆陆续续整理了一些常用且实用的开源项目, 方便大家更高效的学习和工作.

2022-01-21 09:09:58

开源项目前端优质库

重磅：Vue 3 将在年后成为新的默认版本

换句话说，你以后用npm安装Vue的时候，都将直接指向Vue3版本。不仅如此，vue全家桶vue-router、vuex、vue-loader等等都将默认指向Vue 3的兼容版本。

2022-01-21 09:06:13

Vue3 版本兼容版本

关于 Promise 的执行顺序

我们知道，Promise 实例化时，传入的回调会立即执行，而Promise 的 then 回调会被放到微任务队列中，等待执行。

2022-01-21 08:50:15

Promise 任务队列前端

手写简易前端框架：Vdom 渲染和 jsx 编译

本文我们实现了 vdom 的渲染。vdom 是描述界面的对象，它的渲染就是通过 createElement、createTextNode 等 api 来递归创建和组装元素、文本等 dom 的过程。

2022-01-21 08:21:48

前端 vdom 渲染

前端程序员必须知道的 Web 漏洞，快来看看

随着互联网的发展，早已经不是仅限于简单的网页或是社交，电商购物、银行转账、企业管理等等。Web 安全也是非常值得注意的。

2022-01-21 08:21:02

Web 安全前端程序员

前端开发者也可以懂的基础 System Design

今天带来 Kyle Mo 大佬的一篇关于 System Design 好文，希望对大家有所帮助，早期成为大神。

2022-01-21 08:01:59

System De 前端开发

疑难杂症：运用Transform 导致文本模糊的现象探究

本文简单探究了在 Chromium 内核下，使用了 transform 导致内部文本模糊的现象，并且给出了一些可尝试的解决方案.

2022-01-20 22:05:19

Chromium transform CSS

Sentry 开发者贡献指南 - 什么是 Scope, 什么是 Hub？

当一个事件被捕获并发送到 Sentry 时，SDK 会将该事件数据与来自当前 scope 的额外信息合并。

2022-01-20 19:49:10

Sentry 开发 Scope

Webpack5 持久化缓存实践

当检测到某个文件变化时，根据依赖关系，只对依赖树上相关的文件进行编译，从而大幅提高了构建速度。官方经过测试，16000 个模块组成的单页应用，速度竟然可以提高 98%！其中值得注意的是持久缓存会将缓存存储到磁盘。

2022-01-20 10:56:53

Webpack5 持久化缓存

JVM 垃圾回收算法和 CMS 垃圾回收器

本文核心主要是讲述：JVM 中的几种垃圾回收算法理论，以及多种垃圾收集器，并且详细参数 CMS 垃圾收集器的实现、优缺点等，最后也会解释一下三色标记法与读写屏障。

2022-01-20 10:34:49

JVM 垃圾回收算法

面试突击：HashMap除了死循环还有什么问题？

本篇的这个问题是一个开放性问题，HashMap 除了死循环之外，还有其他什么问题？

2022-01-20 08:44:25

HashMap 死循环开放性

Java中实现接口的三种方式您造吗？

本文介绍了Java中实现接口的三种方式：常规实现方式、匿名内部类和 Lambda表达式实现方式。希望已经了解的同学可以重新温习一下，不了解的同学则从中受益！

2022-01-20 08:38:02

Java 接口 Lambda

LPL Ban/Pick 选人阶段的遮罩效果是如何实现的？

最近 S11 LPL 春季赛开赛，我发现新赛季的 Ban/Pick 选人阶段，出现了一种新的，有意思的遮罩效果，本文将探究，我们应该如何去实现类似的效果。

2022-01-19 21:54:50

CSS 遮罩效果 Gif 图

上一页 1 ··· 212 213 214 215 216 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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