前端

上篇文章《用177行代码写个体验超好的五子棋》，我们一起用177行代码实现了一个本地对战的五子棋游戏。,现在，如果我们要做一个联机五子棋，怎么办呢？,首先，我们需要一个后端服务。2个不同的玩家，一起连...

新技术的出现和老技术的淘汰让前端开发者们需要不断地学习和更新知识。特别是在经济不好的情况下，是否掌握新的技术很大程度决定着你是否被淘汰。,,虽然应用程序试图将网站替代，但前端 Web 开发业务仍在快速...

根据Micro-Frontend 官网的定义，微前端是将网站或者 web 应用程序视为由独立团队拥有的功能组合。这么说你可能会感到难以理解，通俗地讲，微前端就是各个仓库组件独立，彼此可以独立开发和部署...

,你是否在为如何制定前后端协作规范而发愁？干货来啦，一文带你了解我们团队内部沉淀并践行已久的前后端协作规范，读完本文，回去大胆拒绝你后端的不合理设计！,假如你要在团队内部推一套规范，那么首先你得知道为...

为了方便后续测试，我们可以使用node创建一个简单的服务器。,服务器端代码：,我们可以使用 node 或 nodemon 启动服务器：,然后我们的前端由一个 HTML 文件和一个 JS 文件组成。,I...

作者 | 华华,​毕业后就投身于前端行业，这期间做过业务，做过基建，大前端技术体系下的各个子方向基本都实践过。回过头来看，与刚进入前端行业时相比，对前端行业的认识更清晰了，但也发现困惑更多了，追求的东...

提到 popover，相信大家都很熟悉，没错，就是组件库里经常见到的悬浮层（或者叫“气泡卡片”），比如 Ant Design。 现在，这个好用的特性终于要在Chrome 114上正式支持了~下面花几分...

,随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。,一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常...

相信每一位前端程序员，在日常编写代码中，或多或少都会碰到前端三题：,㈠ 有没有便捷的 H5 页面抓包和模拟假数据方法？,㈡ 在公司网络限制下如何做到手机直连电脑服务，而不是通过费时费力的流水线打包访问...

G行某平台类应用系统提供高并发、低延迟的服务请求，该系统的的响应时间在1毫秒左右，目前最大TPS在2.5万左右，为保证该系统的快速响应，系统设置的超时时间为30毫秒。在一次巡检中发现，该系统的几台服务...

我常常需要处理二进制数据，每次面对一堆二进制数据，需要自己逐个字节转换为二进制、十六进制，去阅读和理解，去排查问题。,举个例子：有一个场景是我的《我做了个《联机桌游合集: UNO+斗地主+五子棋》无需...

有一句谚语“你不必重新发明轮子”。一个好的项目使用一些实用的好的库能大大节约开发周期。 我认为 .NET 不需要任何介绍。它用于开发各种各样的应用程序，包括物联网设备、游戏、桌面和移动应用程序等。在这...

要让Chrome浏览器支持小于12px的文字，可以使用CSS的font-size属性来设置字体大小。 以下是一个示例CSS代码，将所有字体大小设置为小于12px： * { font-size: 10p...

哈喽，大家好，我是了不起。 高考结束了，依然祝高考学子们取得好成绩，然后报考计算机专业，然后快点毕业，来接收哥哥姐姐们留下的代码文明。。。。 接到某城举报，某迪泄露高考题目。 最近生产环境各种问题，几...

NodeJS在前端领域正扮演着越越重要的地位，它不仅可以让前端工作者使用javascript编写后端代码，还能方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I/O 模型...

小伙伴们知道，松哥最近在录 TienChin 项目，用的 RuoYi-Vue 脚手架，前端关于网络请求的地方，很多都涉及到了 Promise，为了让小伙伴们能更好的理解前端代码，咱们抽空整一篇文章和大...

,大家好，我卡颂。,前端领域这几年涌现了很多新兴的前端框架，比如Qwik​、Svelte​、Astro等。,这些框架多以「前端工程师」作为受众。,那么，以「后端工程师」作为受众的前端框架是啥样的，他与...

我们都知道现在好很多微服务中都使用 Nacos，而且 Nacos 也是微服务中必不可少好的一环，我们今天来说说这和个 Nacos 还有如何安装一个 Windows 版本的 Nacos 并且把 Naco...

疑问:已经有了if结构为什么还会有如if-else,if-else if与switch这样的选择结构。 if-else结构 if-else结构也是选择结构中的一种,可以让代码选择执行,即“某些代码可能...

JavaScript 是一种非常强大的编程语言，它通过提供构建动态和交互式网站的方法在 Web 开发中找到了自己的位置。它在开发人员和 Web 设计人员中的流行程度如此之高，以至于不断出现旨在进一步增...

项目介绍 日志脱敏是常见的安全需求。普通的基于工具类方法的方式，对代码的入侵性太强，编写起来又特别麻烦。 sensitive[1] 提供了基于注解的方式，并且内置了常见的脱敏方式，便于开发。 日志脱敏...

大家好，我是前端西瓜哥，今天带大家看一下 PixiJS 的源码实现。 PixiJS 是一个非常流行的 Canvas 库，start 数将近 4w。 使用 PixiJS 简单易用的 API，我们可以在浏...

​译者 | 李睿,审校 | 孙淑娟,当今软件开发中最具活力的领域之一是前端架构。而一些创新者正在推动最新技术的发展，以设计出更强大的方法来构建动态用户界面。这项工作大部分都在以惊人的速度进行，而且是公...

说起前端构建，大家一定首先想到 Webpack，确实它是前端构建的老大哥了，大而全，什么场景都能满足，社区生态爆炸。但是社区里也有许多其他优秀的构建工具，他们或许不如 Webpack 那样“包治百病...

大家好，我是 CoderBin，本文总结了React中的一些常用技巧，相信看完本文的小伙伴都能从中有所收获。,创作不易，你们的点赞收藏留言就是我最大的动力,如果文中有不对、疑惑的地方，欢迎各位小伙伴们...

Python中的循环语句是我们编写程序时经常使用的工具之一，它可以帮助我们对数据进行迭代、过滤和操作。但是，在某些情况下，使用循环语句可能会导致代码变得复杂、难以维护或运行速度缓慢。所幸，Python...

背景 设计师的原稿是这样的渐变： 导出的视觉稿是这样的：（导出工具没有识别到渐变） 于是决定去找设计师沟通这个渐变”长什么样“。当然，设计师并不会像写 CSS 一样给你描述渐变，所以作为需要写出这个渐...

有时候我看到有人会使用 ReadProcessMemory 这个 API 来实现进程间通信，老实说吧，我觉得这不是一个明智的选择，原因有如下几条。 首先，你不能使用 ReadProcessMemory...

作者：vivo 互联网前端团队- Su Ning,在设计稿转网页中运用基于self-attention机制设计的机器学习模型进行设计稿的布局，能够结合dom节点的上下文得出合理的方案。,切图作为前端的...

,大家好，我卡颂。,在我的技术群里大家经常会聊一些宏观的技术问题，就比如：,这样的讨论，到最后往往会陷入技术的细枝末节的比较，比如：,很多程序员朋友，会觉得：,但实际上，一些大家纠结的技术问题，往往跟...

最近笔者在工作上一直听到后端工程师们在谈论 Microservices(微服务) 的架构设计，听到的当下立马去查询才知道原来 Microservices 这麽潮，身为前端工程师的我当然也希望前端也可以...

大家好，我是 CoderBin，防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个函数还是有点摸不着头脑：无法区分防抖节流、可以区分却不...

前言 考大家一道题目，下面的类执行结果是什么？？？ public class DispatcherClient { public static void main(String[] args) { A...

一、同步机制 保证共享资源的读写安全，需要一种同步机制：用于解决 2 方面问题： 线程间通信：线程间交换信息的机制 线程间同步：控制不同线程之间操作发生相对顺序的机制 二、同步机制-管程 2.1 认识...

一 引发性能问题原因? 引发性能问题的原因通常不是单方面缘由，特别是大型系统迭代多年后，长期积劳成疾造成，所以我们要必要分析找到症结所在，并按瓶颈优先级逐个击破，拿我们项目为例，大概分几个方面： 1 ...

经常会有人问学习Web前端开发到底该用哪个软件写代码比较好呢？针对前端开发编辑器的选择，每个人都有自己的想法，有的比较看重交互友好的，有的看重界面好看的，有的觉得无所谓，只要不让我掏钱就好。今天在这里...

,作为前端工程师，前端工程化是经常听到的概念，但虽然经常听到，很多人对它的认识依然很模糊。,比如，提到前端工程化，他并不能说出什么是前端工程化。给出一门具体的技术，他也不能确定是不是属于工程化范畴的技...

与仅承担数据处理逻辑的后端不同，前端需要负责界面渲染、数据处理、和接口调用，在框架诞生前，更多地是编写页面维度的顺序脚本代码。随着前端继续的持续发展，ES6推出了class语法糖，React提出了函数...

本文为来自 字节教育-成人与创新前端团队 成员的文章，已授权 ELab 发布。,在计算机科学中，抽象语法树是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代...

给元素设置伪元素的时候，必须设置其 content属性，浏览器才会将这些元素插入到选择的元素中。该值可以设置为空字符串： content: ""。,::before 表示在原始元素的实际内容之前表示一...

前言 我研究 Solid.js 源码已经有一段时间了，在钻研的过程中我发现了其中的一些迷惑行为，在搞懂之后终于恍然大悟，忍不住想要分享给大家。不过这么说其实也不太准确，因为在严格意义上来讲 Solid...

本篇文章来教大家搭建一个好的PHP和Python环境，可以帮助开发和运行PHP和Python应用程序，使其更加高效和稳定。 一、 PHP环境介绍 好的开发环境无疑会大大提升编码效率，近日钻研了一下Py...

作者：京东物流 李菲菲,,现有的大部分监控方案都是针对服务端的，而针对前端的监控很少，诸如线上页面的白屏时间是多少、静态资源的加载情况如何、接口请求耗时好久、什么时候挂掉了、为什么挂掉，这些都不清楚...

你知道 ​​0 ?? 1​​等于多少吗？,大家好，我是 ​​LBJ​​，今天我们聊聊​​2022​​一些值得掌握的新特性!,现在前端发展很快，各种技术和框架层出不穷、百花齐放，很多人都喊学不动啦！事实...

在这个新冠病毒肆虐的时代，数字化变得比以往任何时候都更加重要。 前端技术（例如前端框架） 在开发所有软件应用程序中发挥了重要作用。,,尽管后端很重要，但它并不是用户遇到的第一件事。,框架是有助于开发和...

@[toc] 1 Axios简介 1.1 什么是Axios? Axios 是一个基于 ​​promise​​​ 网络请求库，作用于​​node.js​​ 和浏览器中。 它是 ​​isomorphic​...

通过CSS制作的时钟大家肯定看到的多了，但是像下面这样的时钟是不是很少见，整个时钟是有很多个小的时钟组合而成，每秒通过多个时钟的动画来切换时间，不得不说这个设计是非常的炫酷且有特色。 ,看到这个动画效...

今天这篇文章，我想与你分享 11个有用JavaScript技巧，这些技巧可以大大提高你的工作效率。 1、生成随机颜色的两种方式 1).generateRandomHexColor const gene...

1. 方法区简介 JVM 的内存模型主要包括程序计数器（Program Counter Register）、虚拟机栈（VM Stack）、本地方法栈（Native Method Stack）、堆（He...

大家好，我是 CoderBin，在JavaScript中， this是一个非常重要的概念，属于进阶知识，不管是在面试还是日常开发中都是非常常用的。所以本次给大家总结了关于 this的绑定规则，来帮助大...

作者：靳泽一,入职转转一年多，大部分时间都在负责售后业务的前端开发，本文主要从前端视角，分享一下转转售后的业务和系统，本文目录如下：,作为电商公司，售后服务不仅仅是一个交易的结束，也是下一个交易的开始...

公司内部监控环境多样（ Web 应用、小程序、Electron 应用、跨端应用等等）， SDK 如何保证底层逻辑的复用、上层逻辑的解耦。,在业务庞杂、监控需求多样的背景下， SDK 如何做到足够灵活...

作者 | 禚娴静,不管你设计的系统架构是怎么样，最后都是你的组织内的沟通结构胜出。这个观点一直在组织内不断地被证明，但也不断地被忽略。,,近几年，随着微服务架构风格的引入、前后端生态的快速发展、多端产...

朋友生日了，直接画，炫技并且表示本人闲的全身疼才会去拿CSS画画，以此嘲弄对方的加班： ,既然贺卡做出来了，那就顺便介绍一下贺卡制作流程吧，其实也不是什么技术，也就是CSS 拼拼拼就可以了，简简单单...

大家好，我是前端西瓜哥。 之前我们绘制三角形，是一个二维的图形。 现在我们来绘制一个立方体，其实本质和绘制二维图形是一样，也是绘制三角形，只是绘制很多个，然后组合起来，作为立方体的几个面，拼在一起就是...

在当今快节奏的数字世界中，网站性能在决定任何在线企业的成功方面起着至关重要的作用。 一个快速、响应迅速且用户友好的网站不仅可以吸引和留住访问者，还有助于提高搜索引擎排名、提高转化率和改善用户体验 (U...

,大家好，我卡颂。,React Server Component（后文简称RSC）是React近几年最重要的特性。虽然他对React未来发展至关重要，但由于：,所以虽然体验Demo[1]已经发布3年了...

基于上次发布的 那些你不知道的炫酷按钮交互效果 反馈比较好，后续将继续收集那些炫酷的交互效果，希望可以给你的项目添砖加瓦，更上一层楼。,那些你不知道的炫酷交互效果系列：,本文带来的炫酷的导航交互效果...

作者丨Peter Wayner 编译丨千山 审校 | 言征 曾经，关于“低代码是否为行业毒瘤”的争论曾经甚嚣尘上。 然而随着数字化转型的深入，越来越多的企业开始寻求低代码和无代码解决方案，以满足对应用...

一，调优 步骤 JVM调优的步骤可以分为以下几个阶段： 1.监控和分析： 使用性能监控工具（如JConsole、VisualVM、Grafana等）监控应用程序的内存使用、垃圾回收情况、线程情况等。 ...

,说到程序员，很多人对他们的第一印象是格子衬衫和肩包，钱多话少。程序员已经习惯了自黑，还在默默用行动改变世界。与低效率相比，程序员更愿意用高效率的算法解决问题。追求细节，严谨，通过不断优化，让生活更加...

今天小编继续分享13个优秀前端测试开源框架大全，希望对从事前端的程序员以及测试岗位的测试员有所帮助。在前端测试中，框架可以把测试代码抽离出来，作为一个整体结构化地去设计测试用例，放到专门的测试文件中...

本文将介绍我们使用高斯混合模型(GMM)算法作为一维数据的平滑和去噪算法。 假设我们想要在音频记录中检测一个特定的人的声音，并获得每个声音片段的时间边界。例如，给定一小时的流，管道预测前10分钟是前景...

环境：Springboot3.0.5 错误消息格式 有如下接口： @RestController @RequestMapping("/demo") public class DemoControlle...

作者 | zishunchen,作为互联网行业的技术从业人员，在职业发展的道路上，不少同学会遇到职业发展的成长瓶颈，例如：可学的技术繁多，精力不足；技能和业务不匹配，找不到突破；技术答辩屡屡受挫，无法...

,大家好，我卡颂。,前端领域从不缺少热点，基本每过半年，就会出现新的工具。,在这样快节奏的浪潮中，有个工具却显得格格不入，他就是Rome。,从名字中我们就能窥探出一丝端倪，看看别的工具：,再看看他 ...

2013 年 5 月 29 日，React 正式开源，至今已过去了十年！自发布以来，React 已经成为前端开发领域中最受欢迎的技术之一，其生态系统越来越丰富，Github 累计获得了 208k St...

简介 在多线程编程中，使用线程安全的集合是非常重要的，它可以保证多个线程同时访问同一个集合时，不会出现数据不一致的情况。 Java 中提供了多种线程安全的集合实现，本文将详细介绍这些集合的特点、原理和...

大家好，我卡颂。 5月30日刚好是React10周年纪念日。 我顺手拉了下React最新代码，这一看不要紧，居然已经有22个hook了。 其中： react包导出了21个。 react-dom包导出了...

环境：Springboot3.0.5 消息格式转换原理 在默认情况下，RestController接口返回的数据格式是json，如下接口： @RestController @RequestMappin...

前言 之前我已经写过好几篇权限认证相关的文章了，有想复习的同学可以查看【身份权限认证合集】。今天我们来聊一下登陆页面中“记住我”这个看似简单实则复杂的小功能。 如图就是博客园登陆时的“记住我”选项，在...

前段时间社区上大肆讨论「前端已死」，各种唱衰前端的言论此起彼伏，真是闻者落泪，听者伤心。,最近又听说某大厂取消大前端部门，前端被拆分到各个业务组。很多前端高 P 或离职，或被裁，或转后端。,这是前端的...

,根据 Bob 大叔的说法，测试是系统的一部分；许多开发人员认为相反，因为他们没有部署。他宣称这是一个灾难性的观点，因为测试的作用是支持开发并保持系统的健壮性和易于更改。,在前端，通常会测试最终用户与...

在 Web 开发中，Canvas 是一个强大的绘图技术，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为大家提供开发灵感和思路，以便更好地探索并应用 C...

译者 | 李睿 审校 | 重楼 在过去的Web应用信息系统开发中，用户认证是一个不可或缺的功能模块。用户认证功能包括用户注册和登录认证。在以往的开发方法中，用户认证功能模块实现的常见方式是使用电子邮件...

一图胜千言 下面的表格中总结了对不同状态下的通道执行相应操作的结果。 注意：对已经关闭的通道再执行 close 也会引发 panic。 这篇文章将重点讲解Go面试进阶知识点：select和channe...

集成开发环境或 IDE 是构建软件项目所需的最关键部分之一。它们使开发变得简单高效。 IDE 通过缩短设置时间、加速开发任务、让开发人员了解最新的危险和最佳实践以及标准化开发过程以便任何人都可以参与来...

大家好，我是 CoderBin，本次总结了JavaScript中DOM的一些常用操作，希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正,文档对象模型 (DOM) 是 HTM...

要在安卓应用程序中调用 JavaScript 函数来计算高度，您可以使用 Android 的 WebView 组件。WebView 允许您在应用程序中显示网页内容，并与 JavaScript 进行交互...

软件开发涉及设计、文档编制、编程、测试和持续的软件产品维护。 在这份综合指南中，我们将探索各种软件开发步骤、方法和工具，它们对于生成高质量的软件可交付成果至关重要。通过了解这些步骤并实施最佳实践，开发...

译者 | 布加迪,审校 | 重楼,Java生态系统里面有形形色色、五花八门的开源项目，这些项目是为了满足各种可以想象到的需求而开发的。我们很容易错过其中一些出色的项目。下面介绍七个开源Java项目，从...

最近有幸在前端团队里面做了一次关于 webpack 的技术分享。在分享的准备过程中，为了能让大家更好的理解 webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中...

我们都知道，现在属于前端工程化时代，前端工程化对于我们前端开发来说，是非常重要的。 但是小庄觉得自己对于前端工程化 了解还 是不足的，还有很多需要学习的地方。,故这一节，小庄打算就来带大家一起好好认识...

,小伙伴们知道 TienChin 项目前端用的是 Vue3，当我们把 Vue3 官网刷了一遍之后回来看 TienChin 项目的前端，发现还是有很多不太一样的地方，今天松哥就来和大家捋一捋 Vue3 ...

SuperSocket是一个基于.NET平台开发的高性能、可扩展、跨平台的网络通信框架。它采用了分层架构来实现功能组件的划分和职责分离。这种设计可以让框架更加灵活、易于扩展，方便开发人员进行二次开发和...

Visual Studio Code（VSCode）是Python开发中较受欢迎的集成开发环境（IDE）之一。它速度快且拥有丰富的功能，使开发体验变得有趣且简单。 【网址】：https://code...

远程办公绝对称得上是开发行业最大的变化了，过去一年一直在远程办公的受访者居然高达 59%（可能跟海外的受访者占比较高有关，据我了解国内没有这么多），只有 5% 的受访者表示只在办公室办公。,相信大部分...

​软件开发与设计公司 The Software House 就 2022 年的前端市场状态进行了一次调查，该调查基于全球 125 个国家 / 地区超 3700 名前端开发专业人士所提供的数据；并邀请了...

You can't manage what you can't measure. —— Peter Drucker。,引语中提到了 彼得·德鲁克 的一句话，“一件事如果你无法衡量它、你就无法管理它...

我的朋友 Lily 已经工作了 5 年，她过去一直担任前端工程师。,不幸的是，她被老板批评了，因为她在工作中犯了一个错误，这是一个非常简单但容易忽视的问题，我想也是很多朋友容易忽视的一个问题，今天我把...

前端技术每天都在不断推陈出新，对于前端开发者来说，了解最新的前端技术趋势是至关重要的。,如何快速获取准确的前端技术资讯？今天将为大家介绍一些必须关注的网站资源，随时了解Web前端动态。,来自全球百万开...

每一个JavaScript对象有一个原型，prototype也是一个对象。所有的JavaScript对象继承的属性和方法从它们的prototype。 一、JavaScript 原型 使用对象字面量创建...

前言 大家有看过星球大战这部电影吗，里面有许多场景间的过渡效果看起来非常的丝滑，那我们能不能使用CSS来模拟实现一下呢？ 渐变体验 如果mask-image以图像或渐变的形式出现，则我们可以控制与元素...

,随着前端技术的发展，业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant，AntDesign等等。但是作为一个前端开发者，你知道一个UI组件库是如何被打造出来的吗?,读完这篇文章...

大家好，我是CUGGZ。最近经常在群里看到类似的问题：,看到之后都会推荐大家使用 Openbase 去搜合适的库。那 Openbase 是个啥，它有什么特别之处，又是如何使用的，下面就来详细介绍一下 ...

一、什么是多线程以及它的作用 多线程是指在一个应用程序中同时运行多个执行流，每个执行流都是一个独立的线程。与单线程相比，多线程可以更加高效地利用CPU资源，同时也能够避免阻塞等待时间过长的情况。多线程...

一旦你使用了这些插件，就再也离不开它们了。 很多Java程序员都会使用IntelliJ Idea来编写代码，Idea提供了丰富和强大的功能，如自动代码补全、编辑和导航、强大的搜索功能等等。使用Inte...

近日，在WOT全球技术创新大会2023“大前端最佳实践”分论坛上，字节跳动前端架构工程师林宜丙分享了主题为“字节跳动的前端工程化实践”的演讲。,顾名思义，前端工程化就是在前端开发过程中采用一系列技术手...

前端智能化，顾名思义，包含“前端”与“智能”两大核心要素。伴随着近年来人工智能技术新一轮的发展与突破，前端智能化领域的众多应用与产品也在AI技术的助推下逐渐走向成熟。而在这其中，最大规模实现落地的产品...

本文将探究 React API 的演变及其背后的心智模型。从 mixins 到 hooks，再到 RSCs，了解整个过程中的权衡。我们将对 React 的过去、现在和未来有一个更清晰的了解，便于深入研...