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

jcy

v1.0.14

Published

it can make module easier

Downloads

40

Readme

2、事件操作部分
注:事件操作依赖于jcy化的dom对象
	均可链式操作
	********************************************************************
	》on(event, selector, callback)
		给this绑定事件;当有三个参数的时候会将每次都找一下第二个参数选择器;再执行后面函数
			示例:jcy('body').on('click','.a',function(){})	点.a时触发
				  jcy('body').on('click',function(){}) 点body时触发
	》off(event, selector, callback)
		给this解绑事件;当有三个参数的时候会将每次都找一下第二个参数选择器;再执行后面函数
			示例:jcy('body').off('click','.a',function(){})	给.a解绑
				  jcy('body').off('click',function(){}) 给body解绑
	》jcytouch(event)
		给this中拥有jcy-click属性的元素绑定事件,并执行event对象中相应方法
			示例:body下有个元素为<div jcy-click="a"></div><div jcy-click="b"></div>
				jcy('body').jcytouch({a:function(){console.log('a')},b:function(){console.log('b')}})
				那么点击jcy-click="a"的div时打印'a';那么点击jcy-click="b"的div时打印'b'
3、Dom操作部分
注:dom操作依赖于jcy化的dom对象,jcy化的过程是一个无new实例化过程,执行一个返回值为new一个构造函数的方法;并将传入的值挂载到实例化后的对象的分支下.
	未写返回值的均返回jcy化的dom元素,可链式操作.
	********************************************************************	
	》concat(nodes,[node2,...])
		添加元素到一个Zepto对象集合形成一个新数组。如果参数是一个数组,那么这个数组中的元素将会合并到Zepto对象集合中。
			示例:jcy('.a').concat(jcy('.b'));返回的是class名为a和b的集合
	》ready(fn)
		添加一个事件侦听器,当页面DOM加载完毕时触发。建议使用jcy(dom)来代替这种用法。
			示例:jcy(document).ready(function(){})
	》pluck(property)
		获取对象集合中每一个元素的属性值。返回值为 null或undefined值得过滤掉。
			示例:jcy('div').pluck('click')
	*****************遍历***************************************************	
	》map(fn)
		遍历对象集合中的所有元素。通过遍历函数返回值形成一个新的集合对象。在遍历函数中this关键之指向当前循环的项(遍历函数中的第二个参数)。
			示例:jcy('div').map(function(index,item){})
	》each(fn)
		遍历一个对象集合每个元素。在迭代函数中,this关键字指向当前项(作为函数的第二个参数传递)。如果迭代函数返回 
			示例:jcy('div').each(function(index,item){})
	*****************匹配下标***************************************************	
	》get(index)  
		从当前对象集合中获取所有元素或单个元素。当index参数不存在的时,以普通数组的方式返回所有的元素。当指定index时,只返回该置的元素。返回DOM节点。
			示例:jcy('div').get(0);返回的是<div>**</div>这个dom节点
	》eq(index)
		从当前对象集合中获取所有元素或单个元素。当index参数不存在的时,以普通数组的方式返回所有的元素。当指定index时,只返回该置的元素。返回jcy化的dom。
			示例:jcy('div').eq(0);返回的是{0:dom,selector:'div'}这个dom节点
	*****************选择器***************************************************		
	》closest(selector)
		从点前jcy化的dom元素开始,逐级向上级元素匹配,并返回最先匹配selector的元素。
			示例:jcy('input').closest('form')
	》find(selector)
		从点前jcy化的dom元素开始,逐级向下级元素匹配,并返回最先匹配selector的元素。
			示例:jcy('form').find('input')
	》siblings(selector)
		从点前jcy化的dom元素开始,查找符合选择器的所有相邻兄弟dom;不传时返回所有相邻兄弟dom;
			示例:jcy('div.a').sibilings('.b')
	》prev(selector)
		从点前jcy化的dom元素开始,逐级在同级元素向前匹配,并返回最先匹配selector的元素。
			示例:jcy('div.a').prev('.b')
	》next(selector)
		从点前jcy化的dom元素开始,逐级在同级元素向前匹配,并返回最先匹配selector的元素。
			示例:jcy('div.a').prev('.b')
	》filter(selector)
		过滤对象集合,返回对象集合中满足css选择器的项。如果参数为一个函数,函数返回有实际值得时候,元素才会被返回。
			示例:jcy('div').filter('.a');返回所有div中拥有class名为a的集合
	******************插入dom节点**************************************************				
	》html(html)
		在点前jcy化的dom元素中插入一个html片段
			示例:jcy('div').html('<div></div>')
	》text(text)
		在点前jcy化的dom元素中插入一个text片段
			示例:jcy('div').text('sdf')
	》val(value)
		在点前jcy化input元素中插入一个值
			示例:jcy('input').val('sdf')
	》empty()	
		清空一个dom节点中内容
			示例:jcy('div').empty()
	*******************类名*************************************************
	》hasClass(name)
		判断选择的dom元素是否拥有某个类名
			示例:jcy('div.a').hasClass('b')
				返回布尔值;不可链式操作
	》addClass(name)
		将this增加一个类名
			示例:jcy('div.a').addClass('b')
	》removeClass(name)
		将this移除一个类名
			示例:jcy('div.a').addClass('a')
	*******************样式属性*************************************************
	》attr(name, value)
		给this增加属性名为name,值为value;
			示例:jcy('div.a').attr('a','b')
	》css(property, value)
		给this增加行内样式
			示例:jcy('div.a').css('height','100px')
4、ajax部分
	》ajax(options)
		类似于jquery中的ajax请求