ThiagoSun

没有八股文，没有bull shit，这篇文章会尽量简洁的描述LCP优化的一些要点 确保你使用了HTTP 2 HTTP2/HTTPS 相信已经是大多数网站的标配了，如果你有机...

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复...

浏览器只对网络请求有同源限制，同源就是协议、域名和端口号一致，不同源的客户端脚本在没有明确授权的情况下，不能读写对方XHR资源，反之不同源脚本读取对方XHR资源就是跨域。以...

JavaScript：解释型语言 这可能是大家在初学 JavaScript 时就了解的一个概念，MDN 对它的定义是这样的： 但这么多年过去了，JavaScript 早已不...

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很...

相信各位前端同学，都碰到过这样一个面试题：浏览器自输入url开始，到页面展示的过程中，究竟发生了什么？ 这个问题在掘金上已经有不少作者，发布了很完整的解答了。从解析 URL...

编译原理科普文，编译是什么，转译器、编译器、解释器的区别是啥，编译流程都做了什么，前端领域哪些地方用到编译技术。...

前端录制回放系统，顾名思义就是录制用户在网页中的各种操作，并且支持能随时回放操作，可用于异常监控和错误上报......

浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

加载优化分两种情况，一种是新用户第一次打开我们页面，这里面临的挑战是各种缓存都无法起作用，怎么保证将加载速度控制在用户可以接受的范围，提升转化率。第二种情况是老用户，这里我...

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构...

webpack已经成为开发web应用不可或缺的工程化工具，而作为webpack支柱功能的插件系统，是我们深入学习webpack绕不过的一道坎。站在插件开发的视角，你可以更细...

想要优化就必须得有度量。有了监控才能客观、系统地进行分析性能瓶颈、验证优化结果等。所以我们先从如何完整地监控开始 加载性能就是用户从进入到页面到页面真正可用的这个过程的耗时...

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

最近参与开发了公司的第一款小程序，开发体验基本类似于基于webview的混合式开发，可以调用官方强大的api，但也有一些坑或者说不习惯的地方。这篇文章从实用性出发，记录了开...

一直都是写关于技术的一些东西，从来没想过我会写一篇与技术没什么关系的文章，因为在之前的我看来，这种文章完全就是假大空 技术至上？ 三年前我毕业进入第一家公司，个人很水的技术...