前端

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

​​​ 作者丨Lena Yakimova 译者 | 朱钢 策划丨孙淑娟 【51CTO.com快译】为了满足业务需求，思想前卫的公司会将 QA 嵌入到 SDLC 中。这篇文章将带您了解应在每个开发阶段引...

,目前，前端平台探索大仓研发模式，通过Monorepo大仓的技术，整合前端平台现有应用的仓库代码，使得各业务域应用质量衡量标准统一，通用基础组件以及工具函数能够快速复用，当基础通用功能出现问题的时候...

,大家好，我是三元同学。,我们知道，随着 SWC、Rspack 等 Rust 前端工具链的出现，Rust 逐渐成为了前端基建的重要一环。作为一门系统级别的语言，Rust 可以编译出高性能的二进制文件...

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

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

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

在Web前端中实现断点续传功能的一种常见方式是使用HTTP Range请求和文件分片上传。,,以下是一个简单的断点续传实现的步骤：,需要注意的是，服务器端也需要相应的逻辑来处理断点续传的请求，并将上传...

,时隔四年，6 月 22 日，前端框架新宠 Svelte 发布了全新的主要版本：4.0。Svelte 4 主要是一个维护版本，提高了最低版本要求，并在特定领域优化了设计。它为下一代 Svelte 发布...

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

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

许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少...

大家好我是爱分享的老前端羊村长，国外最近两年涌现两个新锐框架Svelte和Solid，大家可能忙工作没太关注，但是t它们大有后来居上的意思。来看一下github的star数量感受一下：,,,7月掘金开...

作者 | 张霄翀,我曾经在好几个项目里都近乎完整参与过补齐前端测试的工作，也收集到不同项目的同事很多关于前端测试的困惑和痛点，这其中大部分都很相似，我也感同身受，在这篇文章里，我会针对大家和自己常遇到...

前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再详细...

作者 | 钱文玲(悠酱),前端的本质价值是什么?,我认为是 给用户创造良好的交互体验。前端性能对用户体验、对业务跳失率的影响，在业界已有共识，不言而喻。根据 Google 的数据，如果移动站点的加载...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

今天来看看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。,在每个前端项目中，都有package.json文件，它是项目的配置文件，常见的...

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

译者 | 涂承烨,审校 | 孙淑娟,由于代码可见性低，使用Java脚本进行编码可能会很耗时。这里有12个优雅的JavaScript技巧，可以帮助你在2023年优化代码生成。,JavaScript已经成...

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

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

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

,大家好，我卡颂。,最近看到个写得很不错的知乎回答Hooks是否过誉了？前端应该跟着React走还是跟着JS、TS走？- beeplin的回答[1]。,在这个回答的基础上，我想引申出一个问题 —— 对...

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

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

前端发展速度已经远远超出了我们的预计范围，前端基于 JS 的框架/库更是层出不穷。,那么框架与库有什么区别呢？库更多是一个封装好的特定的集合，提供给开发者使用，而且是特定于某一方面的集合（方法和函数...

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

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

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

近几年随着 react、angular、vue 等前端框架兴起，前后端分离的架构迅速流行。但同时权限控制也带来了问题。,网上很多前、后端分离权限仅仅都仅仅在描述前端权限控制、且是较简单、固定的角色场景...

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

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

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

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

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

,大家好，我是前端西瓜哥，今天我们用 JS 来实现内置的 bind 方法。,在实现之前，我们先学习一下 Function.prototype.bind 的用法。,bind 是函数特有的一个方法，可以创...

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

微前端(Micro-Frontends)是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端(micro-front...

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

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

浏览器本地存储，是每一个前端小伙伴都相当熟悉的知识点。,目前使用率最高的当之无愧为Web Storage API​，也就是localStorage和sessionStorage​，API简单，读取效率...

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

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

,有一段时间没更新文章了，最近在公司项目中对现有的测试框架从 jest 迁移到 vitest (一个 Monorepo 类型的项目，里面测试大概有700组)。,最后仅仅从性能上来看，还是取得了不错的成...

尤大大从下面的三个前端领域的不同层次来展开了介绍：,正式分享之前，尤大大提出声明：“本分享只代表讲着个人观点，因为自己是框架和构建工具的作者，肯定会包含利益相关和个人的偏见，但是分享中会尽可能做客观的...

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

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

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

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

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

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

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

由于业务增长，团队拆分，我们需要将原有系统的一部分模块（Vue实现）迁移到另外一个系统（React）中。但两个系统技术栈不同，导致重构成本变大，但业务又希望在短期内看到效果，后面可以增量的重构。,要求...

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

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

猫会喵喵，狗会汪汪，鸡会什么？,机会留给有准备的人。,先说点虚（?）的，等我们的需求或者项目出名了、别人需要学习需要你给出一波装逼Time的时候，丢出一个图文并茂的设计文档。肯定比丢一个代码仓库获得的...

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

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

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

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

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

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

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

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

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

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

作者｜vivo 互联网前端团队- Tang Xiao,本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开...

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

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

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

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

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

,Signal：更多前端框架的选择,大家好，我卡颂。,最近，Angular​、Qwik​的作者「MIŠKO HEVERY」发文表示Signal是前端框架的未来[1]，并考虑在Angular中实现它...

微服务是构建可以独立工作的小型自治团队的流行方式。不幸的是，就其本质而言，微服务只在后端工作。即使有最好的微服务架构，前端开发仍然需要高度的相互依赖，这会引入耦合和通信开销，这会拖慢每个人的速度。,我...

,​对于跨平台移动开发项目来说，选择 UI 框架是必不可少的步骤。值得庆幸的是，市面上有很多 UI 框架可供选择，有专注于 UI 组件的，有提供轻量级应用框架功能的，还有提供综合性功能的UI框架。这里...

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

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