钉子js依赖图书馆学习

扣押别人用之赖库的补在吃,你知出啊可用,什么得借鉴。(钉钉——协作桌面应用)

PS:人最怕是休亮堂,而无是若免见面。

1. jQuery

钉钉使用了1.9.1版本的jQuery,jQuery作为一个极常见利用库,已经毫无说明它们是啊了。

修地方:http://jquery.com/

PS:Includes Sizzle.js

2. jQuery
Hotkeys

jQuery插件,可用来监听键盘事件,几乎支持具备的组合键。

上学地方:https://github.com/jeresig/jquery.hotkeys

示例:

$(document).on('keydown', null, 'ctrl+a', function(e){
      console.log('ctrl+a!!', e);
});

3. jQuery
Caret

jQuery插件,处理文本框的插位置。

学地方:https://github.com/accursoft/caret

4. jQuery
atwho

jQuery插件,自动完成提示插件(autocomplete mentions),类似微博的@功能。

.png)

修地方:https://github.com/ichord/At.js

示范地址:http://ichord.github.io/At.js/ (支持Textarea、ContentEditable、CKeditor等方便文本编辑器)

PS:基于Caret.js

5. jQuery tooltips

jQuery插件,一个大概的唤醒插件,风格十分舒适的。

.png)

学地方:https://formstone.it/components/tooltip/

PS:这仅是formstone其中一个储藏室,还起其它有趣的。

6. jQuery
mousewheel

jQuery插件,用于补充加跨浏览器的鼠标滚轮支持。

mousewheel事件的处理函数有少数小的转,它除了第一单参数event
外,还吸收到第二独参数delta。通过参数delta可以得到鼠标滚轮的大势和速度。

修地方:https://github.com/jquery/jquery-mousewheel

示例:

$('#my_elem').on('mousewheel', function(event) {
    console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

7.  QR
Code Generator

二维码生成器,纯前端生成。

学习地方:https://github.com/kazuhikoarase/qrcode-generator/tree/master/js

示例:

HTML:

<div id="code"></div>

JS:

var typeNumber = 4;
var errorCorrectionLevel = 'L';
var qr = qrcode(typeNumber, errorCorrectionLevel);
qr.addData('Hi!');
qr.make();
document.getElementById('code').innerHTML = qr.createImgTag();

PS:其他语言的拖欠作者吧生提供。

8. libphonenumber

Google的JavaScript库,用于解析,格式化和校验国际电话号码。

习地方:https://github.com/googlei18n/libphonenumber/tree/master/javascript

9. Underscore.js

Underscore一个JavaScript实用库,提供了身函数式编程的实用功能,但是并未扩大外JavaScript内置对象。

读书地方:http://www.css88.com/doc/underscore/

PS:这个实在是只不利的库。

10. AngularJS

AngularJS是一个框架(不是堆栈),在自身记忆里极其要命的特色是双向数据绑定。

修地方1: http://angularjs.org

学学地方2: http://www.apjs.net/

AngularJS拓展指令

1. angular-qrcode 

An AngularJS directive to creates QR Codes using Kazuhiko Arase’s
qrcode-generator library.

读书地方:https://github.com/monospaced/angular-qrcode

2. angular-ui/ui-select2

This directive allows you to enhance your select elements with behaviour
from the select2 library.(这个命令就过时。)

念地方:https://github.com/angular-ui/ui-select2

PS:这个命令依赖之jQuery
select2库(https://select2.github.io/),这个库房非常科学,效果如下: 

3. others

还有用及其它AngularJS拓展指令,
可在及时查看:http://angular-ui.github.io/

 

本文为原创文章,转载请保留原来出处,方便溯源,如产生荒唐地方,谢谢指正。

正文地址 :http://www.cnblogs.com/lovesong/p/5874668.html

相关文章