前端框架-弹窗的研究-

这是工作中对的通用性框架的一些心得 在电力企业工作已有两年，开发的各个利用都是基于H5利用。而H5援用中又基于cordova.js 库来开发，各个外包企业接了利用，都是一头雾水，不知道怎么开发，这篇文章主如果解说运用基于seajs库和Bootstrap框架来搭建的一套前端通用框架。

前端框架主要研究了四点

1、 研究Web框架的动态加载技术

针对挪移互联网环境下挪移端内存、流量、电池资源有限，通过运用动态加载技术，将程叙文件打散成多个小文件，以推迟加载技术（LazyLoading），实现按需加载提拔会员体验，落低挪移端的资源运用率。在业务和样式上，前端开发人员只需要在JS代码块头部援用需要的js库和css样式即可。在逻辑上，开发人员只需调取后端供给的接口进行读取与显示。这种技术的主要长处包含可保护性高、动态加载快、前端机能优化好。

2、 研究模块化构建技术

在前端人员开发挪移利用项目的根基上，通过运用模块化构建技术，将每个页面分成多个功能进行分块化处置，这样既可迅速的实现挪移端的页面猎取，也可在挪移端调试的时候迅速定位相干题目。通过定义多个模块来彼此调取，既保障了各个模块之间不产生冲突，又提高了开发人员的编码效率。其长处主如果职责单一、依赖就近。

3、 研究多辨论率、多尺寸挪移终端界面适配技术

针对挪移端的各个终端设施，在基于bootstrap框架的根基上，通过媒体查询功能（Medie Query）来设定同一的样式，通过视窗（meta）属性内容，设定等比例窗口，这样实现了不一样手机型号的不一样辨论率、不一样尺寸终端没法适配的题目，进一步减少代码的冗余和再次开发。

4、 研究挪移端公用组件的封装

基于bootstrap框架下一些组件封装的有限，通过对工夫插件(datatime)、弹窗插件(dialog)、图形插件(echarts)、下拉刷新上拉加载插件(Refresh)、滑动插件(swiper)、省市区选中 (citypicker) 插件、提醒信息插件(UED)等一些插件进行封装，按需调取，按需加载，以做到不一样页面援用不一样的插件，实现组件的调取，大大减少了前端开发人员的工夫，同时也提高了会员体验。

这里，我们就拿其中一个插件——弹窗来解说

先给大家看看结果图吧

    
    
    
    
    


    

        
            默许的弹窗
            success
            primary
            danger
            warning
            可设定配景色
            自定义标题、描述
            点后回调
            box-shadow
            box-shadow
            
                box-shadow
            
            无进入动画
            单个按钮
            
                bootstrap弹窗
            
            
                无标题
            
        
    
    
    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！