javascript插件开发的一些感想和心得_javascript技巧

javascript插件开发的一些感想和心得_javascript技巧

ID:30777549

大小:102.54 KB

页数:9页

时间:2019-01-03

javascript插件开发的一些感想和心得_javascript技巧_第1页
javascript插件开发的一些感想和心得_javascript技巧_第2页
javascript插件开发的一些感想和心得_javascript技巧_第3页
javascript插件开发的一些感想和心得_javascript技巧_第4页
javascript插件开发的一些感想和心得_javascript技巧_第5页
资源描述:

《javascript插件开发的一些感想和心得_javascript技巧》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、javascript插件开发的一些感想和心得起因如果大家平吋做过-些前端开发方面的工作,一定会有这样的体会:页面需要某种效果或者插件的时候,我们一般会有两种选择:1、上网查找相关的JS插件,学习其用法2、自己造轮子,开发插件。寻找存在的插件第一种做法,上网查找JS插件这种方式如果是有刚好符合项目需求的插件,那是非常幸运的事了。但是我相信大部分情况下,我们找到的插件会有下而的几个问题:(1)U1定制:很多插件提供的U1和我们的项目设计风格完全不搭,可能写好的html和css不符合插件使用的方式,结果我们还要去修改html和css來适应插件的用法。(2)学习成本:如果是比较复杂的

2、插件,存在着一个学习成本的问题,要去学习这个插件怎么使用。(3)插件不符合需求:我们找到的插件并不完全保证符合我们项目的需求,这个时候你可能要去修改它的代码來支持项目需求,这也是可能存在的问题(4)插件功能太大而全:假设你的项目需要一个简单的轮播插件,结果找到一个很牛逼的轮播插件,各种酷炫的效果,而II刚好也能使用,但是这个插件的体积和一个js库的体积差不多,而如果自己写效果的话,其实只耍几I•行代码就可以搞定了,这时候引入这个插件是否太过多余了。这是使用js插件可能存在的一些问题,当然具体情况具体分析,我也并非不使用已经写好的js插件,毕竟有些插件是经过了时间考验的,使用起

3、来更有益于项目的进行。如果是下面几种情况,我会考虑使用已经存在的js插件:(1)复朵的功能:比如文件上传,批量上传,进度显示等等,比如HTML编辑器(2)项目工期紧急,对性能要求不高的场景(3)js插件刚好符合项目的需求自己造轮子第二种做法,自己造轮子开发插件口己写插件主要有下面几个问题:(1)开发插件需要时间,可能拖延项目工期,如果工期紧急不建议选用这种方式(2)自己造的轮子未必有现有轮子的好用,要考虑到队友是否适用(3)需要比较高的开发水平如果平时项目不紧急的话,我会考虑口己造轮了,主要有几个好处:(1)完全符合项目需求,这一条是显而易见的,因为完全针对项目来开发的插件(

4、1)知根知底,容易修改,插件完全是自己开发的,项口有什么需求变化完全可以灵活应对(1)轻量级,因为我们不像其他开源插件要应对那么多种需求,所以我们自己的轮子也只需要符合自己的车,不需要很多变化,相对来说,变化少功能少,代码也会少。(2)对个人能力是一个很大的锻炼,不要重复造轮子这是在程序员中广为流传的一句话,这也成为很多人偷懒的一个借口,但是我们不应该以此为借口来阻碍自己的前进的脚步。造过轮子的同学应该深有体会,造过一个轮子,远比你使用别人写的100个插件的收获还要多,我们的轮子可以不在项目中使用,但这是一种效率极高的学习方式,强烈推荐。如何开发一个轻量级的适用性强的插件怎么

5、开发一个适应性强的且轻量的插件呢?所谓适用性强,简单地说就是有几占•/、、、•1、对UI限制越少越好,最好没有2、不提供太多功能,只提供简单的api,让使用者易于扩展我们举个例子,假设我们要开发一个jQuery分页插件,关于jQuery插件开发教程,请参考jQuery插件开发。确定需求确定需求是开发插件的笫一步。要开发一个轻量级的分页插件,我们还是用从插件最基木的需求开始说起,分页插件最基木的需求是什么呢,无非就是页码显示,页码之间的切换,所以,我们的插件要围绕着这基本需求开始,而暂时不要考虑其他可能存在的需求。确定插件html和css确定好插件的需求后,第二步就是插件的UI

6、,也就是html和css。假设基木的ui如下:上一页234567.下一页看到上而的基本ui,不知道大家会想到什么样的html结构。对于我们开发人员来说,html和css要越简单越好,所以最基本的html结构无非就是a标签和span标签的混合,有的同学可能会想到使用ul,li标签,但这其实增加的复杂度,得不偿失。我们编写html代码如下:上一页〈/span〉l2

7、page二〃2〃href=,/javascript:;,z>34…〈/span>9〈/a>下一页〈/a>

这是最基本html代码结构,包含了分页插件的容器div.pager,当前页span.curPage,其他页码a标签,上一页,下一页等按钮。接着是css代

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。