Thomas

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

iframe 作为一种内嵌网页的方式，虽然方便，但如果使用不当，很容易成为 XSS 攻击的入口。这是因为 iframe 与父页面之间存在着一定的隔离性，但这种隔离并不是绝对...

iframe 作为一种内嵌网页的方式，在过去被广泛应用。然而，随着 Web 技术的发展，它的缺点也逐渐显露出来。 iframe 的缺点 SEO 不友好： 搜索引擎可能无法很...

Meta 标签是 HTML 中的一组标签，它们向搜索引擎和其他用户代理提供关于 HTML 文档的元数据。这些元数据可以帮助搜索引擎更好地理解网页内容，从而提高网页在搜索结果...

HTML5 是 HTML 的最新版本，相比于之前的版本，它引入了许多新的特性和功能，大大增强了 Web 开发者的能力，让 Web 应用能够实现更加丰富多彩的功能。 HTML...

在 HTML 中，<script> 标签用于引入外部 JavaScript 文件。为了优化页面加载性能，我们可以使用 defer 和 async 属性来控制脚本的加载和执行...

HTML 语义化可以显著提升搜索引擎优化（SEO）效果，这是因为： 1. 帮助搜索引擎更好地理解页面内容 明确的结构： 语义化的 HTML 标签 (如 header, na...

HTML 语义化 是指根据内容的含义，选择合适的 HTML 标签来结构化页面。简单来说，就是用正确的标签做正确的事。 为什么 HTML 语义化很重要？ 提高可读性： 语义化...

一、emoji 的范围 查阅维基百科中 emoji 的说明 1. 杂项符号及图形 杂项符号及图形一共有 768 个字符，范围为： U+1F300 ～ U+1F5FF，在 J...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。...

网上的面试题一大堆，鱼龙混杂，一方面多数题目质量不高，另一方面有答案的很少，即使拿到面试题对自己的帮助也不大。 最近我花了一些时间，为大家整理了2020年各一、二线互联网公...

1）同一个 BFC 下外边距会发生折叠。 如下例子两个盒子之间距离只有100px，这不是 CSS 的 bug，我们可以理解为一种规范，如果想要避免外边距的重叠，可以将其放在...

本文由字节跳动-基础工程-APM团队合作编写，我们负责开发字节跳动的性能监控平台，还需要很多（10 个以上）优秀的同学来一起共建。 今年我们组打算建立一个字节跳动招聘社群，...

年前准备换工作，总结了一波面试最频繁的面试问题跟大家交流。此文章是关于浏览器的常见问题，大概面试10家遇到6家提问类似问题（主要是大厂和中厂）。（面试的部分内容已经忘了，为...

声明 下文只是自己对比一些行业现状和过去半年经历的反思，并不影射任何公司任何部门，我在新团队工作的很开心，和优秀的人做有挑战的事是非常有趣的经历，文中的观点和认知也仅是当前...

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不...

这是基于 vue-cli4 实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。 在一两年前，vue-cli3已经声驾到3.0+版...

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元...