Coder_Zhang

背景 货拉拉微信小程序经过多年迭代，代码包越来越大，主包大小接近 2M，增加一些大的业务功能，就有可能超过大小限制，无法上传代码。 理论 微信官方建议性能优化中关于代码体积...

本文主要探索web 端自动化测试框架，对比了市面上流行的自动化测试框架，最终选择 Playwright 作为自动化测试框架...

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔...

一、思考： 1.为什么不能使用箭头函数来定义methods？ 答：因为箭头函数没有自己的作用域，绑定的是父级作用域的上下文， 如果使用箭头函数，那么在获取data里面的数据...

自从js出了es6之后，小伙伴们都在项目中愉快的用起了import,export default,但是，当我们用import方式引入npm第三方模块的时候，却会发现，npm...

测试主要分为三种：单元测试、集成测试、e2e测试。充足的测试可以让我们的代码变的更可靠，质量更高。本文主要介绍单元测试框架如何选择。...

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后...

tsconfig.json 项目配置，用来指定typescript 编译的行为，要编译文件的范围，排除的范围...。通常是放在项目的根目录下，当然可以通过 --projec...

React 诞生至今已经走过 10个年头 , 自从2013年5月宣布开源以来，无论是JSX，还是Hooks, 亦或是RSC-React Server Components ...

前言 去年我们平台为客户提供了一套企业级前端组件方案，收集了一下客户的需求，同时也做了一部分调研工作，由于我们是为金融机构服务的，所以也发现了同业中广发所做的GFDesig...

在上一篇文章中，我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 rollup 是一个 JavaScript 模块打包器，在功能上...

单例模式是创建型设计模式的一种。针对全局仅需一个对象的场景，如线程池、全局缓存、window 对象等。 JavaScript 是一门非正规面向对象的语言，并没有类的定义。而...

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。...

我们整理了 2022 年前端热门领域相关突破和 2023 年的未来展望，希望可以与大家一起温故而知新，在新的一年乘风破浪～...

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

我正在参加「掘金·启航计划」 本文主要说两个主题： 1、webpack的source-map理解 2、source-map文件原理 写本文的时候，居然发现了webpack5...

在上一篇的文章写给后端的Nginx初级入门教程:基础篇中，我们主要说了Nginx是什么，能做什么，以及Nginx最重要的四个基本概念，分别是 正向代理, 反向代理，负载均衡...

Sentry 为一套开源的应用监控和错误追踪的解决方案。这套解决方案由对应各种语言的 SDK 和一套庞大的数据后台服务组成。应用需要通过与之绑定的 token 接入 Sen...

衡量一个站点性能的好坏，我们通常看两个方面: 首屏性能和页面加载以后整个交互的流畅程度。这两个指标的好坏，决定了站点是否可以...