记录－交流－Web开发知识分享
小林经过层层面试，终于进入一家一线互联网公司。有一天，她的mentor给她布置了一个任务，让她配置一下nginx，小林是一脸懵逼，您说啥？nginx是啥？心里一万只草泥马呼啸而过，但是坚强的小林没有放弃，准备系统的了解一下nginx，然后开启了打怪升级的道路。
对于Nginx的学习，小林主要从六部分进行：基础、原理、常用命令、配置文件、用途及相关计算，由浅入深，层层递进，最终达到前端够用、运维入门的效果。希望通过本博文帮助不懂Nginx的同学快速学习Nginx。
页面布局是样式开发的第一步，也是 CSS 最重要的功能之一。
常用的页面布局，其实就那么几个。下面我会介绍5个经典布局，只要掌握了它们，就能应对绝大多数常规页面。
这几个布局都是自适应的，自动适配桌面设备和移动设备。代码实现很简单，核心代码只有一行，有很大的学习价值，内容也很实用。
…约定式提交规范是一种基于提交消息的轻量级约定。 它提供了一组用于创建清晰的提交历史的简单规则； 这使得编写基于规范的自动化工具变得更容易。 这个约定与 SemVer 相吻合， 在提交信息中描述新特性、bug 修复和破坏性变更。
提交说明的结构如下所示：…
计算机网络知识，是面试常考的内容，在实际工作中也常常会涉及到。
最近总结了66条计算机网络相关的知识点，大家一起看一下吧：…
摘要
先看一看未来的 WebComponent 标准，再简单了解怎么写 WebComponents，最后说说它的重要性。
这篇文章简单介绍 WebComponent 标准，介绍哪些浏览器已经开始支持 WebComponents，讨论 WebComponents 能解决什么问题，以及它对 web 开发的重要性。你可以了解到如何利用 Vanilla javascript 编写一个简单的 WebComponent，我还会针对它的潜在优势分享我自己的一些拙见。…
性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解：
首次绘制，FP（First Paint），这个指标用于记录页面第一次绘制像素的时间。
首次内容绘制，FCP（First Contentful Paint），这个指标用于记录页面首次绘制文本、图片、非空白 Canvas 或 SVG 的时间。
这两个指标看起来大同小异，但是 FP 发生的时间一定小于等于 FCP，如下图是掘金的指标：
什么是Webauthn？
WebAuthn（Web 身份验证）是由万维网联盟（W3C）发布的 Web 标准。WebAuthn 是 FIDO 联盟指导下的 FIDO2 项目的核心组成部分。该项目的目标是标准化用户对基于 Web 的应用程序和服务的公钥认证的接口。…
Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。
这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支持 HTML/CSS 特性、安全问题，以及可行性问题。
幸运的是，当 HTML5 标准公布后，其中包含许多的新特性，包括 <video> 和 <audio> 标签，以及一些 JavaScript APIs 用于对其进行控制。随着通信技术和网络技术的不断发展，目前音视频已经成为大家生活中不可或缺的一部分。此外，伴随着 5G 技术的慢慢普及，实时音视频领域还会有更大的想象空间。
接下来本文将从八个方面入手，全方位带你一起探索前端 Video 播放器和主流的流媒体技术。阅读完本文，你将了解以下内容：
mp4视频在安卓上全部能播放，部分mp4视频在ios不能播放。表现为刚开始缓冲加载几秒钟后，就显示加载失败的图标了，或者直接显示加载失败图标
none
其实主要的就是如下参数：
alternate_scan使用隔行转码，top不一般没有什么要求的话頂场优先就可以了。
近期评论