什么是 npm 包 4chimg
npm 是一个世界上最大的（可能是最好的）开源库生态圈，它提供了大量的模块，你可以使用这些模块来构建你的项目。4chimg 就是一个 npm 包，用于在前端页面展示 4chan 的图片。
如何安装 4chimg
使用 npm 包管理器，在终端输入以下命令进行安装：
npm install 4chimg
安装完成之后，在你的代码中引入它：
import FourChImg from '4chimg';
如果你使用的是模块加载器（例如 Require.js），可以这样引入：
define(['4chimg'], function(FourChImg) {
// do something
});或者在浏览器中使用时，直接将 4chimg.js 的源码引入页面中：
<script src="path/to/4chimg.js"></script>
如何使用 4chimg
在你的页面中添加一个 img 标签，使用4chimg实例中的 showRandomImg 方法获取 4chan 的一张随机图片：
<img id="randomImg" src="" alt="" />
<script>
const imgElem = document.getElementById('randomImg');
const fourchimg = new FourChImg();
fourchimg.showRandomImg(imgElem);
</script>在页面加载时，img 标签中应该会展示一张随机的 4chan 图片。
如果你想要在页面特定区域中展示特定版面（board）的特定帖子（thread）中的图片，可以使用 showImgInThread 方法：
<div id="postContainer"></div>
<script>
const postContainer = document.getElementById('postContainer');
const fourchimg = new FourChImg();
fourchimg.showImgInThread(postContainer, 'wg', 123456);
</script>这个例子中，showImgInThread 方法会将 wg 版面中帖子号为 123456 的帖子中的图片展示在 postContainer 区域中。
总结
4chimg 是一个在前端展示 4chan 图片的 npm 包。可以使用它来展示随机的 4chan 图片，也可以展示特定版面中特定帖子的图片。希望本文对你有指导意义。
示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------------
-------
------
---- -------------- ------ ------ --
---- -------------------------
------- ------------------------------------------------------------------
--------
----- ------- - -------------------------------------
----- ------------- - -----------------------------------------
----- --------- - --- ------------
---------------------------------
---------------------------------------- ----- --------
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006735b890c4f7277583f26