开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

妙用 Drop-shadow 实现酷炫线条光影效果

本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。

2021-09-30 08:25:28

CSS 技巧酷炫线条光影

Zookeeper入门看这篇就够了

Zookeeper 是一个分布式应用程序的分布式开源协调服务。是Apache Hadoop 的一个子项目，主要用来解决分布式应用中经常遇到的一些数据管理问题，例如：统一命名服务、状态同步服务、集群管理、分布式应用配置项的管理等。

2021-09-30 07:59:06

zookeeper 一致性算法 CAP

面试官：说说常见的排序算法有哪些？区别？

排序是程序开发中非常常见的操作，对一组任意的数据元素经过排序操作后，就可以把他们变成一组一定规则排序的有序序列.

2021-09-30 07:57:13

排序算法面试

AbortSignal：以前我没得选，现在我想中止Promise

AbortSignal的出现使promise从语义上变为可中止的。并且，只要符合规范，所有异步操作都能变为「可中止的」。AbortSignal是个实验性API，不过兼容性还不错，而且polyfill实现起来也不复杂。

2021-09-30 07:52:06

AbortSignal promise API

Android源码进阶之深入理解View的绘制流程（Draw）机制

三大工作流程始于ViewRootImpl#performTraversals,在这个方法内部会分别调用performMeasure，performLayout，performDraw三个方法来分别完成测量，布局，绘制流程。那么我们现在先从performDraw方法看起。

2021-09-30 07:36:51

Android View Draw

MQ那点破事！消息丢失、重复消费、消费顺序、堆积、事务、高可用....

为了便于大家查找问题，了解全貌，整理个目录，我们可以快速全局了解关于消息队列，面试官一般会问哪些问题。

2021-09-30 07:26:15

MQ 消息丢失

Gpu.js 在医学检查影像显示-Web 版的运用

医学检查影像显示里边，调窗是一个基础的常用操作：通过滑动鼠标来改变窗宽窗位的大小，窗宽(宽度)、窗位(中心点)其实就是一个像素数值的区间，图像的所有像素点的像素值在这个区间的就显示，不在区间的就不显示。

2021-09-30 06:31:12

Gpu.js Web 版 Web 版

用脱口秀大会来讲观察者模式

最近正在热播的脱口秀大会，想必大家都看过了吧，那这次我来带着大家来看下大会上的观察者模式吧。

2021-09-29 19:45:24

观察者模式 Observable

面试官竟然敢问我URLEncode 及Gbk, Unicode等编码

unicode 在很长一段时间内无法推广，直到互联网的出现，为解决 unicode 如何在网络上传输的问题，于是面向传输的众多 UTF(UCS Transfer Format)标准出现了，顾名思义，UTF-8 就是每次 8 个位传输数据，而 UTF-16 就是每次 16 个位。

2021-09-29 19:17:51

编码 URLEncode GBK

前端快闪三：多环境灵活配置React

一般会使用npm run build或者yarn build构建出静态资源，由web服务器承载。你会体验到：多环境：test、staging、prod,他们都是独立服务器、不同的主机名，需要打不同的包。

2021-09-29 19:16:07

前端 React 配置

数据结构与算法之最小生成树，秒懂！

在数据结构与算法的图论中，(生成)最小生成树算法是一种常用并且和生活贴切比较近的一种算法。但是可能很多人对概念不是很清楚，什么是最小生成树?

2021-09-29 18:28:41

数据结构算法最小生成树

原来……代码真的能写到50岁？

“如果不是家里穷，我也不想当码农。”如果，我是说如果，你的人生能重来?也许，是这样的剧本?

2021-09-29 15:57:20

代码码农人生

浅谈配置文件格式

计算机上有数以千计的配置文件。你可能永远不会直接与其中的大部分文件打交道，但它们确实散落在你的 /etc 以及 ~/.config、~/.local、/usr 文件夹中。还有一些可能在 /var，甚至 /opt 文件夹中。

2021-09-29 15:52:26

计算机配置文件语言

设计模式系列-抽象工厂模式

抽象工厂提供了一个创建一系列相关或相互依赖对象的接口，而无需指定他们具体的类。简单来说是为需要创建多个相关联产品的场景提供了解决思路。

2021-09-29 13:53:17

抽象工厂模式

重新“定义”Vue 3的异步组件

在 Vue 3 中函数式组件均有普通函数来定义，所以异步组件需要通过 defineAsyncComponent 来进行显式地定义。

2021-09-29 11:33:19

异步组件 Vue 3

Vue 项目打包部署总结

使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。

2021-09-29 11:00:49

Vue 文件前端

每日算法：平衡二叉树

自顶向下的比较每个节点的左右子树的最大高度差，如果二叉树中每个节点的左右子树最大高度差小于等于 1 ，即每个子树都平衡时，此时二叉树才是平衡二叉树.

2021-09-29 10:19:00

算法平衡二叉树

Android高手进阶之ViewDragHelper使用详解以及拖动上下滑卡片实现

今天我们就来讲解下ViewDragHelper;ViewDragHelper是针对 ViewGroup 中的拖拽和重新定位 views 操作时提供了一系列非常有用的方法和状态追踪。

2021-09-29 09:42:32

Android ViewDragHel 拖动上下滑卡片

分布式事务知识小结

PC 和 3PC 是一种强一致性事务，不过还是有数据不一致，阻塞等风险，而且只能用在数据库层面。

2021-09-29 09:07:37

分布式架构系统

JetBrains 公开 2021 年开发者生态系统调查的原始数据

此前，本站报道了 JetBrains 的第五次年度开发者生态系统调查结果，现在，JetBrains 公布了此次调查的原始数据。

2021-09-29 09:02:04

JetBrains 开发者原始数据

手把手教你使用Scrapy框架来爬取北京新发地价格行情（理论篇）

大家好!我是霖hero。上个月的时候，我写了一篇关于IP代理的文章，手把手教你使用XPath爬取免费代理IP，今天在这里分享我的第二篇文章，希望大家可以喜欢。

2021-09-29 08:53:36

scrapy 框架 Twisted

我用这十八个神奇的库，美化了我的项目，真是亮瞎我的眼！

从我最喜欢的资源库开始。有了这个库，可以从Adobe After Effects中创建的动画直接导出到你的网站。提高你的工作效率。

2021-09-29 08:23:56

基于业务场景下的图片/文件上传方案总结

图片/文件上传组是企业项目开发中必不可少的环节之一, 但凡涉及到用户模块的都会有图片/文件上传需求, 在很多第三方组件库(ant desigin, element ui)中它也是基础组件之一.

2021-09-29 08:08:13

前端技术编程

前端以后也要多线程编程了么？

前端工程师多年来习惯了在浏览器环境进行单线程开发。随着浏览器对web worker的广泛支持、前端项目复杂度逐渐提高，「利用worker线程缓解主线程计算压力」逐渐成为一种可行方案。

2021-09-29 07:41:27

前端技术编程

11 个编程小技巧，使用起来更省心

正在学 Python 的你并不孤单，有我在这里陪着你每天学习一个 Python 小技术，你可以加我微信「somenzz」相互交流。今天我为初学者整理了 11 个编程小技巧，使用起来非常省心，相信你看完定会有所收获。

2021-09-29 07:13:12

编程 Python Merge

为什么有的团队严禁使用Lombok？

Java，作为一款非常热门的编程语言，尽管它有着非常丰富的语言特性，完全面向对象编程，编程高度规范化。

2021-09-29 06:28:12

Lombok 团队语言

JavaScript数组reduce()方法详解及使用技巧

reduce() 方法接收一个函数作为累加器，数组中的每个值(从左到右)开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose。

2021-09-29 06:03:37

JavaScript reduce() 前端

PLEG is not healthy？幕后黑手居然是它！

PLEG 全称叫 Pod Lifecycle Event Generator，即 Pod 生命周期事件生成器。实际上它只是 Kubelet 中的一个模块，主要职责就是通过每个匹配的 Pod 级别事件来调整容器运行时的状态，并将调整的结果写入缓存，使 Pod 的缓存保持最新状态。

2021-09-29 00:19:10

容器集群 k8s

ZK SYN Flood与参数优化

Zookeeper集群部分节点连接数量瞬时跌零，导致不少服务发生重连，对业务造成了影响(惊吓)，本文就发生的现象进行分析和整理。

2021-09-28 20:19:09

参数优化 Zookeeper

五种有趣的 UseEffect 无限循环类型

一般来说，无限循环被认为是不好的做法。但在一些边界 case 中，你没有任何选择，只能选择无限循环。了解 React 的无限循环模式是件好事。

2021-09-28 10:32:53

循环类型 useEffect

程序员提高代码编译速度，都怎么做的？

编码一分钟，编译十分钟，这谁能受的了？今天就来说说嵌入式软件开发中，常见的提高编译速度的一些操作或者方法。

2021-09-28 09:57:50

程序员技能开发

联发科计划为 nanoMIPS 带来上游 GCC 编译器支持

联发科正致力于为 nanoMIPS 带来上游 GCC 编译器支持，不过官方并未透露其这样做的原因。Phoronix 猜测称，或许与该公司的调制解调器的控制处理器中仍然依赖的指令集架构(ISA)有关。

2021-09-28 09:34:35

联发科编译器 GCC

uni-app 提供开箱即用的 SSR 支持

uni-app 团队近期在完成 Vue 3.0 的全平台升级后，基于 Vue 3.0 + uniCloud，发布了开箱即用的 SSR 支持，官方称其为 uniCloud 版的 SSR。

2021-09-28 09:30:18

uni-app Vue 3.0 uniCloud

React Hooks和Redux哪个才是更好的状态管理策略？译文

本文先介绍了如何使用Redux Toolkit的综合状态管理策略，去实现全局存储；然后探究了一个简单的应用程序，如何通过使用核心的React Hooks，去实现状态管理的各个细节；最后得出两者可以混合使用，相互补足的使用建议。

2021-09-28 09:00:00

开发 JavaScript 存储

终于搞懂了Flex:1 是怎么工作的了！

你有没有想过 CSS 中的 flex属性如何工作?它是 flex-grow，flex-shrink和flex-basis的简写。开发中最常见的写法是flex：1，它表示 flex 项目扩展并填充可用空间。

2021-09-28 08:31:22

Flex:1 CSS flex属性

妙用CSS混合模式实现文字镂空波浪效果

通过混合模式，我们巧妙的实现了这样一个文字镂空的波浪效果。通过混合模式的特性，过滤掉了效果中一些我们不希望看见的颜色，只让正确的颜色在正确的地方出现。

2021-09-28 08:26:06

CSS 技巧文字镂空波浪

一文带你搞懂JavaScript Currying（柯里化）函数

柯里化(Currying)是一种关于函数的高阶技术。它不仅被用于 JavaScript，还被用于其他编程语言。

2021-09-28 07:12:10

avaScript Currying 柯里化

JWT 的 Token 过期时间为什么没有生效

在我第一次在 DRF(Django REST Framework)中使用 JWT 时，感觉 JWT 非常神奇，它即没有使用 session、cookie，也不使用数据库，仅靠一段加密的字符串，就解决了用户身份验证的烦恼。

2021-09-28 06:57:22

JWT 过期生效

突发！LayUI宣布下线

LayUI 官网发布公告称，LayUI 官网将于 2021 年 10 月 13 日进行下线。届时包括新版下载、文档和示例在内的所有框架日常维护工作，将全部迁移到 Github 和 Gitee。

2021-09-28 06:41:54

LayUI 开源 Github

每日算法：二叉树的最近公共祖先

百度百科中最近公共祖先的定义为：“对于有根树 T 的两个结点 p、q，最近公共祖先表示为一个结点 x，满足 x 是 p、q 的祖先且 x 的深度尽可能大(一个节点也可以是它自己的祖先)。”

2021-09-28 06:28:51

二叉树公共祖先

一些有关使用EF的错误用法展开的思考

这是一个对话性的讨论，它讨论了一个严重的问题趋势，我发现在由初级团队到架构师团队的各种规模的组织中，EntityFramework的利用率都很高。

2021-09-28 06:28:51

EF 错误用法

妙用 Background 实现花式文字效果

本文将讲解如何利用 background 系列属性，巧妙的实现一些花式的文字效果。通过 background-size 与 background-position 实现酷炫的文字下划线效果。

2021-09-28 06:00:01

Background CSS 技巧

PostTask：React的杀手锏被浏览器原生实现了？

未来，当「优先级调度」复杂到一定程度时，一定也会出现集成解决方案，让开发者不用直接操作优先级。这不就是React现在在做的事么?

2021-09-28 05:51:25

PostTask React 浏览器

关于Go程序错误处理的一些建议

今天给大家总结三点 Go 代码错误处理相关的最佳实践给大家。

2021-09-27 15:33:48

Go 开发技术

鲲鹏开发套件DevKit2.0重磅推出，从“应用迁移”走向“原生开发”，做好“开发者的开发者”

鲲鹏DevKit立志做好“开发者的开发者”，以高效迁移和极简开发，为开发者创新赋能，共同繁荣鲲鹏计算生态。

2021-09-27 15:10:16

HarmonyOS实战—TextField文本输入框组件基本使用

Text文本(忘记密码了?)组件默认是左边放置的，加上 ohos:layout_alignment="right"就是右边放置了，同时也给个ohos:right_margin="20vp"和右边的屏幕有些距离。

2021-09-27 14:44:48

鸿蒙 HarmonyOS 应用

优化排查线程阻塞：CompletableFuture 和 DiscardPolicy

既然不是死循环、CPU空转。那是不是代码阻塞的问题呢。导出 66182 进程jvm的 stack 文件 jstack -l 66182 > block66182.jstack。因为知道是http 线程的问题。

2021-09-27 13:01:52

线程阻塞排查

一篇学会深拷贝和浅拷贝

对于引用类型来说，你的每一次拷贝，Go 不会申请新的内存空间，而是使用它的指针，两个变量名其实都指向同一块内存空间，改变其中一个变量，会直接影响另一个变量。

2021-09-27 11:07:11

深拷贝浅拷贝内存

快醒醒，Cookie + Session 的时代已经过去了

由于 HTTP 协议是无状态的，完成操作关闭浏览器后，客户端和服务端的连接就断开了，所以我们必须要有一种机制来保证客户端和服务端之间会话的连续性，常见的，就是使用 Cookie + Session(会话) 的方式。

2021-09-27 11:00:06

Cookie Session 浏览器

建立和维护大型 Vue.js 项目的 10 个优秀实践

今天，我将与您分享10个最佳实践，如果您要处理大量的代码库，我建议您遵循这些最佳实践。

2021-09-27 10:48:42

开发技能代码

上一页 1 ··· 96 97 98 99 100 ··· 404 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

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