找到Web

众所周知，第一印象很重要，不仅是在与人交流上，在构建web体验的时候也是如此。 在web上，一个好的第一印象是决定用户去留的关键。那么问题来了，怎样才能留下好的第一印象，怎样测试你的网站给用户留下的第一印象？ 在web上，第一印象也分很多方面：站点设计、视觉体验、速度和响应。 …

本文将介绍内联布局中，内容的布局方式及相关原理。 对于行框、内联框，标准文档中有个很经典的图。 附上自己的一段代码，方便理解。 上图中：蓝色区域代表inline box，表示一个行内的元素框；红色区域代表line box，每一行的区域都可以表示line box；绿色区域代表ro…

由于 FID 需要一个真实用户的交互，所以无法用实验数据测试。 为了在实验数据下预测 FID，通常会用 TBT(Total Blocking Time)，具体这个指标后面文章会介绍。他们测量的内容不同，但改善 TBT 通常也能改善 FID。 一个糟糕的 FID 主要原因是JS执…

关于正则表达式的方法属性分为两种，一个是RegExp对象方法，其中包含exec和test方法，另外一个是string对象方法，包含match，search，replace，split，这些string方法在原本的基础上还支持正则表达式，扩充了更为强大的能力。下面我将分别总结各个…

你是否曾经在线读一篇文章的时候，页面上突然发生了一些改变？没有任何警告，文字移动了，你不知道读到那里了。或者更糟糕的，你准备点一个链接或者按钮，但就在你手指触摸到屏幕的前一秒，链接移动了，你点到了其他地方。 大部分情况，这些体验只会引起你的反感，但有时候，会对你造成无法挽回的伤…

所谓display-outside，就是说这些值只会直接影响一个元素的外部表现，而不影响元素里面的儿子级孙子级元素的表现。 display: run-in： 会根据后面的元素进行转换display为inline | inlin-block | block。 如果它后一个元素是b…

Cookie的SameStie属性用来限制第三方Cookie，从而减少安全风险（防止CSRF攻击）和用户追踪。 具体如何使用cookie来防止CSRF攻击，可以参考使用站点Cookie属性防止CSRF攻击，里面基础地介绍了相关的知识。 Strict最为严格，完全禁止第三方 Co…

浏览器获取文档的时间越长，用户看到页面的时间也会越长。较快的服务器响应时间，可以直接改善每一个页面加载相关的指标，包括LCP。 可以使用 TTFB(Time to First Byte) 来测试服务器响应时间，你可以通过以下手段来优化 TTFB 这个指标。 你是否在服务器上运行…

媒体查询为不同设备之间做样式的适配提供了很好的解决方式，也能够提供一些识别不同设备的方式。 用法与width特性一致。 也许你会看到device-width和device-height这样的媒体特性被使用，这两者更多的是表示设备的物理的宽高，标准文档中指出，建议使用width或…