@acta/url 中文文档教程
URL @acta/url
将 URL 解析为格式化对象并从中构建 URL对象。
Table of Contents
Parsing URLs
您可以这样解析 URL:
import URL from '@acta/url';
const parsedURL = URL.parse('http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue')
/**
{
auth: { password: 'password', username: 'username' },
domain: 'domain',
domainChain: ['tld', 'domain', 'subdomain'],
hash: 'hashvalue',
host: 'subdomain.domain.tld:8080',
hostname: 'subdomain.domain.tld',
href: 'http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue',
isValidURL: true,
origin: 'http://subdomain.domain.tld:8080',
path: '/foo/bar/baz?key1=value1&key2=value2',
pathname: '/foo/bar/baz',
port: '8080',
protocol: 'http:',
query: 'key1=value1&key2=value2',
queryParams: { key1: 'value1', key2: 'value2' },
search: '?key1=value1&key2=value2',
tld: 'tld',
}
*/
集成了查询解析器。
当缺少元素时,其值为 null
(例如没有哈希:hash: null
)。
Formating URLs
您可以这样格式化 URL:
import URL from '@acta/url';
const formatedURL = URL.format({
auth: { password: 'password', username: 'username' },
domain: 'domain',
domainChain: ['tld', 'domain', 'subdomain'],
hash: 'hashvalue',
host: 'subdomain.domain.tld:8080',
hostname: 'subdomain.domain.tld',
href: 'http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue',
isValidURL: true,
origin: 'http://subdomain.domain.tld:8080',
path: '/foo/bar/baz?key1=value1&key2=value2',
pathname: '/foo/bar/baz',
port: '8080',
protocol: 'http:',
query: 'key1=value1&key2=value2',
queryParams: { key1: 'value1', key2: 'value2' },
search: '?key1=value1&key2=value2',
tld: 'tld',
})
/**
* http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue
*/
Dev scripts
npm run dev
to dev (build, test and watch)npm run build
to build the production versionnpm run release
to release a new version. Relies on release-it for deployments.
要使用来自另一个应用程序或包的包在本地进行开发,请转到符号链接:npm link /the/absolute/path/url
。
发布:npm publish --access=public
。
URL @acta/url
To parse URLs to formated objects and build URLs from objects.
Table of Contents
Parsing URLs
You can parse an URL that way:
import URL from '@acta/url';
const parsedURL = URL.parse('http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue')
/**
{
auth: { password: 'password', username: 'username' },
domain: 'domain',
domainChain: ['tld', 'domain', 'subdomain'],
hash: 'hashvalue',
host: 'subdomain.domain.tld:8080',
hostname: 'subdomain.domain.tld',
href: 'http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue',
isValidURL: true,
origin: 'http://subdomain.domain.tld:8080',
path: '/foo/bar/baz?key1=value1&key2=value2',
pathname: '/foo/bar/baz',
port: '8080',
protocol: 'http:',
query: 'key1=value1&key2=value2',
queryParams: { key1: 'value1', key2: 'value2' },
search: '?key1=value1&key2=value2',
tld: 'tld',
}
*/
The query parser is integrated.
When an element is missing, its value is null
(ex without hash: hash: null
).
Formating URLs
You can format an URL that way:
import URL from '@acta/url';
const formatedURL = URL.format({
auth: { password: 'password', username: 'username' },
domain: 'domain',
domainChain: ['tld', 'domain', 'subdomain'],
hash: 'hashvalue',
host: 'subdomain.domain.tld:8080',
hostname: 'subdomain.domain.tld',
href: 'http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue',
isValidURL: true,
origin: 'http://subdomain.domain.tld:8080',
path: '/foo/bar/baz?key1=value1&key2=value2',
pathname: '/foo/bar/baz',
port: '8080',
protocol: 'http:',
query: 'key1=value1&key2=value2',
queryParams: { key1: 'value1', key2: 'value2' },
search: '?key1=value1&key2=value2',
tld: 'tld',
})
/**
* http://username:password@subdomain.domain.tld:8080/foo/bar/baz?key1=value1&key2=value2#hashvalue
*/
Dev scripts
npm run dev
to dev (build, test and watch)npm run build
to build the production versionnpm run release
to release a new version. Relies on release-it for deployments.
To develop in local using the package from another application or package, go for a symlink: npm link /the/absolute/path/url
.
To publish: npm publish --access=public
.
更多
你可能也喜欢
- 24points-cli 中文文档教程
- @0xaio/react-error-overlay 中文文档教程
- @0xf822c5/test 中文文档教程
- @1001-digital/erc721-extensions 中文文档教程
- @10up/frontity-build-config 中文文档教程
- @160over90/vue-form-fetch 中文文档教程
- @2003scape/rsc-archiver 中文文档教程
- @3d-dice/fdp 中文文档教程
- @5app/semantic-release-config 中文文档教程
- @721labs/partial-common-ownership 中文文档教程