js库有哪些
ReactJS(Star:59989,Fork:10992)React.js(React)是一个用来构建用户界面的JavaScript库,主要用于构建UI,很多人认为React是MVC中的V(视图)。React起源于Facebook的内部项目,用来架设Instagram的网站,并于2013年5月开源。
Gridster.js Gridster是一个jQuery插件,可以从跨多个列的元素构建直观的可拖拽布局。
Vue.js Vue.js是一个JavaScript库,用于构建Web界面,提供数据驱动组件,并提供简单灵活的API以简化MVVM。Angular2 Angular是一个非常流行且易于使用的Web前端框架,现在由Google维护。
MintUI 饿了么公司前端团队开发的基于vue的移动端组件库,功能齐全,在git上有18k的star,非常不错的一款移动开发工具。官方地址:#!/en Vant 有赞前端团队开发移动端组件库,还支持小程序。
Bootstrap是最流行的前端开发框架,可以让不是前端工程师也能开发出优美的页面,更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面,上手也非常快。
全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。mootools:MooTools是一个简洁,模块化,面向对象的开源JavaScriptweb应用框架。它为web开发者提供了一个跨浏览器js解决方案。
JavaScript事件代理和如何使用代理实例用法详解
减少事件注册,节省内存。比如,在table上代理所有td的click事件。在ul上代理所有li的click事件。简化了dom节点更新时,相应事件的更新。比如 不用在新添加的li上绑定click事件。
设置JavaScript对象属性为事件处理程序 可以通过设置某一事件目标的事件处理程序属性来为其注册相应的事件处理程序。事件处理程序属性名字由“on”后面跟着事件名组成,例如:onclick、onmouseover。
事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件,事件委托又叫事件代理。举一个通俗的例子:有三个同事预计会在周一收到快递。
可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式,支持页面的行为与页面的外观之间的松散耦合。事件流事件流描述的是从页面中接受事件的顺序。
事件委托也叫事件代理,就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。
如何实现JS代码的模块化
1、模块可以是匿名的(即可以省略第一个参数),因为模块加载器可以根据JavaScript文件名来当做模块名字。
2、在上例中,就是js目录下面的main.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把main.js简写成main。加载require.js以后,下一步就要加载我们自己的代码了。
3、随着webpack的流行,vuejs也推出了自己的load,vue-loader,可以方便的打包代码。最近写了一个json viewer-ac,就是完全使用vue-loader带来的模块化特性,写的比较开心,也得到了不少经验。这里记录一下。