作者归档:admin

首页 » Articles posted by admin (Page 2)

w3cmm

使用Lighthouse审查网络应用质量

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 您可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。 您为 Lighthouse 提供一个您要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。 从此处,您可以失败的测试为指示器,看看可以采取哪些措施来改进您的应用。  Lighthouse 目前非常关注 Progressive Web App 功能,如“添加到主屏幕”和离线支持。不过,此项目的首要目标是针对网络应用质量的各个方面提供端到 … 继续阅读

发表在 Memo |
w3cmm

语义版本控制

语义版本控制指示哪种更改会导致版本号增加。 Semver使用由三部分组成的版本号,例如3.9.2,并将这三个数字从左到右分别称为主要,次要和补丁号。 3 . 9 . 2 major minor patch 模块维护者进行更改的基本合同是 向后不兼容的更改将增加主数字 向后兼容的新功能会增加次设备号 对现有功能的简单错误修复会增加补丁号 对于任何依赖性,版本1.0.0被视为第一个稳定版本,并且semver合同不适用于该版本之前的版本。 并非每个模块都遵循语义版本控制。模块可以使用由三部分组成的版本 … 继续阅读

发表在 Memo |
w3cmm

package.json中~和^之间的区别

如果你在在安装新packages,并更新package.json作为副作用。仔细观察,您会发现版本号前面有一些特殊符号。 “dependencies”: { “lodash”: “^3.9.2” } 语义版本控制介绍 前缀字符(^)与称为语义版本化或semver的版本编号方案有关。 语义版本控制指示哪种更改会导致版本号增加。 Semver使用由三部分组成的版本号,例如3.9.2,并将这三个数字从左到右分别称为主要,次要和补丁号。 3 . 9 . 2 major minor patch 在没有no … 继续阅读

发表在 Memo | |
w3cmm

#!/usr/bin/env node 是什么?

#!/usr/bin/env node是shebang line的一个实例:用在Unix-like的平台上的可执行纯文本文件中的第一行,它通过#!前缀(称为shebang)命令行告诉系统哪个解释器将该文件传递给执行程序。 Windows不支持shebang lines,因此实际上它们被忽略。 在Windows上,它只是给定文件的文件扩展名,它确定哪种可执行文件将对其进行解释。 但是,您仍然需要在npm上下文中使用它们。[1] 下面是仅限于类Unix平台对shebang line的一般讨论: 在下 … 继续阅读

发表在 Memo | |
w3cmm

npm与npx的区别

如果您曾经使用过Node.js,那么一定要使用npm。 npm(node package manager)是在安装Node.js时即可使用的依赖项。它为开发人员提供了一种在全局和局部安装packages的方法。 有时,您可能希望查看特定的package并尝试一些命令。但是,如果不在局部node_modules文件夹中安装依赖项,就无法做到这一点。 npm npm本身不会运行任何程序包。如果要使用npm运行package,则必须在package.json文件中指定该package。 通过npm p … 继续阅读

发表在 Memo | |
w3cmm

使用GZIP压缩优化您的网站

压缩是节省带宽并加快站点速度的一种简单有效的方法。 当您请求http://www.yahoo.com/index.html之类的文件时,浏览器将与Web服务器对话。对话有点像这样: 如果我们可以向浏览器(index.html.zip)发送.zip文件(而不是普通的index.html),则可以节省带宽和下载时间。浏览器可以下载压缩文件,将其解压缩,页面加载速度很快。浏览器与服务器的对话可能如下所示: 这种交换的棘手部分是浏览器和服务器知道可以发送压缩文件了。协议分为两部分 浏览器发送一个标头,告 … 继续阅读

发表在 Memo | |
w3cmm

Serif 和 Sans Serif 字体区别

Sans-serif字体的笔画宽度变化往往比Serif字体小。它们通常用于传达简单性,现代性或简约性。 某些字体的笔画结尾处的小特征称为“Serifs”。 Sans-serif font Serif font Serifs (coloured in red) 一些常见的Serif字体是Times New Roman,Georgia,Palatino和Garamond。 相反,常见的Sans Serif字体包括Arial,Helvetica和Tahoma。 在不同的设计中同时使用Serif和San … 继续阅读

发表在 Memo |
w3cmm

通过font-display控制字体行为

web font的生命周期 在讨论什么是font-display之前,让我们先讨论一下web font的生命周期。 在期间,浏览器将以不可见的字体呈现文本。 这就是为什么在很多使用web font的网站上,在页面的第一次加载期间,您不会看到任何文字或更糟的幻影下划线的原因。 在swap期间,浏览器将以fallback字体呈现文本(在该图中的示例中,这将是默认的“serif”字体)。 failure期意味着未找到字体,在这种情况下,浏览器将使用fallback字体呈现文本,如上所述。 使用新的fo … 继续阅读

发表在 CSS |
w3cmm

不同DOCTYPE声明之间的区别

在HTML 4.01中,<!DOCTYPE>声明是指文档类型定义(DTD)。 这是因为HTML 4.01基于标准通用标记语言(SGML)。 DTD指定了标记语言的规则,以便浏览器正确呈现内容。 HTML5不是基于SGML,因此不需要引用DTD。 这就是HTML5仅具有一种doctype的原因。 <!DOCTYPE html> HTML4.0.1具有三种文档类型 Strict:此DTD包含所有HTML元素和属性,但不包括表达或不推荐使用的元素(如font)。 不允许使用fr … 继续阅读

发表在 HTML |
w3cmm

nginx gzip 配置

压缩每个对象可能会占用服务器硬件的大量CPU资源,这将导致NGINX变慢。不要压缩每个对象,将NGINX配置为仅压缩大型文件,并避免尝试压缩较小的文件(例如图像,可执行文件等)。 编辑/etc/nginx/nginx.conf文件,搜索gzip on;或gzip off;修改为: gzip on; gzip_vary on; gzip_min_length 1024; gzip_proxied any; gzip_types text/plain text/css application/jso … 继续阅读

发表在 Memo | |