fastadmin总结1---使用的第三方组件有哪些?一个组件包含哪些部分,组件分析,如何快速上手一个组件
一:fastadmin组件大全
fastadmin在前端,也就是在JS中,使用了很多第三方组件。这里,我们一一列举出来。并总结一些组件的结构,以及如何快速的掌握组件。
1.Selectpage 动态下拉列表 官方文档:https://github.com/TerryZ/SelectPage
2.Nice-validator 表单验证 官方文档 https://github.com/niceue/nice-validator
3.city-picker 城市选择 官方文档:https://github.com/zaaach/CityPicker
4.Bootstrap-datetimepicker 日期时间 官方文档 https://github.com/Eonasdan/bootstrap-datetimepicker
5.Bootstrap-select 下拉列表 官方文档 https://github.com/snapappointments/bootstrap-select
6.Bootstrap-table 表格组件 官方文档 https://github.com/wenzhixin/bootstrap-table
二:如何分析第三方组件---关键词:js插件开发
记住一个公式第三方组件=CSS+js(插件)
记住分析插件的最好的办法是,如何写一个js组件
1.关于CSS的部分,我们就不分析了
2.JS部分。组件的JS部分,我们暂且称之为插件,那么JS插件的本质是什么?学习如何写一个JS插件
参考1:我写插件一般是先声明各种变量,然后加个初始化方法,然后写操作数据部分,接下来操作dom,最后写调用部分。大概是这么个思路。
至于编写形式,可以根据项目需求来具体区分,比如大的项目一般都喜欢用类的模式,就是先function 再new 也可以加上prototype什么的,小项目就全部用function堆 总之顺手就好
参考2:插件编写指南 JavaScript插件编写指南
http://geocld.github.io/2016/03/10/javascript_plugin/
一个可复用的插件需要满足以下条件:
1.插件自身的作用域与用户当前的作用域相互独立,也就是插件内部的私有变量不能影响使用者的环境变量;
2.插件需具备默认设置参数;
3.插件除了具备已实现的基本功能外,需提供部分API,使用者可以通过该API修改插件功能的默认参数,从而实现用户自定义插件效果;
4.插件需提供监听入口,及针对指定元素进行监听,使得该元素与插件响应达到插件效果;
5.插件支持链式调用。
以下便针对这四点要求进行逐个讲解,以实现自定义的原生插件。
参考3:百度经验 如何写js插件 https://jingyan.baidu.com/article/49711c6199a02dfa441b7cf2.html
参考4:简书 如何写一个高逼格的JS插件 https://www.jianshu.com/p/e65c246beac1
关于如何编写出一个好的js原生插件,需要平时在使用别人的插件的同时,多查看一下api文档,了解插件的调用方式,然后再看一下插件的源码的设计方式。基本上我们可以确定大部分插件都是按照原型的方式进行设计的。而我从上面的例子中,就使用了好多js原生的知识点,函数的命名冲突、闭包、作用域,自定义工具函数扩展对象的钩子函数,以及对象的初始化、原型链继承,构造函数的定义及设计模式,还有事件的自定义,js设计模式的观察者模式等知识。这些内容还是需要初学者多多了解才能进行一些高层次一些的插件开发。
三: 如何阅读文档
当我们熟悉了JS插件开发的整个过程以后,我们就能更好的阅读文档了