前言

本文主要演示整个发布 npm 包流程。

准备

1
2
3
4
5
6
7
8
9
10
11
12
13
14

npx vue-sfc-cli

# 接下来会有一串的提示，请务必填写
# 推荐kebab-case风格，小写字母，多个单词用-（dash）分隔，如my-component
# 如你要发布的是团队npm，component name 请输入子组件名称，然后在owner: 填写自己组织的名称，同时也会创建github组织git地址。注：这里说的组织 为npm 组织包

# 填充完提示后
cd my-component

# 使用git初始化，这样可以使用commit hook
git init

# 安装依赖
yarn

喜大普奔,我的npm包上线啦~！！！

攻略

1

npm install mocker-api-json mocker-api --save-dev

为什么需要 Mock

这样的场景，相信大家会觉得似曾相识。

为此，我们就需要使用一些工具来帮助我们将业务单元之间尽量解耦，它就是Mock

前言

平常大家开发每个页面骨架大致相似，每次开发新页面都要一步一步的配置，相当繁琐。有了Plop，就可以实现自动化了，Plop 旨在根据模板文件自动化创建组件，接下来我就来介绍一下Plop如何帮助我们在开发过程中提高工作效率。

前言

上周看到别人分享的文章，patch-package可以给项目下的 npm 包打补丁。这样我们就可以无需给 npm 提 issues 了，甚至有些包已经不再维护了(无需 fork 修改)。

本文抄录自https://juejin.im/post/5ecc87386fb9a047d245c7e1

引言

整理了自己开发中常用的一些 js 技巧，灵活的运用，会增强你解决问题的能力，也会对你的代码简洁性有很大的改观。

背景

记一次项目内存泄漏优化。

通常我们在开发 Vue 的时候,大部分是在开发单页应用。但是，在单页应用的设计中，使用它是不需要刷新浏览器的，所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。通常我们在把其他库集成到应用时才会产生内存泄漏。

垃圾回收机制

要想解决内存泄漏问题，必须先了解浏览器的垃圾回收机制。

下面是摘抄的《高级程序设计》3 的片段

前言

一个前端开发人员肯定知道线上环境要把 js、css、图片等压缩，提升页面加载速度，优化性能。

压缩方式

前端自己打包压缩的有 grunt，gulp，webpack,fis 等等，此处只介绍 webpack Gzip 压缩

keep-alive的源码解析

前言

在工作过程中，我们经常会遇到动态加载路由树的需求，本篇文章主要写动态加载路由树的实现方式。

路由定义

项目中肯定有一些页面是每个用户都能访问的(如:登陆、注册)，这些路由我们可以直接做定义。