志文工作室

简单来说，yarn 是一个与 npm 功能相同的工具，用于前端项目的依赖管理。在使用 npm 的项目中，使用 npm 命令的地方都可以使用 yran 来代替。为什么要使用 yarn 替代 npm 呢？请阅读本文详情寻找相…

相同或相似功能应尽量书写可复用代码实现，函数化、模块化、参数化是实现代码可复用的关键技巧，也是高质量编码的基本要求。简单的复用实现可以是一个函数，更复杂完善一些就成了通用性组件、库或框架。

一般来说，打开同源(域名相同)的页面，不会有什么问题，毕竟都是一个站点提供的。但对于跨域的外部链接来说，存在一个被钓鱼的风险。 在跨域的情况下，window.opener 拿不到来源页面的具体内容，但是 window.o…

拿到设计稿后，如何进行布局还原？ 如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现。常见方案有基于 viewport 和基于 rem 的缩放方案。 1 vi…

node-sass 安装失败的原因 npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。 这是使用 sass …

HTTP/2 协议于 2015 年 5 月 14 日正式版发布。随着 nginx 等流行 webserver 以及各大浏览器对 HTTP/2 的支持，越来越多的网站开始部署 HTTP/2 了。 HTTP/2 协议 HTT…

使用 certbot-auto 这是官方推荐的方法，通过 shell 命令的方式，可以最简单方便地达到目的。步骤如下： 访问 certbot 网站，地址为：https://certbot.eff.org/ 在首页选择好 …

基于 BDD (行为驱动开发) 的 UI 相关的功能性测试，特别是涉及到与后端数据交互的情况下，需要浏览器环境和对 ajax 的支持，对于涉及动画的交互，还需要延时执行测试代码。这里提到了几个基本要求： 浏览器环境支持（…

HPKP 格式及说明 HTTP Public Key Pinning（HPKP）的格式如下： Public-Key-Pins: pin-sha256="base64=="; max-age=expireTime [; i…

在团队开发中，良好的代码规范约定是保证互相良好协作的基本要求。 stylelint 是一个强大的 CSS linter 工具，它使用 PostCSS 的 AST 语法解析树引擎，支持 PostCSS 支持的所有语法识别，…

在实现与用户交互的工具时，总会有类似 c++ 中 cin>> 操作符的功能需求，从命令行读取用户输入然后继续执行。本文简要介绍了在 nodejs 中避免掉使用事件监听的方式，实现同步 和 thenable 风…

本文主要介绍在 sublime text 3 编辑器中配置 csslint 的方法步骤，以帮助你快速完成相关配置，避免花费更多的时间去探索。 1. 安装 csslint 打开 cmd 命令提示符，使用 node 进行全局…