自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(781)
  • 收藏
  • 关注

原创 揭秘webpack插件工作流程和原理

前言通过插件我们可以扩展webpack,在合适的时机通过Webpack提供的 API 改变输出结果,使webpack可以执行更广泛的任务,拥有更强的构建能力。本文将尝试探索 webpa...

2020-05-18 01:20:45 5603 4

转载 造轮子利器:AST与前端编译

大厂技术坚持周更精选好文本文为来自字节教育-成人与创新前端团队成员的文章,已授权 ELab 发布。简介在计算机科学中,抽象语法树是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。之所以说语法是“抽象”的,是因为这里的语法并不会表示出真实语法中出现的每个细节。——维基百科在前端基建中,ast可以说是必不可少的。对ast进行操作,...

2022-12-08 11:11:37 46

转载 174 页前端必收的面试真题集,JS、Vue、React、Angular…

最近不少读者反馈说,“感觉前端市场饱和了”“前端找工作好难”“工资再低都没人要”“投100个简历石沉大海”。实际上,准确来说,是「初级前端没人要」。随着W3C的极力推广,目前IT界前端程序员的需求量仅次于Java岗位。而且看GitHub的数据,JavaScript的热度常年保持榜首位置,TypeScript也是飞速上涨,热度飙升。如果前端真的有所谓的“饱和”,那真的是大部分...

2022-12-07 08:16:55 58

转载 试一下Vite,真的很快!

在浏览器支持 ES 模块之前,JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。因此诞生了诸如 webpack、Rollup 和 Parcel 等工具来使我们得以获得更好的开发体验。然而,当我们开始构建越来越大型的应用时,基于 JavaScript 开发的工具就会开始遇到性能瓶颈:通常需要很长时间(甚至是几分钟!)才能启动开发服务器,即使使用模块热替换(HMR),文件修改后的...

2022-12-06 18:12:05 45

转载 中后台系统提升质量和效率的一个思路

背景中后台项目中会存在一些配置页面需求的开发,这些需求高度相似,迭代频率低,基本结构为「搜索区域」、「表格区域」、「包含表单的弹窗」三部分组成。image-20221027060647741image-20221027060711024其中「搜索区域」和「表格区域」的操作区交互固化,比如查询、添加、查看、删除、上线、下线。当前开发时大都采用复制类似需求页面继而修改的方式,如下图所示。每个人都形成了...

2022-11-30 14:26:41 54

转载 高效治理前端异常!

一个前端项目上线后的各种指标监控是极其重要的,通过各种指标数据可以知道项目存在的问题及未来优化的方向,在各种维度监控中的异常监控是必不可少的,通过异常数据可以及时发现用户遇到的问题,而异常上报中的各种数据指标可以给解决问题提供参考及方向。文章内所有异常上报及异常分析都是基于异常处理开源平台 Sentry ,其他异常处理平台或自建平台可根据实际情况参考。本文主要分为以下几个部分:异常治理的重要性前期...

2022-11-16 10:10:17 33

转载 快速掌握 Performance 性能分析:一个真实的优化案例

Chrome Devtools 的 Performance 工具是性能分析和优化的利器,因为它可以记录每一段代码的耗时,进而分析出性能瓶颈,然后做针对性的优化。这么强大的工具肯定是要好好掌握的,今天我们就来做一个性能优化的案例来快速上手 Performance 吧。性能分析首先,我们准备这样一段代码:<!DOCTYPEhtml><htmllang="en"><...

2022-11-09 08:01:21 104

转载 来了解一下babel

一. 介绍Babel 是什么官方:Babel 是一个 JavaScript 编译器!我:Babel 是一个源码到目标代码的转换器!如图可以看到, Babel 的作用就是将「源码」转换为「目标代码」,至于转换中间的过程,下文讨论。Babel 的发展历史Babel 在 4.0 版本之前叫做 "6to5",由澳大利亚的 Sebastian (早已离开 Babel 团队,目前就职于 Facebook,依然...

2022-11-08 18:59:25 56

转载 IT阅读排行榜之“前端篇”,闭眼入!

最受读者喜爱的前端书Top 10JavaScript高级程序设计(第4版)|中文版累计销量32万+册,JavaScript“红宝书”全新升级|涵盖ECMAScript 2019,全面深入,入门和进阶俱佳|结合视频讲解+配套编程环境,助你轻松掌握JavaScript新特性与前端实践Vue.js设计与实现|Vue.js官方团队成员霍春阳倾力打造|Vue.js作者尤雨溪作序推荐|Vue....

2022-11-07 10:27:14 41

转载 在qiankun微前端中做性能统计

我所在的团队中跨业务、跨平台的内容比较多,微前端越来越广泛的应用到了团队中,当前从易用性来讲还是qiankun比较适合我的团队,但是在最近看数据的时候感觉报表上的页面性能数据好的超出了我的预期,深入思考一下,猛然想到,这些该不会都只是主应用的数据,完全没统计到子应用吧。为什么统计不到qiankun微前端工程是主应用加载后再进行子应用文档的请求进行挂载的。而主应用加载后子应用挂在前当前页面已经完成了...

2022-11-04 09:39:21 83

转载 抖音支付前端自动化监控

集 AI 预测,业务流程看板,实时报警等功能为一体的自动化监控报警平台,面向业务提供 App,Web,Lynx,PC,Server 等多场景实时,可靠,全面的自动监控方案,保障业务的稳定性。理念:让监控变得很简单打破传统,通过自动化的方式,让原先几个月都解决不好的事情,现在只需要几分钟就可以了。天网恢恢 疏而不漏我们不希望做“亡羊补牢”式的监控,当问题发生时,才想到去补某个场景的监控,而是要做到预...

2022-11-02 10:59:09 60

转载 小红书招前端了!

工作职责:1.负责小红书社区基础产品和创作者服务的业务开发,包括社区话题、创作中心V创作服务平台、微信小程序等2.参与社区S级运营活动开发,拓宽用户对于社区内容的多品类心智,提升用户认知和参与度3.关注线上产品的体验和质量,优化产品性能和交互,为用户和创作者带来更好的使用和创作体验1.本科以上学历,两年以上前端开发经验,有移动端或跨平台应用开发经验2.熟练掌握前端领域相关技术, 包括但不仅限于JS...

2022-10-26 11:31:32 78

转载 数据驱动在转转客服工单系统中的应用

客服工单系统是客服解决用户实际问题、处理日常工作最常用的系统。为有效辅助客服的工作,系统需要及时提供用户、商品和订单等信息。同时,客服工单的创建、流转和处理,也需要各种类型表单的操作。所以基础信息的展示和交互、表单的展示和操作,对于客服工单系统至关重要。本文就为大家介绍,在转转客服工单系统中,我们是如何通过数据驱动的方式解决这类问题的。基础信息展示形式这里以工单详情为例,工单详情以模块的方式,提供...

2022-10-25 08:00:55 51

转载 Web 3D 从入门到跑路

大厂技术坚持周更精选好文本文为来自 字节跳动-业务中台-前端团队 成员的文章,已授权 ELab 发布。前情概要作为在该领域小白的我,在准备该主题分享之前,我信心满满的去知乎查了下,如何学习 WebGL?如何入手webGl以及three.js呢? - 知乎[1]前端开发者应该如何学习计算机图形学相关的知识? - 知乎[2]大三计算机,想接触图形学方面的知识,直接学WebGL还是OpenGL ...

2022-10-24 17:27:13 127

转载 盘点12个yyds的微信小程序开源项目

大家好,我是 CUGGZ。今天来分享 12 个 yyds 的微信小程序开源项目,速速收藏!全文概览:wechat-app-mall:微信小程序商城;Vant Weapp:小程序 UI 组件库;iView Weapp:小程序 UI 组件库;echarts-for-weixin:Apache ECharts 的微信小程序版本;Gitter:GitHub 微信小程序客户端;winxin-app-watc...

2022-10-19 13:13:54 347

转载 hello,各位成都前端招人啦~

坐标:字节跳动-客服平台-前端先介绍下下,我们是字节跳动客服平台前端团队,业务上,负责整个字节核心产品的客服业务,覆盖电商、直播、抖音、头条、西瓜、TikTok等诸多明星产品。技术上,我们生产体量大复杂度高的多类型客服产品体系,技术场景包括C端、B端、全栈 (Node、Go)等;为海量用户提供服务时,需要我们追求极致的工程能力(效率、性能体验、质量稳定性等);为多场景的业务提供客服能力时,需要我们...

2022-10-11 18:18:03 34

转载 深入浅出富文本编辑器

‍‍大厂技术坚持周更精选好文编辑器介绍常见的富文本编辑器现实方式可以分成两大类,分别是用 textarea 和 contenteditable 来实现。 textarea 结构简单使用方便,一些文本格式和复杂的样式难以实现,推荐仅在对编辑要求不高的场景使用。 contenteditable 将元素的 contenteditable属性设为 true时,该元素则成为了编辑器的主体。配合 d...

2022-10-09 08:00:10 143

转载 图解 React 的 diff 算法:核心就两个字 —— 复用

React 是基于 vdom 的前端框架,组件 render 产生 vdom,然后渲染器把 vdom 渲染出来。state 更新的时候,组件会重新 render,产生新的 vdom,在浏览器平台下,为了减少 dom 的创建,React 会对两次的 render 结果做 diff,尽量复用 dom,提高性能。diff 算法是前端框架中比较复杂的部分,代码比较多,但今天我们不上代码,只看图来理解它。首...

2022-10-08 13:14:55 58

转载 ECMAScript 2023将新增的9个数组方法

ECMAScript 规范每年都会更新一次,正式标准化 JavaScript 语言的 ECMAScript 的下一次年度更新将在 2023 年 6 月左右获得批准,这将是 ECMAScript 的第 14 版。所有在 2023 年 3 月之前达到阶段 4 的提案都将包含在 ECMAScript 2023 标准中。 对于一个提案,从提出到最后被纳入 ECMAScript 标准,总共分为五步:stag...

2022-09-15 09:40:38 110

转载 盘点15 个不错的前端开源项目

大家好,我是 CUGGZ。今天来盘点一下阿里巴巴那些热门的前端开源项目,你都用过哪些?全文概览:Ant Design: 企业级 UI 设计语言和 React 组件库Element UI: 基于 Vue 2.0 的桌面端组件库Egg.js: 企业级 Node.js 框架Icejs: 基于 React 的中后台应用解决方案UmiJS: 可插拔的企业级 React 应用框架G2: 数据驱动的高交互可视化...

2022-09-06 16:16:00 1031

转载 了解微前端,深入前端架构的前世今生

点击上方蓝字发现更多精彩!????前言在我们的日常开发中,经常会遇到这么一些业务需求,比如说:在一个项目中要放入两个完全不同类型的场景。基于这样的背景下,单页面应用显然已经不能在繁杂的业务中脱颖而出。因此,前端的流行趋势里也就有了微前端架构。这篇文章更像是一篇笔记,记录了我学习微前端的伊始。那在这里,可能会谈到为什么我会从之前的应用文到突然学起了这些架构内容呢?原因在于,周一在入厂后接触到了一系列超级...

2022-08-30 15:40:37 145

转载 可调试、编译的小型开源项目思路

????阅读本文,你将: 手把手带你搭建一个极简 npm 包( rollup + esbuild + ts );从工程结构全方位思考 npm 包的开发原则。学会 rollup、esbuild 等新兴构建工具的使用;一、前置阅读(推荐) 本文章不再赘述 rollup 和 官方 rollup 插件的使用,因此有需要的话建议先阅读前置文章:说不清rollup能输出哪6种格式????差点被鄙视一文入门rollup????!...

2022-08-23 14:11:33 538

转载 Umi 4 发布啦

Umi 4 现在可以在 npm 上使用了!详见:umijs.org。距离上一篇文章和大家介绍 Umi 4 RC 的发布已过去 5 个月,这段时间我们基本都保持了一周一个 RC 的节奏,目前是 RC.24。同时基于 Umi 4 的蚂蚁内网框架也已在 2 个月前发布,目前上线近 100 应用,Umi 4 的主体功能已非常稳定,这也是第一次我们先在内网发布后在社区正式发布。Um...

2022-06-21 15:16:26 989

转载 前端高频面试题汇总,JavaScript、Vue、React、Angular…

看GitHub的数据,JavaScript的热度常年保持榜首位置,TypeScript也是飞速上涨,热度飙升。可见前端依旧大势!当然,现在前端不像前几年,动不动就有重磅的、颠覆性的框架、轮子出现,还是趋于稳定,更多的是已有框架的特性更新。目前各个大厂都在向着精细化方向做探索,注重讨论如何将之前的东西做细、效果做得更好,很多技术方向开始进行细分,比如可视化、工程化等更加垂类...

2022-06-16 08:23:21 97

转载 基于 WebComponents 封装 UI 组件库

????这是第 142篇不掺水的原创,想要了解更多,请戳下方卡片关注我们吧~如何基于WebComponents封装UI组件库https://www.zoo.team/article/web-components前言作为一名前端攻城狮,相信大家也都在关注着前端的一些新技术,近些年来前端组件化开发已为常态,我们经常把重用性高的模块抽离成一个个的组件,来达到复用的目的,...

2022-06-08 13:05:00 366

转载 Web Worker

WebWorkerhttps://www.zoo.team/article/web-worker前言众所周知,JavaScript 是单线程的语言。当我们面临需要大量计算的场景时(比如视频解码等),UI 线程就会被阻塞,甚至浏览器直接卡死。现在前端遇到大量计算的场景越来越多,为了有更好的体验,HTML5 中提出了 Web Worker 的概念。Web Worker 可以...

2022-05-09 13:25:09 129 1

转载 如何在公司落地业务组件

先放一张 winter 对于前端从技术层方向的定级标准:当然这个定级对于不同的公司也会有相应的偏差,但是可以看出掌握组件开发是通向高 T 前端的必经之路,毕竟从一亩三分地跨越到了前端工程化的领域。我作为掌门面试官,面试过不少的候选人,在面试的时候能将组件开发的工具链及注意点讲清楚的寥寥,所以今天就带大家一起从设计思维、工程思维和产品思维三个维度概述一下题目组件在掌门落地的...

2022-04-29 08:02:00 281

转载 React 18 超全升级指南

React 18 RC.3 版已经发布,并且 API 已经稳定下来,现在主要是一些 BUG 修复,相信不久后便会发布正式版。React 团队对新特性的探索相当谨慎,距离 16.8 版本已经有 3 年时间了,完全版的并发模式终于到来。今天我们从使用者的角度来探索下 React 17 升级到 18 会遇到的问题和一些新增的功能。升级使用 yarn 要安装最新的 React 1...

2022-04-28 10:45:02 692 1

转载 常见的手写题

手写代码很能考验面试者的编码能力,所以这类题常常受到面试官的青睐,如果没提前准备的话,经常会有挂一漏万的情况,现在我们来总结一下那些经常被问到的手写题。1、实现instanceof运算符instanceof运算符用于检测构造函数的 prototype属性是否出现在某个实例对象的原型链上,运算符左侧是实例对象,右侧是构造函数。const iInstanceof = func...

2022-04-27 10:00:00 84

转载 理解前端Babel编译原理

大厂技术坚持周更精选好文背景我们知道编程语言主要分为「编译型语言」和「解释型语言」,编译型语言是在代码运行前编译器将编程语言转换成机器语言,运行时不需要重新翻译,直接使用编译的结果就行了。而解释型语言也是需要将编程语言转换成机器语言,但是是在运行时转换的。通常我们都将 JavaScript 归类为「解释型语言」,以至于很多人都误以为前端代码是不需要编译的,但其实 ...

2022-04-26 15:19:22 384

转载 梳理Vue常考面试题型

完整版在线阅读 http://interview.poetries.top1 对于MVVM的理解MVVM是Model-View-ViewModel缩写,也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将数据渲染到页面中,视...

2022-04-25 10:46:39 167

转载 React Hooks 的原理

React 是实现了组件的前端框架,它支持 class 和 function 两种形式的组件。class 组件是通过继承模版类(Component、PureComponent)的方式开发新组件的,继承是 class 本身的特性,它支持设置 state,会在 state 改变后重新渲染,可以重写一些父类的方法,这些方法会在 React 组件渲染的不同阶段调用,叫做生命周期函...

2022-04-18 15:33:39 1904 3

转载 webpack loader 与plugin 开发实战 —— 点击 vue 页面元素跳转到对应的 vscode 代码

Meta摘要本文以一个点击 vue 页面元素跳转到对应 vscode 代码的 loader 和 plugin 开发实战,讲述 webpack loader 和 plugin 开发的简单入门。观众收益通过本文,你可以对 webpack 的 loader 和 plugin 有一个更清晰的认知,以及如何开发一个 loader 和 plugin,同时也穿插了一些 vue、css、...

2022-04-13 18:40:59 472

转载 这些函数面试知识总结请收下

这段时间我试着通过思维导图来总结知识点,主要关注的是一些相对重要或理解难度较高的内容。下面是同系列文章:「思维导图学前端 」6k字一文搞懂Javascript对象,原型,继承[1]「思维导图学前端 」初中级前端值得收藏的正则表达式知识点扫盲[2]如果您需要换个角度看闭包,请直接打开解读闭包,这次从ECMAScript词法环境,执行上下文说起[3]。本文总结了javascr...

2022-04-12 11:45:29 107

转载 高瓴投资,顶配创业团队,dora 诚招前端 / Flutter

dora 是一个可以跨越设计稿,直接生成应用的新一代设计工具。让任何 Creator 都能轻松构建个性化的网站和应用,无需编写一行代码。通过自主研发的全新技术,我们为用户打造了完全自由度的设计与开发体验,足以满足任何复杂场景的个性需求,从 0 构建世界顶尖的专业应用。dora 官网完全由「dora 创新无代码技术」构建,无需一行代码。可用电脑端浏览器登入https://...

2022-04-08 18:30:00 490

转载 服务端渲染SSR及实现原理

????这是第128篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队关注我们吧~本文首发于政采云前端团队博客:服务端渲染SSR及实现原理https://www.zoo.team/article/web-ssr前言在日常前端开发中,在需要首屏渲染速度优化的场景下,大家或多或少都听到过服务端渲染( SSR )。本文将结合 Vue 来对 SSR 的实现逻辑来进...

2022-04-06 13:45:48 1600 1

转载 推 荐几个2022年还在疯狂输出的前端大佬

前端学习,关注这几个大佬就够了。他们的文章提供的前端知识非常完备,也经常推荐前端面试、个人成长相关的文章,对于你来说,学前端,关注这些公众号就够了。不多说,直接看这些大佬的介绍。???? Vue中文社区国内Vue爱好者维护的中文社区,专注分享前端技术干货,互联网行业秘闻,汇集各类奇妙好玩的程序猿话题和流行的技术动向!Vue 社区技术干货???? 点击上方卡片关注???? 程序员成长...

2022-03-31 09:16:27 117

转载 前端工程化-基于 Monorepo 的 lerna 模块(从原理到实战)

本文你能学到什么? 看完本文后希望可以检查一下图中的内容是否都掌握了,文中的例子最好实际操作一下,下面开始正文。本文是前端工程化系列中的一篇,回不断更新,下篇更新内容可看文末的下期预告!宗旨:工程化的最终目的是让业务开发可以 100% 聚焦在业务逻辑上lerna是什么?有什么优势? lerna 基础概念A tool for managing JavaScript proj...

2022-03-30 08:50:00 1185

转载 深入浅出前端监控

大厂技术坚持周更精选好文背景近期主要工作内容是进校开放平台(简称开平)相关业务,开平简单来说就是一个可为第三方应用提供接入主端(例如微信、飞书)应用能力的平台,为了让第三方应用稳定可靠地接入开平,需要为其提供一些底层的基础能力,其中应用监控就是其中不可或缺的一环。目前如何在进校开平中做三方应用的监控管理还在初步预研阶段,为此了解了一下前端监控相关背景知识。鉴于我司...

2022-03-29 11:53:49 131

转载 一个小厂前端 Leader 如何筛选候选人?

大家好,我是杨成功,一名小厂前端 Leader。说起面试,其实我自己面试的经验不多,而且我对八股文也不算通,算法更是短板。但是好在面过不少人,在筛选候选人上,也算是有自己的一点点经验。在我看来,面试的唯一目的就是招人,一定是因为团队缺人需要补充,你才会放下手头的工作花时间去筛简历,约面试。那么作为面试官,这个时候就一定要告诉自己:面试是为了寻找合适的人,而不是为了难倒候选...

2022-03-24 20:30:48 85

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除