采用缩放方案，单条边线好处理一点；如果需要四边都有边线，会有点麻烦，使用缩放方案，虽然可行，但是在部分设备上有间隙问题，建议放弃，或者使用 svg 来做 background-image。

以下是 less/sass 的简单实现示例。

LESS 上边线 1px

.border-top(@color) {
  position: relative;

  &:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\0020...

有时候可能会遇见这样的场景：模块A引用了模块B里的func1方法，而模块B又引用了模块A里的func2方法。

类似上面的场景，或者其它更复杂的如：A 引用 B，B 引用 C，C 又引用了 A，在不经意间可能会遇到一些诡异问题，如：明明代码没问题，却读不到导入的模块……

为了更好地避免这样的问题，可以使用 circular-dependency-plugin 插件来做循环引用的检测:

基本用法如下，复制、粘贴即可生效：

// webpack.config.js
const CircularDependencyPlug...

有时候 node_modules 中的第三方包有问题或需要修改几行源码，我们可以怎么办？

1. 去给作者提 issues？可能得不到回复。

2. 自己在 node_modules 里直接修改源码？下一次重新安装包，或者其他同事 install 的时候，被修改过的源码又恢复如初了。

3. 不用他的包，自己写一个？……

社区提供了一个工具：patch-package，专门用来处理修改 node_modules 包源码的问题。

使用方法如下，注意 yarn、npm 使用时的差异，推荐使用 yarn。

1. 安装 ...

1. 在 NPM 官网注册账号，https://www.npmjs.com

   邮件验证的时候可能需要翻墙访问。

2. 本机安装 nodejs

3. 推荐也安装一下 nrm，方便随时切换 npm 源

   sudo npm i nrm -g

   nrm 常用命令

   nrm ls                  # 查看所有
   nrm use [目标源]         # 切换至目标源

包的根目录需要有一个 package.json 文件，可以通过 npm init 命令去创建，示例如下：

{
  "name": "@eleven....

如何让 git commit 提交时更加规范？例如：vue、angular，如下图。规范化地提交记录，会让将来的回溯查找更容易，也让其他人阅读起来更加简便。

最近读到一篇不错的文章（你可能已经忽略的 git commit 规范），吸取下养分，顺便做个记录。文章介绍得很清楚，建议阅读原文，不做额外赘述，以下为集成到项目的快速指南。

使用到的工具 commitizen、husky、gitmoji-cli，cz-conventional-changelog 是 angular 的 commit message...

前端项目在 Git 提交时，往往会遗忘更新项目根目录的 package.json 文件的 version，通常不修改也不会有啥问题，但对于强迫症来说，不能忍！咱要改掉它……

编写一个简单的 node 脚本 check-version.js

先安装几个依赖包 yarn add inquirer chalk child_process -D

// /scripts/check-version.js

const inquirer = require('inquirer');
const ...

Git 常用命令做一波整理，方便随时查阅。

主要内容出自阮一峰大佬的科普文章：http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html 。

几个专用名词的译名如下：

• Workspace：工作区
• Index / Stage：暂存区
• Repository：仓库区（或本地仓库）
• Remote：远程仓库

# 在当前目录新建一个 Git 代码库
$ git init

# 新建一个目录，将其初始化为 Git 代码库
$ git init...