假装做前端

背景: 项目越来越大，定位组件代码位置越来越难。 随着ts项目越来越大，想修改页面里面某个组件的功能，需要先找到该组件有哪些文字， 然后去vscode里面去搜索，如果项目很...

从 18 年毕业至今，在两家大公司主要都是从事 h5 开发，期间参与过很多大型活动的 h5 开发。在活动期间，考虑更多的还是页面的稳定性和容灾方案，面对大流量峰值在资源有限...

背景: 当项目越来越大，store很复杂，数据获取很复杂， connect里面的 mapStateToprops会在每次 dispath action的时候，都会重复执行一...

最近在做需求的时候,涉及到登录token,产品提出一个问题:能不能让token过期时间长一点，我频繁的要去登录。 前端：后端，你能不能把token 过期时间设置的长一点。 ...

越来越多的项目都在支持TypeScript，逐渐成为前端必备能力之一。特性虽然很多，但是正常业务开发用到的并不多，够用就行。这里以自己的理解了下总结常用的ts特性。有理解错...

本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. JavaScript 具有自动垃圾收集机制（GC：GarbageC...

某天下午，线上的服务监控发出报警：在同一个服务下，部署的众多容器中，某一个容器出现 OOM 问题。本文通过抽丝剥茧的方式，逐步排查并最终定位问题。...

好的数据结构与算法能够大大缩短代码的执行时间与存储空间，那么我们如何去衡量它喃？这节就主要介绍算法性能的衡量指标—复杂度分析。 1. 如何表示算法复杂度？ 通常采用 大 O...

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……...

最近在公司探索落地 Bundless 构建工具，尝试将现有的一些业务项目 从 Webpack 往 Vite 迁移，由于中后台项目一般对浏览器兼容性要求不高，可以大胆引入一些...

ResizeObserver 该接口可以监听到 Element 的内容区域或 SVGElement的边界框改变， 可以在回调里得到此时元素的尺寸，快速做相应针对布局的操作。...

Hi，我是 ssh，春节过去了，躁动的心也该收一收，开始新一年的学习了。我目前就职于字节跳动的 Web Infra 团队，目前团队还很缺人（尤其是北京）。 为此我组建了一个...

项目中接入三维模型，由于三维模型团队只提供iframe方式接入和postMessage通讯方式和通讯的数据格式，试试给postMessage添加promise装备。...

最近公司要做一个小项目，我问老大能不能用 Vue 写，因为公司一直用 React， 主要是想尝试一下 Vite。 Vite 又是祖师爷出的，所以我想试试用 Vue 作为技术...

shadow DOM不是超级英雄电影中的恶棍，也不是DOM的黑暗面。 shadow DOM只是一种解决文档对象模型（或简称DOM）中缺少的树封装方法。 网页通常使用来自外部...

本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedAr...

最早javascript是不能处理二进制的，如果非要处理，只能用charCodeAt逐个地将字符串转成Unicode 编码的二进制数据。直到ECMAScript 5引入了b...

Hi~大家好，今天给大家介绍一个现代的包管理工具，名字叫做 pnpm，英文里面的意思叫做 performant npm ，意味“高性能的 npm”，官网地址可以参考 htt...

这篇文章给大家分享一个业内一款出色的包管理器——pnpm。目前 GitHub 已经有 star 9.8k，现在已经相对成熟且稳定了。它由 npm/yarn 衍生而来，但却解...