相信作为一个程序员对 npm 的基本使用命令应该了如指掌，但是你真的了解 npm install 执行的机制么？为什么 npm install 的时候会多出一个 package-lock.json 文件？为什么有时候执行 npm install 的时候会同步更新 package-lock.json 文件，有时候又不会更新？package-lock.json 文件什么时候需要更新，什么时候不需要更新？

带着上述问题，笔者对 npm install 的原理和机制进行了一波研究，也作为自己对 npm 知识的学习总结。

关于 npm

NPM（node package manager）是 Node.js 官方提供的包管理工具，用于 node 包的管理（包括安装、卸载、管理依赖等）。发展到现在 npm 已经成为世界上最大规模的包管理系统，为广大开发者构建了一个友好的开源平台，用户能够向 NPM 服务器上传自己编写的第三方包或者命令行程序，也可以下载别人编写的至本地使用。

会使用 npm 最基本的 npm init、npm install 等命令几乎就可以将包管理实施在项目里，然后 npm 远不止这些。

本文是笔者出于兴趣挖掘的一些 npm 常用的原理、特性以及个人实践。

关于 whistle

whistle 基于 Node 实现的跨平台 web 调试代理工具，主要用于查看、修改 HTTP、HTTPS、Websocket 请求、相应，也可以作为 HTTP 代理服务器使用。一切操作可以通过配置实现，支持域名、路径、正则表达式、通配符等多种匹配方式。

一、背景

在前端的业务开发中，列表的渲染是很常见的场景。不管在 Web 端还是小程序，当 DOM 节点越多，每一次重绘对性能的影响也越大。如果一个小程序页面渲染过多的 DOM 节点时，很容易造成页面卡顿、数据渲染较慢甚至白屏问题，当内存占用过多时，页面也会被回收。

假设有一个场景需要渲染一个拥有上千商品的商品列表，且商品数据较为复杂，我们该如何保持其性能呢？

通常情况下变量都需要先声明后使用，但是在 js 中如果我们先使用变量再用 var 声明将不会抛异常，但是由于未赋值，该变量将会以 undefined 存在。

Javascript 中，函数及变量的声明都将提升到作用域的顶部。

前言：作为一只程序猿，一套趁手的开发工具就像一把利器能极大程度地提高开发效率。曾在会上见识过软件使用率极高的同事，能够在极短的时间内打开开发软件，调用各类功能命令，而双手却几乎没有离开过键盘，这也让我意识到效率的重要性。今天我们就来聊一聊如何打造你的开发利器。