npm 包 justows.common 使用教程

介绍

npm 是前端开发过程中不可或缺的一个工具,它能够帮助我们快速安装、更新、移除第三方库等等。justows.common 也是一个常用的 npm 包,它提供了一系列常用的方法,如获取 Url 参数、检查浏览器是否支持某个特性、设置 Cookie 等等。在本文中,我们将学习如何使用 justows.common。

安装

在使用之前,我们需要先安装 justows.common。打开终端或命令行,输入以下命令:

--- ------- --------------

或者,您也可以在您的 package.json 文件中添加 justows.common 的依赖:

--------------- -
  ----------------- --------
-

然后,在终端或命令行中运行:

--- -------

使用

justows.common 提供了多个方法,我们将在以下部分逐个介绍它们。

getQueryString

使用 getQueryString 方法可以获取 URL 中的参数。

------ - -------------- - ---- -----------------

-- -- --- - ----------------------------------------
----- -- - --------------------- -- ---
----- ---- - ----------------------- -- ---

isSupport

使用 isSupport 方法可以检查浏览器是否支持某个特性。

------ - --------- - ---- -----------------

-- --------------------------- -
  ---------------------------- ------------------
-

setCookie 和 getCookie

使用 setCookie 方法可以设置 Cookie,使用 getCookie 方法可以获取 Cookie。

------ - ---------- --------- - ---- -----------------

----------------- ------------------
----- ---- - ------------------ -- --------------

formatDate

使用 formatDate 方法可以将 Date 对象格式化为指定格式的字符串。

------ - ---------- - ---- -----------------

----- --- - --- -------
----- ------------- - --------------- ----------- ----------- -- ---------- --------

深入理解

在学习 justows.common 之前,我们需要了解一些基础知识,如 CommonJS 模块规范和 ECMAScript 6 语法。

CommonJS

npm 是从 Node.js 中发展而来的,它使用 CommonJS 模块规范来组织和管理代码。在 CommonJS 中,每个文件都是一个独立的模块,有自己的作用域,且默认不会污染全局作用域。需要在文件中通过 module.exportsexports 导出模块所提供的功能,才能在其他文件中使用。

例如:

-- --------
-------- -------------- -
  ------------------- -----------
-

-------------- - -
  ---------
--

-- ------
----- - -------- - - -------------------

--------------------------- -- ------ ---------------

上述代码中,hello.js 文件中定义了一个名为 sayHello 的方法,并通过 module.exports 导出。在 app.js 中通过 require 方法引入 hello.js,并使用 sayHello 方法。

ECMAScript 6

ECMAScript 6 是 JavaScript 的一个重大更新,提供了更多的语法糖和新特性。它引入了类、箭头函数、模板字符串、解构赋值、let 和 const、Promise 等等。

例如,上文中使用了箭头函数和模板字符串:

-- ----
----- -------- - ------ -- -
  ------------------- -----------
--

-- -----
----- ---- - -----------------
------------------- ----------- -- ------ ---------------

总结

通过本文,我们学习了如何安装和使用 npm 包 justows.common,以及 CommonJS 模块规范和 ECMAScript 6 语法。理解这些基础知识可以帮助我们更好地理解和使用第三方库。希望这篇文章对您有所帮助!

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066b5751ab1864dac66db2


猜你喜欢

  • npm 包 hapi-server-plugin-helper 使用教程

    前言 hapi-server-plugin-helper 是一款适用于 hapi 服务器的插件助手,旨在使 hapi 应用程序的插件开发更加简单、轻松和高效。本文将详细讲解如何使用 hapi-serv...

    3 年前
  • npm 包 - instagram.css 使用教程

    简介 Instagram.css 是一个基于 Sass 的 CSS 框架,可以让你轻松地为 Web 应用程序提供一个现代且流行的外观。Instagram.css 包含了大量的样式,包括排版、表格、表单...

    3 年前
  • npm 包 angular-autosize 使用教程

    简介 在前端开发中,我们经常需要对文本框的高度进行自适应调整。angular-autosize 就是一款可以实现文本框自适应的 npm 包。它可以帮助我们快速以及方便地实现对文本框高度的调整。

    3 年前
  • npm 包 dot-spawn-git 使用教程

    前言 在前端开发中,经常会使用 git 进行版本控制,而使用命令行操作 git 是一件繁琐的事情。为了方便我们操作 git,有一个 npm 包可以解决这个问题,这个包就是 dot-spawn-git。

    3 年前
  • npm 包 wit.ai-http-api 使用教程

    简介 Wit.ai 是 Facebook 推出的自然语言处理平台,可用于训练聊天机器人等应用程序。npm 包 wit.ai-http-api 是 Wit.ai 平台提供的 Node.js SDK,可以...

    3 年前
  • npm 包 dot-task 使用教程

    介绍 dot-task 是一个基于 Node.js 的命令行工具,可以用于快速构建前端项目的开发环境。它的主要功能是将项目中的多个任务进行自动化,例如编译脚本、压缩文件、代码检查等。

    3 年前
  • npm 包 gatsby-source-marvel 使用教程

    简介 gatsby-source-marvel 是一个基于 Gatsby 的 npm 包, 用于从 Marvel APIs 中抓取数据的源插件,让你可以在 Gatsby 网站构建期间获取有关漫威宇宙的...

    3 年前
  • npm 包 vue-iaa-iview-utils 使用教程

    在前端开发中,我们经常使用各种框架和工具来帮助我们更快速、更高效地完成工作。而 vue-iaa-iview-utils 是一个专门为 Vue 和 iview 框架设计的工具库,它提供了许多实用的组件和...

    3 年前
  • npm 包 carven 使用教程

    概要 Carven 是一个轻量级的 Webpack 包依赖视觉化管理工具。对于前端开发人员来说,管理复杂的 Webpack 包依赖是一件非常困难的事情。Carven 就是一个解决这个问题的工具,它提供...

    3 年前
  • npm 包 homebridge-yamaha_mc 使用教程

    前言 随着物联网技术的发展,越来越多的设备可以通过网络进行控制。在家庭中,音响系统也是一项不可或缺的设备。有了 homebridge-yamaha_mc 这个 npm 包,我们就可以用 HomeKit...

    3 年前
  • npm 包 insta_scrape_insta 使用教程

    在现代的前端开发中,我们通常需要不同的工具来实现不同的功能。npm 是 Node.js 的包管理器,可以帮助我们更方便地管理前端项目中的依赖项。在这篇文章中,我们将介绍如何使用 npm 包 insta...

    3 年前
  • npm 包 rematch-model-inject 使用教程

    什么是 rematch-model-inject rematch-model-inject 是一个基于 rematch 框架的插件,它能够让你轻松地将模型绑定到组件并在组件中对模型进行操作。

    3 年前
  • npm 包 vue-persistent-state 使用教程

    在前端开发中,我们常常需要存储一些用户数据。而随着单页面应用的流行,前端存储却变得越来越方便化。在 Vue.js 中,我们可以使用一个叫做 vue-persistent-state 的 npm 包,来...

    3 年前
  • npm包gulp-rev-fakemanifest使用教程

    前言 在前端开发中,我们经常会使用各种工具来帮助我们提高代码质量和生产效率。Gulp作为前端构建工具中的佼佼者之一,在前端开发中得到了广泛应用。而gulp-rev-fakemanifest是Gulp中...

    3 年前
  • npm包 @ipfn/base32使用教程

    简介 在前端开发中,很多情况下需要进行数据加密或编码操作。其中,base32编码就是一种十分常见的编码方式,它可以将二进制数据转换为可视化的字符串形式,使得数据传输和存储更加安全和可靠。

    3 年前
  • npm 包 @arted/utils 使用教程

    在前端开发中,我们经常需要编写一些辅助函数来帮助我们开发更高效、更简洁的代码。而使用 npm 包可以省去我们大量的重复工作,提高开发的效率。 @arted/utils 是一个面向前端开发的 npm 包...

    3 年前
  • npm 包 generate-resume 使用教程

    介绍 npm 包 generate-resume 是一个帮助前端开发者快速生成简历的工具,能够根据用户提供的信息生成易于调整和美观的简历模板。本文将详细介绍该工具的使用方法,包括安装、配置、使用等内容...

    3 年前
  • NPM包`npm-sendmsg`使用教程

    npm-sendmsg是一个在前端开发过程中方便发送消息的NPM包。本文将介绍如何在自己的项目中使用npm-sendmsg。 安装 --- ------- ----------- ------使用 引...

    3 年前
  • npm 包 jseda 使用教程

    介绍 在前端开发过程中,经常会使用到一些开源的第三方库,而 npm 是目前最流行的 JavaScript 包管理器。本文将介绍一款名为 jseda 的 npm 包,它是一个轻量级的 websocket...

    3 年前
  • npm 包 waves-audio 使用教程

    什么是 waves-audio? waves-audio 是一个基于 Web Audio API 的 JavaScript 库,提供了处理音频的各种工具。它可以用于音乐合成、音频可视化、音频处理等多种...

    3 年前

相关推荐

    暂无文章