四时宝库

各位网友大家晚上好，今天很高兴能参加IT168的直播，一开始的时候以为直播是有摄像头的主播，飞机火箭满屏飞，但是我一想如果大家但是我这长相肯定马上就走了，还好今天看不见，可能大家会多听一会儿，大家有看到我的长相吗，希望大家多听一会儿。

我先简单的自我介绍一下，我叫林溪，是百度外卖这边新业务部门的前端负责人，主要经历是一三年加入百度地图，一五年来到百度外卖这边。

我今天分享的主要内容是这三大块。

我想今天介绍的这款插件应该很多人都知道，都用过，我觉得也是前端工程师必备插件之一。个人觉得在很多管理系统必不可少！吹了这么多，你一定想知道是哪款插件了，没错就是zTree。

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

官网：http://www.ztree.me/v3/main.php

zTree有如下特点：

1.Wookmark

流行jQuery流布局插件，能够满足大多要求，浏览器大小改变自动重新布局，可自定义排序方向，对齐方向，横纵向间距，自定义排序等。

官网：http://www.wookmark.com

2.Masonry

masonry也是一款流式布局插件，在垂直的空间里将元素放在合适的位置，支持自定义宽度，设置定制化样式，排布方向和间距，众多的自定义初始化设置和方法以及回调函数，课动态增加，减少，重置，调整布局。

基本插件开发

最简单的插件开发就是对$.fn添加新的成员函数。

$.fn.插件名 = function() { //插件代码};

eg:

$.fn.greenify = function () { this.css( "color", "green" );};

1. Windows：全屏窗口滚动插件

该插件可以很好地实现全屏滚动，每滚动一次即为一屏。比如，用户浏览下一屏幕内容时，只需手动滚动到某一位置，该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。

2. Jquery Scroll Follow：滚动跟随插件

该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。