51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
账号设置 退出

前端

2.7w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.7w 条
你不知道的 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

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

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

js Npm基础
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

PythonXpath 网页
你是这样的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 ··· 226227228229230 ··· 543
点赞

51CTO技术栈公众号

业务
速览
在线客服