51CTO首页
内容精选
博客
学堂
精培
企业培训
CTO训练营
智能汽车
开源基础软件社区
WOT全球技术创新大会
公众号矩阵
移动端
免费课程课程排行直播课软考学堂
精品班厂商认证IT技术2023年软考PMP项目管理
在线学习企业服务
CTO训练营技术经理研习营LeaTech峰会
文章资源问答开源课堂专栏直播
51CTO
开源基础软件社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
开源基础软件社区订阅号
51CTO学堂APP
51CTO学堂企业版APP
开源基础软件社区视频号
账号设置 退出

前端

2.0w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.0w 条
填之前的坑，伪共享
我们都知道 CPU 的执行速度远大于从内存获取数据的速度，为了减少这个差距科研人员们就不断的研究，产出了高速缓存，但这个高速缓存由于工艺集成度问题，无法作为主存的介质。

2021-11-18 08:55:49

共享CPU内存
代码写得好，Reduce少不了，我用它在同事面前秀了一波！
如果 reduce的参数只有一个，那么积累值一开始是数组中第一个值，如果reduce的参数有两个，那么积累值一开始是出入的 initialValue 初始值。然后在每一次迭代时，返回的值作为下一次迭代的 accumulator 积累值。

2021-11-18 07:55:03

Reduce验证数组
Json序列化和反序列化还有这种玩法
Mixin对于前端开发者可不陌生，Vue、React等知名前端框架都使用了Mixin。而对于后端开发，尤其是Java后端开发来说Mixin却是一个很陌生的概念。今天来我们通过Jackson让后端开发者也来认识一下Mixin。

2021-11-18 07:39:41

Json 序列化Vue
经过一个月的探索，我如何将 AST 操作得跟呼吸一样自然
一直以来，前端同学们对于编译原理都存在着复杂的看法，大部分人都觉得自己写业务也用不到这么高深的理论知识，况且编译原理晦涩难懂，并不能提升自己在前端领域内的专业知识。

2021-11-18 07:29:56

AST操作ESBuild
隐藏了两年的Bug，终于连根拔起，悲观锁并没有那么简单
接手的新项目，接二连三的出现账不平的问题，作为程序员中比较执着的人，不解决誓不罢休。最终，经过两次，历时多日终于将其连根拔起。实属不易，特写篇文章记录一下。

2021-11-18 06:58:44

悲观锁程序项目
走进科学之神秘的拖拽碧油鸡
小朋友，你是不是有很多的问号。学过的知识点过段时间就忘了，下次遇到的时候还是需要百度。如果你也遇到了这种情况，那么我们就是异父异母的亲兄弟啊!!

2021-11-18 06:58:44

数据节点函数
Sentry 官方 JavaScript SDK 简介与调试指南
对于每个主要的 JavaScript 平台，都有一个特定的高阶 SDK，可以在单个包中提供您需要的所有工具。

2021-11-17 18:38:32

avaScriptSDK调试
使用这11个代码，可以大大地简化我们的代码
在这篇文章中，我将与你分享一些关于JS的技巧，可以提高你的JS技能。希望能够帮助到你。

2021-11-17 16:24:23

JS 代码函数声明
GitHub 2021年度报告发布：中国755万开发者排名全球第二
今天，GitHub重磅发布2021年度报告，透露了一个数据：全球已有超过7300万的GitHub开发者用户，几乎近60%来自北美之外的地区。其中，中国有755万，位居全球第二。

2021-11-17 16:24:11

GitHub代码开发者
Chrome 95有哪些有意思的新特性？
10月19日正式发布的Chrome 95，带来了哪些新特性呢？一起来看看吧。

2021-11-17 10:45:58

Chrome 95新特性前端
如何做一个低代码平台？这个开源项目看看！
今天TJ君要跟大家分享的就是这样一款场景化低代码（LowCode）搭建工作台， sparrow ，通过简单的操作 实时输出源代码。

2021-11-17 09:54:10

代码开发工具
LeetCode -求两个有序数组的中间值
已知两个有序数组 nums1 和 nums2，他们的数据长度分别是 n 和 m，将两个数组合并成一个新数组，返回新数组的中间值。

2021-11-17 08:43:17

LeetCode有序数组算法
为什么空类大小是一
本文想分享的空基类优化(EBO)技术。具体其实上面的示例已经很清楚了，就是子类如果继承空类，并不会产生额外的大小，它的大小还是子类本身的大小。

2021-11-17 08:26:22

空类EBO技术
Vue3 学习笔记— Axios 的使用有变化吗？
本篇文章主要目的就是想告诉我身边，正在学 vue3 或者 准备学 vue3 的同学，vue3中网络请求axios该如何使用.

2021-11-17 08:24:47

Vue3 插件Vue应用
以后没有 React Concurrent Mode了
相信很多关注React的朋友都知道Concurrent Mode，他是React渐进升级策略的产物。本文让我们一起了解React渐进升级策略的演进过程。

2021-11-17 07:44:29

React 前端 组件
推荐给前端开发人员使用的API接口
作为一个前端，我们只需要有接口API，我们就能让我们的网站变得异常生动。

2021-11-16 19:19:07

API接口前端开发
小伙一本正经用石头打造CPU，号称99秒“解决”芯片危机
全球陷入“缺芯危机”。一位加拿大小伙儿一听说这事，立马坐不住了，立志要解决这个问题。

2021-11-16 15:04:36

芯片半导体技术
如何用 JavaScript 构建命令行应用
为你的用户提供选项是任何应用的一个重要功能，而 Commander.js 使它变得容易做到。你最喜欢的 JavaScript 命令行构建器是什么？

2021-11-16 14:25:38

JavaScript前端
期待已久的React 18 Beta 来了
React团队已经在多个应用的生产环境测试了Beta版本几个月，并且相信他足够稳定。所以，开发者已经可以升级至v18 Beta版本。

2021-11-16 14:21:02

React 开发 Beta
居然可以用 JS 写 PPT？
对于前端同学来说，一身的css功力用不上也是个痛点。对于使用markdown来写文档的同学来说，将文档转成ppt需要重新排版也是件重复性的工作量。

2021-11-16 12:25:14

jsPPT前端
一场跳跃游戏！你玩过了吗？
刚看到本题一开始可能想：当前位置元素如果是3，我究竟是跳一步呢，还是两步呢，还是三步呢，究竟跳几步才是最优呢?

2021-11-16 11:32:55

开发跳跃游戏
救救大龄码农！45岁程序员在国务院网站求助 精通编程却找不到工作
程序员「35岁定律」更像是圈内人的自嘲。近日，一位45岁程序员发帖称，「自己精通各种技术体系，却连个面试机会都没有」。据统计，不论是在国内还是国外，35岁以上的程序员占比最少，尤其在中国仅有9.4%。大龄码农真的如此不堪？

2021-11-16 09:58:15

程序员技能开发者
你不知道的 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

模板模式方法
上一页 1 ··· 8485868788 ··· 401
点赞

51CTO技术栈公众号

业务
速览
在线客服