直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

你不知道的 Node.js util

在 JavaScript 中，进行变量的类型校验是一个非常令人头疼的事，如果只是简单的使用 typeof 会到各种各样的问题。

2021-11-16 08:51:29

Node JavaScript 变量类型

Vue3 学习笔记 —mixin 混入

mixin 混入，提供了一种非常灵活的方式，来分发 vue 组件中的可复用功能，一个mixin 对象可以包含任意组件选项，当组件使用 mixin 对象时，所有的 mixin 对象的选项将被混入组件本身的选项。

2021-11-16 08:50:29

Vue3 插件 Vue应用

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

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

2021-11-16 08:13:30

CSS 技巧工程化技术

一篇文章带你了解JavaScript Htmldom 导航

在一个HTML文档都是一个节点，The entire document is a document node 每个HTML元素是元素节点在HTML元素的文本是文本节点每一个HTML属性是一个属性节点所有注释都是注释节点。

2021-11-16 07:54:33

JavaScript 导航 HTML

为啥同样的逻辑在不同前端框架中效果不同

前端框架中经常有「将多个自变量变化触发的更新合并为一次执行」的批处理场景，框架的类型不同，批处理的时机也不同。

2021-11-16 07:52:24

前端技术编程

如果你讨厌写 if else，怎么办？

近期家里有点事，导致我的每日运动和日更都中断了，不过我并不打算苛责自己，毕竟不是计算机，做不到那么精确和规律，何况为了家人，断了就断了吧。

2021-11-16 07:02:05

函数 Python 返回值

HarmonyOS Codelabs之Js2JavaCodegen JSFA调用PA工具

JS FA(Feature Ability)调用PA (Particle Ability)是使用基于JS扩展的类Web开发范式的方舟开发框架所提供的一种跨语言能力调用的机制，用于建立JS能力与Java能力之间传递方法调用、处理数据返回以及订阅事件上报的通道。

2021-11-15 15:11:14

鸿蒙 HarmonyOS 应用

Webpack 性能系列五：使用 Scope Hoisting

Webpack 会将模块打包成一个一个分离的函数，这会造成一定程度上的代码冗余与运行性能问题.

2021-11-15 09:44:49

Webpack 前端 Scope Hois

Vuex4 极速入门到上手

vuex4 是 vue3的兼容版本，提供了和vuex3 的相同API。因此我们可以在 vue3 中复用之前已存在的 vuex 代码。

2021-11-15 08:16:05

Vue 技巧开发工具

一篇聊聊最长未重复子字符串

使用字典存储非重复子字符串的下一个可能有效字符的位置,然后迭代字符串更新 maxLen、dictionary 和遇到重复时的 startIdx。

2021-11-15 07:47:40

字符串位置存储

巧用渐变实现高级感拉满的背景光动画

本文，会带来另外一个有意思的效果，巧用渐变实现高级感拉满的背景光动画。这个效果想利用 CSS 完全复制是比较困难的。CSS 模拟出来的光效阴影相对会 Low 一点，只能说是尽量还原。

2021-11-15 07:45:06

CSS 技巧背景光动画

MyBatis 中为什么不建议使用 Where 1=1？

最近接手了一个老项目，“愉悦的心情”自然无以言表，做开发的朋友都懂，这里就不多说了，都是泪图片...

2021-11-15 06:56:45

MyBatis 开发项目

如何优雅的解决空指针？

在实际的系统运行过程中，难免会出现报NullPointerException空指针的错误，造成这样的本质原因就是数据或者对象为空，导致程序进一步执行的时候报错!

2021-11-15 06:56:45

系统运行空指针

阿里分布式中间件 Seata 从入门到精通

最近在写一本关于阿里巴巴分布式事务中间件 Seata 的电子书，Seata可以说是分布式事务中间件中最完善的了，包括了 AT、TCC、Saga、XA 四种模式，目前 Seata 已经更新到了 1.4.2 版本。

2021-11-14 16:07:35

中间件阿里 Seata

Linkerd 2.11 中文实战手册，你学会了吗？

将您的服务添加到 Linkerd. 为了让您的服务利用 Linkerd，它们还需要通过将 Linkerd 的数据平面代理注入到它们的 pod 中来进行网格化。

2021-11-14 16:06:54

实战中文 Linkerd

聊聊 Sdk 和问题排查

当我们以 sdk 的方式提供一种能力的时候，我们的实现不仅决定了业务的使用方式和成本，还决定用户是否乐意使用它。

2021-11-14 05:00:56

排查 Sdk 方式

《前端实战总结》如何在不刷新页面的情况下改变URL

由于公司最近有个需求是想让我们的get请求的参数都直接显示在浏览器url上，这样我们就可以直接通过复制url来显示对应的界面数据了。

2021-11-12 21:15:47

前端技术编程

编码风格不一，代码杂乱无章？五招解决你的痛点

项目总会有多人进行开发和维护，保持统一的编码风格很重要。但说起来容易做起来难，每个人都有自己的编码习惯，不去对比自己都难以意识到。

2021-11-12 14:50:12

代码开发工具

最大子序和，又贪心又DP

本题的贪心思路其实并不好想，这也进一步验证了，别看贪心理论很直白，有时候看似是常识，但贪心的题目一点都不简单!

2021-11-12 11:31:27

数据结构算法贪心解法

什么？跳表都不知道的你还敢去面 BAT！

跳表这一数据结构，已经成为了Redis面试的高频考点。前两年没这么卷的时候，可能大家从开始学习，到拿到大厂offer这一过程，都可能没听说过跳表这一数据结构。

2021-11-12 10:05:19

跳表 BAT 面试

每日算法：回文子串

给定一个字符串，你的任务是计算这个字符串中有多少个回文子串。具有不同开始位置或结束位置的子串，即使是由相同的字符组成，也会被视作不同的子串。

2021-11-12 09:44:03

字符串算法复杂度

Leetcode 必备算法：聊聊滑动窗口

我们刷leetcode的时候，经常会遇到滑动窗口类型题目。滑动窗口问题非常经典，也很有技巧性，一般大厂也喜欢问。今天跟大家一起来学习滑动窗口的套路，文章如果有不正确的地方，欢迎大家指出哈，感谢感谢~

2021-11-12 09:30:46

滑动窗口算法

九张图，带你了解一致性哈希原理

一致性哈希算法在1997年由麻省理工学院提出(参见扩展阅读[1])，设计目标是为了解决因特网中的热点(Hot spot)问题，初衷和CARP十分类似。

2021-11-12 08:38:26

一致性哈希算法数据结构

一个正经开发人员的安全意识

作为交付业务的开发人员来说，安全从来都是一个重要的话题，并且如果是从事健康、金融等相关领域，在北美的合规性上更是尤甚。

2021-11-12 06:03:10

开发人员开发安全意识

一日一技：使用装饰器简化大量 if…elif…代码

今天在 Github 阅读EdgeDB[1]的代码，发现它在处理大量if...elif...else判断的时候，使用了一个非常巧妙的装饰器。我们来看看这个方法具体是什么样的。

2021-11-12 05:00:43

装饰器代码功能

前端文件数据格式那些事儿

在 Web 开发中，当我们处理文件时（创建，上传，下载），经常会遇到二进制数据。另一个典型的应用场景是图像处理。

2021-11-11 23:16:33

前端数据格式 Web

【鸿蒙开发】开发笔记-对象关系映射数据库

HarmonyOS对象关系映射(Object Relational Mapping，ORM)数据库是一款基于SQLite的数据库框架，屏蔽了底层SQLite数据库的SQL操作，针对实体和关系提供了增删改查等一系列的面向对象接口。

2021-11-11 17:36:07

鸿蒙 HarmonyOS 应用

面试官：说说你对模板方法模式的理解？应用场景？

在模板模式(Template Pattern)中，一个抽象类公开定义了执行它的方法的方式/模板，它的子类可以按需要重写方法实现，但调用将以抽象类中定义的方式进行。

2021-11-11 16:37:05

模板模式方法

Javascript中七种方法在Array中查找指定项

在Javascript中有很多方法可以实现查询在一个array中是否包含一个元素。当然可以使用for循环或者Array.indesOf()方法。现在，ES6添加了一些更有用的方法在array中搜索我们想要的结果。

2021-11-11 14:50:01

JavaScript arry编程开发

摆动序列，也能贪心

如果连续数字之间的差严格地在正数和负数之间交替，则数字序列称为摆动序列。第一个差(如果存在的话)可能是正数或负数。少于两个元素的序列也是摆动序列。

2021-11-11 11:31:54

摆动序列数字

盘点JavaScript中的事件及事件的三种模型

我们知道在很多编程语言都有事件这个概念，在JavaScript中同样存在事件，原因也很简单，我们知道HTML是页面结构层，相当于人的骨架。

2021-11-11 11:24:54

JavaScript 模型事件

Node.js 基础 - 包管理器 Npm 使用讲解

包管理器又称软件包管理系统，它是在电脑中自动安装、配制、卸载和升级软件包的工具组合，在各种系统软件和应用软件的安装管理中均有广泛应用。对于我们业务开发也很受益，相同的东西不必重复去造轮子。

2021-11-11 11:13:20

CSS 边玩边学，这五个游戏让你对 CSS 的掌握更进一步！

最近都在研究如何让Web前端学习更加有趣，对新人更加友好，而游戏化（Gamification）是我未来也想要深入的一个重要方向。

2021-11-11 11:05:35

CSS 游戏前端

代码能用即可，重构不是万能药

写烂代码很容易，但是就算写成一坨屎，能用即可，你同意这种观点吗？

2021-11-11 10:41:25

代码开发工具

2021年收入最高的编程语言你还没学？Rust凭啥荣登薪资榜首

热度逐渐升温的编程语言Rust在2021年终于是荣登薪酬排行榜第一，主要是目前Rust程序员的供应量还不足，需求量在不断上升。机会就在眼前，现在学Rust还不晚！

2021-11-11 10:34:04

编程语言开发 Rust

肝了三天三夜，一文道尽 Python的 Xpath 解析！

大家在写爬虫时，往往获取到网页之后，需要从网页中提取我们需要的信息。这时候就需要用到 xpath 或者 css 选择器来定位页面元素信息。

2021-11-11 10:07:02

Python Xpath 网页

你是这样的CSS，19个唯美的边框，我的项目又有“亮”点了！

今天，分享一波唯美的边框，可增加我们的项目"亮"点，让用户爱起来。希望对你有所帮助！

2021-11-11 09:07:04

CSS 技巧唯美的边框

应用配置管理之组装模型和模板模型

模板模型需要定义配置实例的模板，根据应用拓扑的结构，形成若干个变更集，对配置实例模板进行覆盖，得到最终的配置实例。

2021-11-11 08:34:54

应用配置模板

Vue-router 4，你真的熟练吗？

虽然 vue-router 4 大多数 API 保持不变，但是在 vue3 中以插件形式存在，所以在使用时有一定的变化。接下来就学习学习它是如何使用的。

2021-11-11 08:20:47

Vue 技巧开发工具

Not not x 和 Bool(x) 用哪个比较好？

从结果来看，not not x 比 bool(x) 更快，主要原因在于 bool(x) 是一个函数调用，函数调用需要参数压入栈顶，堆栈的顶部包含位置参数，最右边的参数在顶部，参数下面是要调用的可调用对象。

2021-11-11 07:02:33

类型函数调用

OpenHarmony 源码解析之分布式任务调度（一）

为了更全面地理解与掌握分布式任务调度子系统，我先从分布式远程启动这个简单的功能开始，利用开源鸿蒙开放的源代码，进行深入学习。

2021-11-10 16:10:18

鸿蒙 HarmonyOS 应用

别找了，这才是 Pyecharts 的正确打开方式！

如果你尝试用 Python 进行可视化，会发现用起来很爽，但是保存或者展示确稍显麻烦。就拿 pyehcharts 来说，如果在需要展示的时候启动 notebook 现场执行代码，这应该是最麻烦的方式。

2021-11-10 16:03:42

Pyecharts Python 可视化

细说 Spring 整合 Mybatis

要实现MyBatis与Spring的整合，很明显需要这两个框架的JAR包，但是只使用这两个框架中所提供的JAR包是不够的，还需要其他的JAR包来配合使用，整合时所需准备的JAR包具体如下。

2021-11-10 11:37:48

Spring 整合 Mybatis

研究 Protobuf 时发现一个挺好的算法 — ZigZag

我原本是想研究 Protobuf 原理呢，但在研究过程中发现 Protobuf 在对负数编码时使用到了 ZigZag 算法，所以才有了本篇。当然你不懂 Protobuf 也完全不影响阅读。

2021-11-10 10:31:15

算法信息技术

异或运算常见的应用

大家可能比较熟悉 "与" 运算和 "或" 运算，相对而言， "异或" 运算平常使用较少，存在感也不强，如果不是刻意提起，可能还想不到它。

2021-11-10 09:57:02

异或运算应用

程序员必备的几种常见排序算法和搜索算法总结

最近为了巩固一下自己的算法基础,又把算法书里的基本算法刷了一遍, 特地总结一下前端工程师需要了解的排序算法和搜索算法知识,虽然还有很多高深算法需要了解,

2021-11-10 09:17:18

程序员排序算法搜索算法

炸裂，用JS创建一个录屏功能

OBS studio很酷，但 JavaScript 更酷，现在，我们用 JavaScript 创建自己的录屏功能。首先，创建一个HTML文件，包含记录按钮和一个播放标签。

2021-11-10 09:10:46

JS 录屏功能 JavaScript

面试官：说说你对组合模式的理解？应用场景？

组合模式，又叫 “部分整体” 模式，将对象组合成树形结构，以表示 “部分-整体” 的层次结构。通过对象的多态性表现，使得用户对单个对象和组合对象的使用具有一致性。

2021-11-10 07:47:49

组合模式场景

简单、好懂的Svelte实现原理

本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学

2021-11-10 07:44:45

Svelte 前端框架

让我们一起聊聊 Linkerd Smi 扩展入门

Linkerd 支持 SMI 的 TrafficSplit 规范，该规范可用于在本地执行跨服务的流量拆分。这意味着您可以在没有任何额外组件/配置的情况下应用 SMI 资源，但这显然有一些缺点，因为 Linkerd 可能无法添加特定于它的额外特定配置，因为 SMI 更像是服务网格功能的最小公分母。

2021-11-09 23:54:19

开发 SMI Linkerd

上一页 1 ··· 175 176 177 178 179 ··· 492 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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