前端

如果你不熟悉Plotly或数据可视化概念，不要担心！我们将把它分解成易于理解的小块内容，使其适合任何人。 Plotly简介 Plotly是一个强大的数据可视化工具，允许我们使用Python创建各种交互...

在项目中，我们会频繁用到 ​​console.log()​​ 来输出一些关键信息到控制台中，有助于开发调试，以及问题的排查，待项目上线后，这些调试日志又得及时清除。,同时在前端质量要求下，我们会做“前...

前端异常通常可以分为以下几种类型:,js 代码执行异常，是我们经常遇到异常。这一类型的异常，又可以具体细分为:,具体详见: Error - JavaScript - MDN Web Docs - Mo...

大家好，我是 CoderBin，本次总结了JavaScript中关于数组的一些常用操作，想学习其他方法或者深入学习这些方法的可点击前往 MDN-Array。,希望对大家有所帮助，谢谢！如果文中有不对...

大家好，我是 CoderBin，最近在做一个Vue项目，其中涉及到了头像图片上传。由于之前没做过图片上传功能，所以在实现这个功能时着实遇到了不少坑。本次打算将实现过程以博文的形式分享给大家。,实现过程...

,如果你走过了前端的入门初级阶段，那么接下来就是向中高级进阶，当然，关于这个初中高级的分界线，也没有一个标准固定的指标，但是，不管怎么样，努力让自己变得强，是每个技术人的底气。,我们其他不多说，我们现...

提及噪点效果，首先想到的就是以前的旧电视机信号不稳定时或者画面不稳定时的效果。如果你没有看过那种旧电视，可以看下面的gif动图，真实的情况噪点的变化速度会快很多，这里为了gif的大小，截取的时间较短供...

5 月 30 日，Electron 25.0.0 正式发布！该版本包括了对 Chromium 114、V8 11.4 和 Node.js 18.15.0 的升级。下面就来看看该版本都有哪些更新！ 可以...

中间件可以算是一种前端中常用的”设计模式“了，有的时候甚至可以说，整个应用的架构都是使用中间件为基础搭建的。那么中间件有哪些利弊?什么才是中间件正确的使用姿势?本文将分享作者在实际使用中的一些想法，欢...

可能一些同学会认为前端比较简单而不需要架构，或者因为前端交互细节杂而乱难以统一抽象，所以没办法进行架构设计。这个理解是片面的，虽然一些前端项目是没有仔细考虑架构就堆起来的，但这不代表不需要架构设计。任...

针对上文第一个场景，我们更常见的做法是，搜索「URL解析」，然后找到网上免费的工具，输入URL，能把参数都告诉我，还能帮我decode参数，非常方便。,但是这是存在问题的：,当然，这种小工具，肯定也有...

官网地址： https://nodejs.org/,Node.js 是一个开源和跨平台的 JavaScript 运行时环境。它是几乎任何类型的项目的流行工具！ Node.js 在浏览器之外运行 Goo...

大家好，我是 CoderBin,面试官：“说说你对Node中的Stream的理解”,紧张的萌新：“好像是一种流？...”,面试官：“...”,······,又来到了面试官系列，本次讲解的是node中关...

大家好，我卡颂。 虽然主流前端框架都遵循： 状态驱动视图 单向数据流 理论上并不存在某一框架可以实现，其他框架无法实现的特性。 但是，确实存在某些框架（比如Vue、Qwik）可以，但React无法解决...

帕累托法则无处不在，它说： “在大多数情况下，80%的结果来自于20%的原因。” 作为一名程序员，当代码运行速度不尽如人意时，就需要花费大量时间对代码进行相应的重构。但在许多情况下，所得到的速度提升并...

当前，前端社区用 Vite 替代 Webpack 的呼声正日趋高涨。但对于长期维护的业务项目，很多同学可能仍然对上车存有疑虑——Vite 真的足够支撑非玩具级的项目吗?为此本文会分享一个实际案例，介绍...

大家好，我是 CUGGZ。,在前端测试中，框架可以把测试代码抽离出来，作为一个整体结构化地去设计测试用例，放到专门的测试文件中，也可以实现自动运行以及显示测试结果。下面就来看看常用的测试框架有哪些，它...

工作中发现前端 CSS 的使用五花八门，有用 Sass，Less 这种预处理语言，还有 CSS in JS 这种奇葩玩法，还有 TailWindCSS 这种原子化的 CSS 方案，还有 CSS Mod...

https://sanic.dev/zh/ https://github.com/sanic-org/sanic,,,在我们开始之前，请确保您使用的是 Python3.7 或更高版本。目前已知可以使用...

box-shadow box-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果: .wrapper { position: fixed; left: 0; top: 0, b...

前言 在计算机程序的开发过程中，随着程序代码越写越多，在一个文件里代码就会越来越长，越来越不容易维护。 为了编写可维护的代码，我们把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较...

一、前言 JVM的关闭方式可以分为三种： 1.正常关闭：当最后一个非守护线程结束、或者调用了System.exit、或者通过其他特定平台的方法关闭（发送SIGINT，SIGTERM信号等） 2.强制关...

, 大家好，我是前端西瓜哥。今天来看看前端工程化是什么。,工程化，可以理解为使用一些方式，去改良然后提高行业中现有的步骤、设计、应用方式。前端工程化，就是指对前端进行一些流程的标准化，让开发变得更有效...

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

前言 上篇文章​​5K字 由浅入深聊聊Promise实现原理​​，中讲述了Promise内部的实现原理。今天来聊聊​​async​​与​​await​​，那么async与await到底是什么呢。都说是...

前面的文章了不起给大家介绍了 LangChain 的一些基本知识，没看过的小伙伴可以点击这里去看下，今天了不起给大家介绍一下 LangChain 的第一个很重要的组件提示词 Prompt。 什么提示词...

公司有个审核平台，下班时间没人审核，审核速度更是着急人，所以老板让我写一个能够自动审核的脚本，只用于下班时间。我就开始了自己的第一个自动脚本。,自动脚本没有想象中那么难，作为一个前端，我们依旧使用我们...

1、面向对象 面向对象编程（OOP） 程序是干嘛的？ 程序就是对现实世界的抽象（照片就是对人的抽象） 对象是干嘛的？ 一个事物抽象到程序中后就变成了对象 在程序的世界中，一切皆对象 面向对象的编程 面...

1 Lambda表达式 Lambda函数，也称为Lambda表达式，是Java 8版本新增的一项功能。它提供了一种简洁的方式来定义小型匿名函数，这些函数可以作为参数传递给其他方法或作为返回值使用。 语...

前言 一般来讲，电脑是不能直接运行我们的javascript代码的，它需要一个翻译程序将人类能够理解的编程语言 JavaScript，翻译成机器能够理解的机器语言。目前市面上有很多种 JavaScri...

从今天开始，我们开启《手把手搭建Vue3中后台框架》系列文章，这是一个我们已经在生产中实际使用的项目，技术栈是： 前端：Vue3 + TypeScript + Vite + Pinia + Naive...

Hello，大家好，我是松宝写代码，写宝写的不止是代码。 由于优化都是在 Webpack 4 上做的，当时 Webpack 5 还未稳定，现在使用 Webpack 5 时可能有些优化方案不再需要或方案...

Struct Tag 在Golang中，结构体标记（Struct Tag），也称为结构体注释（Struct Annotation），是一种对Go结构体中的字段进行元数据附加的机制。这些标记是用反引号...

作者：,过去两三年，携程度假前端团队一直在实践基于 GraphQL/Node.js 的 BFF (Backend for Frontend) 方案，在度假BU多端产品线中广泛落地。最终该方案不仅有效支...

一直以来对于前端同学来说，自动化测试都是一个比较特殊的命题。一方面，大家其实都知道自动化测试的好处，做了什么改动只要跑一遍测试用例就知道有没有改挂了之前的逻辑，进行修改时也更有底气。而另一方面，前端本...

,大家好，我卡颂。,近几年，前端领域出现了很多新框架，比如​​Svelte​​​、 ​​Solid.js​​​、​​Astro​​​、​​Qwik​​等。,伴随他们出现的，还有很多「高大上」的新概念 ...

在看似无穷无尽的JavaScript前端框架和库中，有一个库（可以说）占据了至高无上的地位，那个库就是React。但是为什么React年复一年地如此受欢迎呢？在我们深入研究使它如此受欢迎的React原...

D2C 是指 Design to Code，设计稿转代码，输入是 sketch、figma、PSD 等设计稿，输出是 vue、react、小程序等各平台的前端代码。,对前端工程师来说，如果能直接把设计...

,大家好，我卡颂。,最近，Remix团队的暴躁老哥「Ryan Florence」一连怼了好几个友商框架，比如：,,,,当然，这些推文发出不到一天就被老哥删了。,我们今天不聊以上这些事儿的对错。,我想问...

面试官：“说说你对Set、Map的理解”,紧张的萌新：“Set类似集合，Map是映射？...”,面试官：“...”,······,大家好，我是 CoderBin，又来到了面试官系列，本次总结了Java...

1. 回调函数 回调（callback）是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。 假定有两个函数f1和f2，f2等待f1的执行结果，f1()–>f2()；如果f1很...

12、节点的复制 使用 cloneNode() 方法对节点进行复制时，它会复制节点的所有特点包括各种属性 这个方法默认只会复制当前节点，而不会复制节点的子节点 可以传递一个true作为参数，这样该方法...

本篇我们介绍，前端如何采集数据，先从收集异常数据开始。,异常数据，是指前端在操作页面的过程中，触发的执行异常或加载异常，此时浏览器会抛出来报错信息。,比如说你的前端代码用了个未声明的变量，此时控制台会...

我们都知道，在日常开发中我们经常遇到在钉钉群或者在业务群中会出现各种各样的慢业务的接口，比如某个接口在钉钉群疯狂出现，然后就有某些领导艾特你来解决这个慢业务问题，今天阿粉就来说说如何通过各种手段来定位...

近期，英国公共部门信息网站 GOV.UK 前端开发主管 Matt Hobbs 宣布该公司删除了 jQuery 作为所有前端应用程序的依赖项，这意味着“在所有 13 个 FE 应用程序中，JS 大小减少...

在做前端测试时，选用合适的测试策略远比一通狂写测试更重要，所谓 “方向 > 努力”。,如果选择了错误的测试策略，很容易写出维护性差和不稳定的测试用例。一旦业务出现变化，用例就全崩了。可能这也是大...

在研发一个系统的初期，我们可以把所有代码放到一个项目中。随着企业的发展，业务逻辑越发复杂和专业化，又会细分出不同的研发团队，独立负责其中某一部分。,每个开发团队有他们各自的迭代节奏，很难在耦合的同一个...

前端的本质价值是什么?,我认为是 给用户创造良好的交互体验 。 前端性能对用户体验、对业务跳失率的影响，在业界已有共识，不言而喻。 根据 Google 的数据，如果移动站点的加载时间超过 3 秒，5...

JavaScript 是最常用的编程语言之一，同时有数据显示，它世界上十大最受欢迎的编码语言之一。,,当然，在前端领域里，JavaScript 是我们日常生活中不可或缺的一部分，它与 HTML 和 C...

一、创建线程的方式 在C#中，创建多线程有两种常用的方式： 1、使用Thread类 Thread类是C#中处理线程的基础类，通过实例化Thread类对象并将其传递给ThreadStart委托，再调用S...

一、简介 Grpc 使用了 Google 的 Protocol Buffers 作为接口定义语言（IDL），并使用 HTTP/2 作为传输协议。它支持多种编程语言，包括 C++、Java、Python...

,一直以来对于前端同学来说，自动化测试都是一个比较特殊的命题。一方面，大家其实都知道自动化测试的好处，做了什么改动只要跑一遍测试用例就知道有没有改挂了之前的逻辑，进行修改时也更有底气。而另一方面，前端...

,工作多年，发现大家总是会遇到这种特殊的场景：用户反映某个功能异常。为了找出问题所在，我们尝试在本地重现异常，但结果是什么都没有。另一方面，前端代码的运行环境，如PC浏览器、手机浏览器等，复杂且不可控...

大家好，我是 CoderBin,本文将给大家介绍 JavaScript 函数中关于尾调用优化的优点与写法，助你提升编码能力,如果文中有不对、疑惑的地方，欢迎在评论区留言指正,首先，尾调用的概念非常简单...

在这互联网高速发展的时代，人们对于网页打开的速度要求越来越高。加载时间过长，兼容处理不够全面等很容易造成用户流失。作为一名前端开发，优化用户体验是一件永无止境的事情，没有最优，只有更优。前端性能优化方...

相似存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 数据在浏览器关闭后自动删除。 离线的存储： service-worker 的标准。 在用户没有...

前端如何进行单文件上传云服务存储 http://zoo.zhengcaiyun.cn/blog/article/cloudservicestorage 在日常的开发过程中，我相信大家肯定会碰到很多的文...

1、前言 垃圾回收器的暂停问题一直是Java工程师关注的重点，特别是对实时响应要求较高的服务来说，CMS和G1等主流垃圾回收器的数十毫秒乃至上百毫秒的暂停时间相当致命。此外，调优门槛也相对较高，需要对...

公司发展到一定程度，随着业务分支不断变多，B端C端的项目也随之增多，由于历史原因可能产生新老技术栈（vue/react）共存的情况，这既不利于组件物料的抽离统一(一类通用组件需适配多套技术栈)，也增大...

Spring是一个开源的JavaEE全栈框架，其中最为重要的核心模块是Spring IOC（Inversion of Control）容器。它负责对象的生命周期管理及依赖注入，为开发者提供了一种主动参...

在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在数据方面的。,当然了，还有一点说...

本文讲解如何构建一个工程化的前端库，并结合 Github Actions ，自动发布到 Github 和 NPM 的整个详细流程。,我们经常看到像 Vue 、 React 这些流行的开源项目有很多...

在项目开发中，页面和功能大都拆分为多文件来实现，多文件管理逐渐暴露出以下问题：,随着项目的不断迭代，以上问题便会导致：,而产生以上问题的原因主要体现在：,随着项目的迭代，从长期维护的稳定性和可操作性方...

,看到封面这张图，是不是如同艺术品一般，第一次看到这张图时，是比较震惊的，迫不及待的研究其源码是如何实现的，最后更为惊奇的是只需要纯 CSS 即可实现，接下来就展开说明实现过程。,实现此效果需要了解 ...

大家好，我是 CoderBin,面试官：“你说说var、let、const三者的区别”,紧张的萌新：“var没有块级作用域，let有......”,面试官：“...”,······,本次又来到了面试官...

大家好，我是 CoderBin,在介绍BFC之前，需要先给大家介绍一下文档流。,我们常说的文档流其实分为 定位流、 浮动流、 普通流三种。,如果元素的属性 position 为 absolute ...

NumPy是一个用于科学计算和数据分析的Python库，也是机器学习的支柱。可以说NumPy奠定了Python在机器学习中的地位。NumPy提供了一个强大的多维数组对象，以及广泛的数学函数，可以对大型...

垃圾收集算法 1. 分代收集理论 1.1 分代假说 弱分代假说：绝大多数的对象存活时间很短，朝生夕灭。 强分代假说：熬过越多次的垃圾回收次数，对象越难被消灭。 跨代引用假说：跨代引用相对于同代引用而言...

hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。,本文是 100+前端几何学应用案例 专栏的第二篇文章, 在第一篇文章几何学在前端边界计算中的应用和原理分析 中我介绍了几何学在前端领域...

,一个前端应用能够单独跑，也能被作为一个模块集成到另一个应用里，这种架构方式就叫做微前端。,它在前端领域能解决一些特定的问题：,跨技术栈的应用集成、大的项目拆分成独立的小项目，这些是微前端解决的典型问...

之前看到coco[1]的这样一篇文章：纯 CSS 实现波浪效果！[2]，非常巧妙，通过改变border-radius和不断旋转实现的波浪效果，有兴趣的可以去研究一下。 这次尝试一下使用 CSS 渐变来...

​作者 ｜ shuan feng，携程高级前端开发工程师，关注性能优化、低代码、svelte等领域。,最近几年，前端框架层出不穷。近两年，前端圈又出了一个新宠：Svelte​。作者是 Rich Har...

作者 | 徐杰承,审校 | 云昭,提到前端界的三大主流框架，相信每位前端开发者都能够脱口而出：React、Vue、Angular。在过去的两年中，React和Vue在圈内的热度可以说是节节攀升，“究竟...

今天分享一个炫酷的文本过渡动画效果，如下面GIF所示，曾经是否有见过这种动画呢，想想是不是感觉挺复杂呢，通常这个过渡效果通过较为复杂的可用WebGl实现，本文通过另一种方式实现，文章尾部有神奇的代码...

之前我们提到了斗地主的最优秀的交互方案：《斗地主的手牌，如何布局？看25万粉游戏区UP主怎么说》。,具体交互如下：,PC端：,移动端：,今天，我们聊一下，如何用JS开发实现这种对用户体验友好的交互...

目前我们的函数只能过滤出数组中age属性小于18的对象， 我们希望过滤更加灵活： 比如：过滤数组中age大于18的对象 age大于60的对象 age大于n的对象 过滤数组中name为xxx的对象 过滤...

Web3 作为区块链技术的重要组成部分，正在快速发展，并被越来越多的开发者和用户所关注。本文将推荐 15 个优秀的 Web3 开源项目，以更好地了解和掌握 Web3 技术！ 全文概览： Lenster...

一、锁机制的概念和作用 在多线程编程中，多个线程同时访问共享资源时会引发数据竞争问题，导致程序出现错误。为了避免这种情况发生，我们使用锁机制来保护共享资源，确保同一时间只有一个线程可以访问它。锁机制就...

,老实说，前后端分离其实并不难，前后端分离之后，Java 工程师只需要专心写页面就可以了，在我看来工作可比以前轻松多了。,如果让一个专业的前端工程师来写前端页面，其实也不难，Vue 算是三大前端框架中...

提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页...

今日是农历六月初一。不知不觉地又是一年夏天来临了，面对烈日炎炎，夏天要吃的水果那是必不可少，今天就用CSS来给大家带来一个水果拼盘，提前给大家解解暑~,,以上15种水果你能看出都是什么水果吗？相对不够...

今日介绍前端异常监控利器Sentry平台中用户行为记录的源码实现过程，为什么使用Sentry，可以看以前的文章【 前端异常监控平台对比】。,在日常排查问题过程中，用户的行为操作记录能给到我们很大的参考...

分隔符和编码 了解不同分隔符和编码的应用 接上篇CSV（Comma Separated Values）和JSON（JavaScript Object Notation）是常见的数据交换格式。CSV文件...

,商家系统是提供给得物商家在得物平台上可以稳定运营的服务抓手，前端代码也伴随着系统的发展而不断壮大。这样将导致文档却更新不及时，最后想再通过这些文档回溯业务逻辑也非常困难。,且若代码结构上没有关注，动...

大家在工作中想必都是通过自动化部署来进行前端项目的部署的，也就是我们在开发完某个需求时，我们只需要将代码推送到某个分支，然后就能自动完成部署，我们一般不用关心项目是如何build以及如何deploy的...

​最近，我的一位朋友在面试时被问到这个问题。这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。下面我就和大家一起来分析一下这个问题。,为了方便后续测试，我们可以使用node创建一个简单的服务器...

状态管理库伴随着数据驱动类框架诞生以来，一直都是个带争议的话题，社区里关于这个方向的讨论文章也是数不胜数，本文写作的目的并不是去详细解答每一款状态库的设计原理和最佳实践，而是希望能从全局视角出发，更全...

,Signal（信号）是一种存储应用状态的形式，类似于 React 中的 ​​useState()​​。但是，有一些关键性差异使 Signal 更具优势。Vue、Preact、Solid 和 Qwik...

https://cn.ubuntu.com/download/desktop Ubuntu是一个以桌面应用为主的Linux操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu"一词。 ,http...

(目录),上面的代码，就是最典型的例子。 其中 style 标签的内容，就是一个 CSS的代码。,,,,,CSS 是不区分大小写，但是我们开发时统一使用小写。,,这个类选择器，可以说是我们最常使用的一...

本文将探索主流前端框架中的响应式是如何工作的并比较这些框架的不同之处以更好地理解它们。 前置准备 响应式 响应式可以被广义地定义为应用状态变化时自动更新UI。作为开发者，我们只需要关注应用的状态，并让...

在 JavaScript 中，对象是语言的基本组成部分，广泛用于表示数据结构。对象由保存值的属性组成。为了访问这些属性，JavaScript 提供了多种方法。在本文中，我们将探索5种不同的方式来访问 ...

JVM简介 JVM（Java Virtual Machine，Java虚拟机）是Java语言的核心，是一个用于解释Java字节码的虚拟计算机。它可以在运行Java程序时自动管理内存、处理异常等。Jav...

一、Producer 生产者创建消息。 该角色将消息发布到Kafka的topic中。broker接收到生产者发送的消息后，broker将该消息追加到 当前用于追加数据的 segment 文件中。 一般...

TIOBE 2023 年 06 月份的编程语言排行榜已经公布，官方的标题是：Python 还会保持第一吗？（Will Python remain number 1?） 在过去的 5 年里，Python...

,如上图所示，文字随着界面的交互变化会修改文字的颜色形成反差色，让平平无奇的文字产生了眼前一亮的效果。如果你关注设计和动画效果，这样的效果肯定见过不少，在一些比较注重设计的网站都有类似的交互效果出现...

在 Node.js 中，如何更优雅地获取请求上下文一直是一个问题，看一下下面的例子。 背景 const http = require('http'); function handler1(req, r...

今天是十五周算法训练营的第十周，主要讲回溯算法专题。 解决一个回溯问题，实际上就是一个决策树的遍历过程，只需要思考三个问题： 路径：也就是已经做出的选择 选择列表：也就是你当前可以做的选择 结束条件...

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

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