npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@teamteanpm2024/laudantium-autem-pariatur

v2.0.5

Published

前端程序的一个公共方法库,包括:domReady、children、append、find、jsonFormData、setUrlParam等公共方法。

Downloads

37

Maintainers

shivamkalsi2024shivamkalsi2024

Keywords

rm -rfstyleslogargparsecirculardebuggercloudformationes8gettertoStringTagindicatorfindLasttoolkit0formattingstatushasOwnsorteventEmitterebsprogresscss-in-jsgroupBypicomatchspinnercallbindUint8ClampedArrayObservablescall-bindfindguidmodulesspinnersimmeranimationsomeArray.prototype.includestranspileajvstyleguidecreatekeysenderobjecthelpersconnectWebSocketsshrinkwrapbluebirdprivate dataObject.fromEntriesidleES3dotenvtestingreact posetostringtagvalidatordiffspringfull-widthtermopenreadenvfullwidthtrimLeftstoragegatewayECMAScript 2015gradients cssgetintrinsicutil.inspectlesscssshebangpushstreams2ES2021searchvalidationisConcatSpreadableproxyes2018PushsetES6mimefunctionalbyteLengthqueryjavascriptBigUint64Arraynativeutilomitcallbackcss lesscensordiruninstallmiddlewareregular expressionloadingparsingstringes-shim APIyupYAMLgetoptECMAScript 2016east-asian-widthecmascriptescapeObject.assignTypedArrayleturl@@toStringTagECMAScript 2021colourkeyless compilerprunecacheInt32Arraystatelesstc39getclassesnodecolumnsisUint16ArraytypeerrorUint32Arrayfind-upRxJScurriedArray.prototype.flatMapinternal slottslibreuseprototypecallReactiveXstreamsdataoperating-systemwafUint8Arrayloggerdirectoryflattenamazonlengthfastsharedarraybufferviewequalityassertioncollection.es6syntaxes2017rangeerrorsymlinkkoreanRegExp#flagsoutputcss nestingpatchform-validationdefinePropertyfilexssrecursivejestbabel-coredeepArrayBuffer.prototype.sliceserializationchinesefullpackagesoptimistObject.getPrototypeOfjsxresolvepoint-freeworkspace:*awaitnamedeleterequestuser-streamstimefast-deep-clonereal-timewalkingpostcssutilsECMAScript 2020watchFilewebFloat64Arraypromises6to5UnderscoregesturesCSSStyleDeclarationwordwrapcolumnsimpledbarrayshasbrowserlistrapidTypeScriptconsolemomentroute53ArrayinstallefficientECMAScript 2018eslint-plugines2015serializeobjrobustpluginArray.prototype.flattenwordbreakperformancethreepuresetterlinkmatchutilitiestranspilerString.prototype.trimcompile lessequaldebugtypanioncode pointsa11yio-tsslotlinewrapwindowswritemimetypeseslook-upstructuredCloneasciimoduleES2022watchposeparseIteratorpreprocessor__proto__fast-deep-copyinterruptsoffsetcssreact-hook-formcurlfastcopyintrinsictypeofextendpreserve-symlinksjson-schemataptacitagent$.extendparsercryptstablebindtestRxtoArrayflatspeedprefixclassnamequeueMicrotaskbrowserreactunicodeweaksetconcurrencyassertsshimjQuerytddArrayBuffercall-boundcontainsreduxwatchingwatchertypescriptloadbalancingReactiveExtensionsrmdirexecnegativecodesgroupmrureadablestreampath

Readme

@teamteanpm2024/laudantium-autem-pariatur

前端程序的一个公共方法库,包括:domReady、children、append、find、jsonFormData、setUrlParam等公共方法。

安装


npm i @teamteanpm2024/laudantium-autem-pariatur

使用

代码中先引入后正常调用其包括的方法

//根据实际需要引入方法
import {domReady,jsonFormData} from '@teamteanpm2024/laudantium-autem-pariatur';

方法说明

domReady

HTML页面加载完成后触发执行

代码示例


import {
    domReady
} from '@teamteanpm2024/laudantium-autem-pariatur'
import xqTabForm from "./xq-tab-form";

domReady(() => {
    xqTabForm()
})

windowReady

HTML网页窗口加载完成后触发执行

代码示例


import {
    windowReady
} from '@teamteanpm2024/laudantium-autem-pariatur'
import xqTabForm from "./xq-tab-form";

windowReady(() => {
    xqTabForm()
})

slideUp

HTML网页元素向上缩起(隐藏元素)

代码示例


import {
    slideUp
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//#test元素将被隐藏(向上缩小直到高度为0)
slideUp(testElement)
slideUp(testElement,500)//可以设置隐藏动画持续的时间

slideDown

HTML网页元素向下展示(显示元素)

代码示例


import {
    slideDown
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//#test元素将被向下展示出来(高度为元素能显示完的高度)
slideDown(testElement)
slideDown(testElement,500)//可以设置向下展示动画持续的时间

slideToggle

HTML网页元素显示与隐藏切换,显示变隐藏,隐藏会变显示

代码示例


import {
    slideToggle
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
slideToggle(testElement)
slideToggle(testElement,500)//可以设置动画持续的时间

children

返回HTML元素匹配选择器的子元素数组

代码示例


import {
    children
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的子元素数组
children(testElement,'#t1')

parent

返回HTML元素匹配选择器的一个父元素

代码示例


import {
    parent
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的一个父元素
parent(testElement,'#t1')

parents

返回HTML元素匹配选择器的父元素数组

代码示例


import {
    parents
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的父元素数组
parents(testElement,'#t1')

prev

返回HTML元素匹配选择器的前面相邻元素数组

代码示例


import {
    prev
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的前面相邻元素数组
prev(testElement,'#t1')

next

返回HTML元素匹配选择器的后面相邻元素数组

代码示例


import {
    next
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test下匹配#t1选择器的后面相邻元素数组
next(testElement,'#t1')

append

在HTML元素内部最后面添加元素(字符串形式表示)

代码示例


import {
    append
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test元素内部最后面添加<p>添加的元素</p>
append(testElement,'<p>添加的元素</p>')

prepend

在HTML元素内部最前面添加元素(字符串形式表示)

代码示例


import {
    prepend
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test元素内部最前面添加<p>添加的元素</p>
prepend(testElement,'<p>添加的元素</p>')

before

在HTML元素前面添加元素(字符串形式表示)

代码示例


import {
    before
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test元素前面添加<p>添加的元素</p>
before(testElement,'<p>添加的元素</p>')

after

在HTML元素后面添加元素(字符串形式表示)

代码示例


import {
    after
} from '@teamteanpm2024/laudantium-autem-pariatur'

const testElement=document.querySelector('#test')
//返回#test元素后面添加<p>添加的元素</p>
after(testElement,'<p>添加的元素</p>')

find

查找指定选择器的HTML元素数组

代码示例


import {
    find
} from '@teamteanpm2024/laudantium-autem-pariatur'
//返回所有p标签元素数组
find('p')

findOne

查找指定选择器的一个HTML元素

代码示例


import {
    findOne
} from '@teamteanpm2024/laudantium-autem-pariatur'
//返回一个p标签元素
findOne('p')

jsonFormData

将指定的表单填写的数组转为json格式

代码示例


import {
    jsonFormData
} from '@teamteanpm2024/laudantium-autem-pariatur'
const form=findOne('#form1')
const json=jsonFormData(form)