本文主要是结合Google的开源项目Lighthouse 和 gulp脚本编写了一个前端性能跑分工具。主要用来帮助前端开发工程师能够更加全面的了解自己的网站/项目，快速找出优缺点，以及可以改善的方向。

在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，👇下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所拉取的浏览器数据就是来自statCounter。 从统计数据可以看出，对于国内的PC…

好的技术应用于实际业务一定不是全盘照搬，应根据实际需要借鉴先进经验优化自身不足，就像没有一个企业能永远生存下去。软件系统也一样，活下去，保持未来遇见性，符合公司组织架构和发展水平是最重要的。graphQL在国内目前没有火起来，是时机还没到来。 要想理解graphQL就要先放弃经…

cover 网页内容完全覆盖可视窗口，即页面完全充满屏幕，右图。适配关键！ 适配的核心是：通过 constant() 可以获取到非安全边距，再结合 padding 或 margin 来控制页面元素避开非安全区域。 Webkit在iOS11中新增CSS Functions: en…

本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…

如果技术有罪，那人类可真是罪大恶极。--- 沃·镃基烁德 是的你没有看错，和人有指纹一样，Web客户端（这里主要指浏览器）也有自己的指纹信息。将这些信息综合分析计算后，可对客户端进行唯一性识别，进而锁定、追踪、了解网民行为和隐私数据， 进而做到精准广告投放，反薅羊毛等功效。 1…

作为一只前端开发🐶，HTTP是我们知识地图里面必不可少的一部分，也是面试必问知识点。HTTP2号称可以让我们的应用更快、更简单、更稳定，它完美解决了1.1版本的诸多问题，本文和大家一起聊聊HTTP2的改进点。 正式讲HTTP2之前我们先讲一下HTTP的发展史。 HTTP于19…