鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

Webpack 实现 Tree shaking 的前世今生

Tree-shaking 实现机制快速浏览完官方文档和一众文章后，发现 webpack 实现 tree-shaking 的方式还不止一种!但是，都与 rollup 不同。

2021-06-28 07:01:50

Webpack 前端 Tree shakin

【算法】懂点算法（一）— 算法的时间空间复杂度

在本文中，笔者介绍了什么是算法、为什么要用算法、如何衡量算法的时间复杂度和空间复杂度以及算法的最坏情况和平均情况的概念。

2021-06-28 06:15:14

算法 Algorithm 时间空间复杂度

Webpack 原理系列八：产物转译打包逻辑

本文深入 Webpack 源码，详细讨论了打包流程后半截 —— 从 chunk graph 生成一直到最终输出产物的实现逻辑，首先遍历 chunk 中的所有模块，为每个模块执行转译操作，产出模块级别的产物。

2021-06-28 05:59:17

Webpack 前端打包与工程化

高级开发竟然被构造器循环依赖难住了？

是这样的，有个实习生朋友问了我循环依赖的问题，我将Spring内部的三级缓存原理都跟他说了，并保证Spring已经解决了这个问题，然后他扔了一道题给我，说报错了。

2021-06-27 21:06:47

开发循环依赖

2021年前端编程发展趋势

这些年前端发生了天翻地覆的变化，几乎每隔几个月就有新的框架和技术诞生，有些技术可能你还没来得及学习，它就已经成为过去时了。2021年前端会有哪些变化，哪些技术会脱颖而出呢？

2021-06-27 17:34:57

前端编程语言

分享几个工作中实用的代码优化技巧！

Java 7.0 之后，加入了新的包java.lang.invoke，同时加入了新的 JVM 字节码指令 invokedynamic，用来支持从 JVM 层面，直接通过字符串对目标方法进行调用。

2021-06-27 06:25:14

代码优化技巧 Java

你应该知道的 11 个 VS Code 特性和技巧

在处理大型项目时，带有连字的字体使代码更干净、更方便，您可以通过结合连字的特殊字体使您的编辑器体验更好。有几种支持连字的字体可用，但您可以简单地坚持使用经典的 Fira Code。

2021-06-26 10:04:23

Code 特性技巧

一文学会设置 Jupyter 主题与目录

Jupyter notebook将基于控制台的方法扩展到了一个全新的方向，提供了一个基于 Web 的应用程序，适用于捕获整个计算过程：开发、记录和执行代码，以及交流结果。

2021-06-26 09:26:01

Jupyter 主题目录

STM32串口开发之环形缓冲区

缓冲区看名字就知道，是缓冲数据用的。实现缓冲区最简单的办法时，定义多个数组，接收一包数据到数组A，就把接收数据的地址换成数组B，每个数据有个标记字节用于表示这个数组是否收到数据，收到数据是否处理完成。

2021-06-26 07:50:20

STM32 串口开发环形缓冲区

前端自动化测试：Jest 测试框架应用

作为一个面向前端的测试框架， Jest 可以利用其特有的快照测试功能，通过比对UI 代码生成的快照文件，实现对 React 等常见前端框架的自动测试。

2021-06-26 07:40:21

前端自动化测试 Jest

为啥套娃？聊聊 Babel、Jscodeshift 和阿里妈妈的 Gogocode

path 是节点之间的关系，每个 path关联父节点和当前节点，path 对象构成一条从当前节点到根结点的路径。state 是遍历过程中的共享数据的机制。

2021-06-26 07:18:15

Jscodeshift Babel 节点

Vue 2和Vue 3中应该知道的属性创建差异

我将向你展示如何使用Options API在Vue 2中创建属性，然后向你展示如何使用Composition API在Vue 3中创建属性。

2021-06-26 06:29:14

Vue 2 Vue 3 开发

更优雅的 Kubernetes 集群事件度量方案

如何度量滚动升级这个过程的时间。这个问题可以抽象为一种通用需求，适用于多种场景。

2021-06-25 15:53:25

Kubernetes 程序技巧

Acme框架真香！用过一次后伦敦博士撰文大赞DeepMind强化学习框架

2020年DeepMind就推出了他们的强化学习框架Acme，但缺少教程和入门材料。伦敦政经博士用了一次之后直呼好用，立刻写了一篇博客自发推广！

2021-06-25 15:36:37

框架 AI 开发

关于DevSecOps的五个优秀实践

从本质上讲，DevSecOps就是在根源上内置有安全因素的DevOps。这要求我们将安全性融入需求、设计、编码与部署阶段——换句话说，纳入整个DevOps管道。

2021-06-25 14:50:21

DevSecOps 安全 DevOps

前端自动化测试：测试到底测什么？

在实际开发过程中，编写自动化测试代码通常是开发人员不太喜欢的一个环节。大多数情况下，前端开发人员在开发完一项功能后，只是打开浏览器手动点击，查看效果是否正确，之后就很少对该块代码进行管理。

2021-06-25 10:57:30

前端自动化测试开发

用JavaScript实现一个编译器

Babel is a JavaScript compiler!这是Babel官方对于babel的定义。身为前端工程师，因此有必要了解编译原理，幸运的是，“The Super Tiny Compiler”开源项目利用JavaScript写了一个简单的编译器。

2021-06-25 10:38:05

JavaScript 编译器前端开发

巧技拾遗 | JavaScript 中 Array.every 和 Array.map 的巧妙结合

我们有一个列表 funcArr ，里面存放函数，比如 funcArr = [ func1, func2, ... ] 。这些函数都是 () => boolean 即无参数、返回值为布尔值的。

2021-06-25 10:18:08

JavaScript Array.map 巧技拾遗

DevOps与DevSecOps有何区别？

理解DevSecOps的一种重要方法，在于拆分DevOps核心组件并审视适合在哪里插入安全要素。

2021-06-25 10:04:47

DevOps DevSecOps 开发

Redis缓存高频难题一问三不知，你的亿级系统不会炸吗？

早期的缓存用于加速CPU数据交换的RAM。随着互联网的快速发展，缓存的应用更加宽泛，用于数据高速交换的存储介质都称之为缓存。

2021-06-25 09:55:33

Redis 缓存系统

Cors跨域(四)：解决方案对决JSONP vs CORS

当被浏览器半信半疑的脚本运行在沙箱时，它们应该只被允许访问来自同一站点的资源，而不是那些来自其它站点可能怀有恶意的资源。但是呢，在现在的互联网场景中，跨域访问是一种必须，所以才有了解决跨域问题的方案。

2021-06-25 09:04:39

Cors 跨域 JSONP vs CO

一时兴起，自己动手开发了个IDEA插件！

一个插件的开发、调试、安装就完成了，理论上通过这个简单的例子就可以实现一些实际的功能了，因为其完整展示了数据输入到数据获取整个过程。

2021-06-25 07:18:50

开发 IDEA插件项目

浅析Vue响应系统原理与搭建Vue2.x迷你版

数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率。简言之，在改变数据的时候，视图会跟着更新。

2021-06-25 06:47:38

Vue Vue2.x迷你版响应式原理

Cube.js：试试这个新的数据分析开源工具

数据分析是一个时髦的领域，有许多解决方案可供选择。其中之一是 Cube.js，这是一个开源的分析平台。你可以把 Cube.js 看作是你的数据源和应用之间的一个中间层。

2021-06-24 16:18:03

Cube.js 数据分析开源

HarmonyOS之时钟FA卡片开发样例实践

文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com

2021-06-24 14:41:16

鸿蒙 HarmonyOS 应用

微软开源的可视化神器，上手太酷炫了

今天给大家介绍一个格式化神器，它是微软开源的一款可视化工具，提供了触控式的界面，实现使用者和3D信息图表进行互动。

2021-06-24 13:00:35

微软开源可视化

为什么说集中管理数据是个坏主意？

微服务架构是现代应用程序和系统的一个常见模型。其特点是把一个大型应用的业务责任分割成不同的、独立的组件，可以独立开发、管理、操作和扩展。

2021-06-24 12:46:40

数据管理模型

如何用Netty写一个高性能的分布式服务框架？

Netty 是一个致力于创建高性能网络应用程序的成熟的 IO 框架。

2021-06-24 10:27:48

分布式架构系统

IT人员如何突破技术发展瓶颈期？

通常情况下，技术人员在某一领域工作3-5年后，会成为团队内或者公司里的核心技术骨干，这个时候他们也会面临几个问题。

2021-06-24 10:21:41

IT 管理技术

从一个优质开源项目来看前端架构

系统架构师是一个最终确认和评估系统需求，给出开发规范，搭建系统实现的核心构架，并澄清技术细节、扫清主要难点的技术人员。

2021-06-24 09:53:05

前端架构开源

一篇文章带你了解JavaScript日期

本文主要介绍了JavaScript基础中日期的使用，通过从最基础入手，一步步的扩展，用丰富的案例帮助大家更好理解。代码很简单，能够方便大家更好理解，希望对大家的学习有帮助。

2021-06-24 09:05:08

JavaScript 日期前端

安全断言标记语言SAML2.0的认证机制与重要性译文

安全断言标记语言(SAML)2.0是目前被广泛使用的开放标准之一，可被用于多方之间的认证和授权。本文将和您讨论其认证机制与重要性。

2021-06-24 09:00:00

语言安全认证机制

单点登录的三种实现方式

单点登录（Single Sign On, SSO）是指在同一帐号平台下的多个应用系统中，用户只需登录一次，即可访问所有相互信任的应用系统。

2021-06-24 08:52:19

单点登录代码前端

一份完整的亿级消息中心架构方案！

今天给大家分享一份较为完整的亿级消息中心的架构方案!技术目标：上行到消息队列 API 吞吐量 10000 条/秒，下发第三方平台 1000 条/秒(仅平台自身处理能力，第三方看第三方处理能力极限指标为准);保证消息中心 100% 高可用。

2021-06-24 08:30:08

架构亿级消息中心数据

如何用Hugo快速部署静态网站？译文

如果您希望将生成静态网站的功能添加到开发生命周期中，本文介绍了如何用Hugo做到这一点。

2021-06-24 08:00:00

开发 Hugo 工具

【vite】你不知道的小妙招，确定不看一下吗？

publicDir 限定直接访问的静态资源本文通过列举处理点，逐一提供案例+debug 截图+源码分析的方式，让大家理解静态处理的使用和底层原理。

2021-06-24 07:54:20

vite 静态处理 public

一文看懂HarmonyOS服务卡片运行原理和开发方法

本文整体介绍了HarmonyOS服务卡片的运行原理和开发方法，服务卡片运行过程中主要是卡片管理服务作为中间枢纽，连接着卡片使用方和卡片提供方。

2021-06-23 16:05:05

鸿蒙 HarmonyOS 应用

一文带你了解MindSpore支持的万亿级参数超大模型关键技术！

近来，增大模型规模成为了提升模型性能的主要手段。特别是NLP领域的自监督预训练语言模型，规模越来越大，从GPT3的1750亿参数，到Switch Transformer的16000亿参数，又是一个数量级的增加。

2021-06-23 15:39:40

模型人工智能计算

Spring5新宠PathPattern，AntPathMatcher：那我走？

PathPattern是Spring5新增的API，所在包：org.springframework.web.util.pattern.PathPattern，所属模块为spring-web。可见它专为Web设计的“工具”。

2021-06-23 15:03:55

Spring5 PathPattern AntPathMatc

又被分治题卡住好几个小时！用最笨的方法搞懂分治法边界，告别死循环！

这篇文章写于我刚学算法时。好家伙，第一道题快排就卡我老半天。但是好消息是，我算是没有得过且过，花了一晚上和一上午，把所有情况都捋了一遍、把迭代过程考虑清楚了。

2021-06-23 14:52:11

分治法边界算法分治题

来看看栈和队列不为人知的一面

栈是以底层容器完成其所有的工作，对外提供统一的接口，底层容器是可插拔的(也就是说我们可以控制使用哪种容器来实现栈的功能)。

2021-06-23 14:12:40

栈算法队列

90% 前端都会的 ES6 简化代码技巧，你用过哪些？

文章介绍了 ES6 常用的一些语法以及使用场景; 但是 ES6 内容远不止于此，感兴趣的同学可以去阮一峰老师的 ES6 入门教程一书中查看详细内容。

2021-06-23 10:32:24

前端 ES6 代码

自动化：DevSecOps成功关键所在

在 DevOps 协作框架下，安全防护是整个 IT 团队的共同责任，需要贯穿至整个生命周期的每一个环节。这个理念非常重要，因此催生出了“DevSecOps”一词，强调必须为 DevOps 计划打下扎实的安全基础。

2021-06-23 10:26:19

自动化 DevSecOps 安全防护

有了这个开源项目，不会 Web 开发也能让数据“动”起来！

今天要向小伙伴们介绍的是一个能够快速地把数据制作成可视化、交互页面的 Python 框架：Streamlit，分分钟让你的数据动起来！

2021-06-23 09:52:22

Web 开发数据

华为开发者刷KPI？当事人回应了

近日，Linux 内核维护者 Qu Wenruo 在一封邮件中指出华为的开发者 Leizhen 等人提交了大量补丁，有刷 KPI 嫌疑。这些提交的补丁主要用于“清理错误信息”和“修复拼写错误”。

2021-06-23 08:30:30

KPI 华为开发者

使用 TypeScript 常见困惑：interface 和 type 的区别是什么？

当我们使用 TypeScript 时，就会用到 interface 和 type，平时感觉他们用法好像是一样的，没啥区别，都能很好的使用，所以也很少去真正的理解它们之间到底有啥区别。

2021-06-23 08:01:18

TypeScript interface type

微服务架构下的系统集成

微服务架构相比单体架构而言的优点，可以列举出很多：服务个体更小，更内聚，业务职责更清晰，可复用性更强，可以独立部署发布等等。

2021-06-22 18:00:09

微服务架构系统

HarmonyOS编程页面跳转 | Java注释版

文章由鸿蒙社区产出，想要了解更多内容请前往：51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com

2021-06-22 16:40:32

鸿蒙 HarmonyOS 应用

设计模式系列之迭代器模式

迭代器设计模式在我们业务场景中自己写的代码中我个人是觉得比较少见的，至少到目前我还没有怎么发现有好的业务场景可以用这个模式，所以这里我就不给大家举例业务代码改造了。

2021-06-22 15:27:13

设计模式迭代器模式 Java

Webpack - 手把手教你写一个 loader / plugin

webpack 只能理解 JavaScript 和 JSON 文件，这是 webpack 开箱可用的自带能力。**loader **让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中。

2021-06-22 10:43:03

Webpack loader plugin

上一页 1 ··· 259 260 261 262 263 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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