JS随机打乱数组与npm常见命令
【摘要】 《JavaScript》系列，第二十四篇希望你持续关注哦！
JS随机打乱数组
function shuffle(arr) { // 随机打乱数组
let _arr = arr.slice() // 调用数组副本，不改变原数组
for (let i = 0; i < _arr.length; i++) {
let j = getRandomInt(0, i)
let t = _arr[i]
_arr[i] = _arr[j]
_arr[j] = t
}
return _arr
}
function getRandomInt(min, max) { // 获取min到max的一个随机数，包含min和max本身
return Math.floor(Math.random() * (max - min + 1) + min)
}::: demo [vanilla]
<html>
原数组：<span id="span1"></span>
<button id="btn">click me！打乱数组</button> </br></br>
打乱结果：<span id="span2"></span>
</html>
<script>
function getRandomInt(min, max) { // 获取min到max的一个随机数，包含min和max本身
return Math.floor(Math.random() * (max - min + 1) + min)
}
function shuffle(arr) { // 随机打乱数组
let _arr = arr.slice() // 调用数组副本，不改变原数组
for (let i = 0; i < _arr.length; i++) {
let j = getRandomInt(0, i)
let t = _arr[i]
_arr[i] = _arr[j]
_arr[j] = t
}
return _arr
}
//使用
function $(el){
return document.querySelector(el)
}
let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
const $span2 = $('#span2');
$('#span1').textContent = arr;
$('#btn').onclick = function () {
$span2.textContent = shuffle(arr);
}
</script>npm常用命令
简介
npm是跟随node一起安装的包（模块）管理器。常见的使用场景有以下几种：
- 允许用户从npm服务器下载别人编写的第三方包到本地使用。
- 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。
常用命令
检测是否安装及版本
npm -v # 显示版本号说明已经安装相应的版本生成package.json文件
npm initpackage.json用来描述项目中用到的模块和其他信息
安装模块
npm install # 安装package.json定义好的模块，简写 npm i
# 安装包指定模块
npm i <ModuleName>
# 全局安装
npm i <ModuleName> -g
# 安装包的同时，将信息写入到package.json中的 dependencies 配置中
npm i <ModuleName> --save
# 安装包的同时，将信息写入到package.json中的 devDependencies 配置中
npm i <ModuleName> --save-dev
# 安装多模块
npm i <ModuleName1> <ModuleName2>
# 安装方式参数：
-save # 简写-S，加入到生产依赖中
-save-dev # 简写-D，加入到开发依赖中
-g # 全局安装 将安装包放在 /usr/local 下或者你 node 的安装目录查看
# 查看所有全局安装的包
npm ls -g
# 查看本地项目中安装的包
npm ls
# 查看包的 package.json文件
npm view <ModuleName>
# 查看包的依赖关系
npm view <ModuleName> dependencies
# 查看包的源文件地址
npm view <ModuleName> repository.url
# 查看包所依赖的node版本
npm view <ModuleName> engines
# 查看帮助
npm help更新模块
# 更新本地模块
npm update <ModuleName>
# 更新全局模块
npm update -g <ModuleName> # 更新全局软件包。
npm update -g # 更新所有的全局软件包。
npm outdated -g --depth=0 # 找出需要更新的包。卸载模块
# 卸载本地模块
npm uninstall <ModuleName>
# 卸载全局模块
npm uninstall -g <ModuleName> # 卸载全局软件包。清空缓存
# 清空npm缓存
npm cache clear使用淘宝镜像
# 使用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org其他
# 更改包内容后进行重建
npm rebuild <ModuleName>
# 检查包是否已经过时，此命令会列出所有已经过时的包，可以及时进行包的更新
npm outdated
# 访问npm的json文件，此命令将会打开一个网页
npm help json
# 发布一个包的时候，需要检验某个包名是否存在
npm search <ModuleName>
# 撤销自己发布过的某个版本代码
npm unpublish <package> <version>使用技巧
多次安装不成功尝试先清除缓存
npm cache clean -f查看已安装的依赖包版本号
npm ls <ModuleName>注意：用此方法才能准确的知道项目使用的版本号，查看package.json时，有“^" 符号表示大于此版本
npm发布包教程
nrm的作用与使用
nrm是什么？
nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换
nrm的安装
npm install -g nrmnrm命令
nrm ls #查看可用的源（有*号的表示当前所使用的源,以下<registry>表示源的名称）
nrm use <registry> # 将npm下载源切换成指定的源
nrm add <registry> <url> # 添加源，url为源的路径
nrm del <registry> # 删除源
nrm test <registry> # 测试源的响应时间，可以作为使用哪个源的参考
nrm help # 查看nrm帮助
nrm home <registry> # 跳转到指定源的官网nrm使用
如果在你的网络不太理想或者受到其他网络限制导致不能使用npm原本的源进行下载时，nrm就非常有用了，你只需要：
nrm ls # 查看可用的源
nrm use <registry> # 切换到指定源
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）