ElementUI中Tree组件兼容IE解决方案

(时间:2019年2月26日,当前版本:0.5 ,最新版本:1.0 ,更新周期单位:周)

博客引言:精彩的编程人生(Programing Life),从这里刚刚开始。

博客目的:记录Element与Vue搭配使用时,兼容IE浏览器不显示问题,剖析对IE浏览器的知识体系。

一、简介

     在软件开发初期阶段,经常会使用是市面上主流的浏览器进行功能开发,调试。为什么呢? 因为市面上主流的浏览器对W3C组织制定的标准更友好,同时对开发者、用户的角度都是友好。所以,在开发过程中很少出现兼容问题,真好!!!

    IE(全称:Internet Explorer)浏览器是微软开发的一款用于互联网域名检索软件,同时也是Microsoft Internet Explorer/ Windows Internet Explorer (7、8、9、10、11版本)的统称。 于2016年,微软宣布停止对IE浏览器(8/9/10版本)的技术支持并建议用户统一更新至11或使用 Microsoft Edge浏览器。

    基于IE浏览器的使用基数大,适用范围场景主要是政府、学校,适用人群主要是政府人员、学校领导及部分特定人群。

    为了兼容IE浏览器真是煞费苦心,该如何下手去兼容IE这款浏览器呢?

   (1) 基于以下三个基本认识:

    第一,IE支持原生JavaScript脚本语言的语法规范;

    第二,IE对W3C部分标准兼容且不全兼容设计;

    第三,IE对于不兼容语法,不提示任何报错信息。(默认开发者已经具备IE浏览器语法知识)

  (2) 兼容IE的二个核心思考点:

    第一、是否提示报错信息,如果提示,则根据提示进行解决对应不兼容问题;

    第二、如果不提示,则思考该框架预定义语法IE是否兼容,通过部分代码删除进行分析;

    第三、如果是因为语法问题,则进行语法调整至IE能识别的语法,反之,则不需要调整,开开心心。

二 、前端架构

    (1)脚本框架:Vue.js (2.x 最新版) 

    (2)UI 框架:Elemnt (2.5.4最新版)

三、IE兼容Element原理

    原理一:基于Elment 是遵循CSS样式的标准的,而IE对CSS的部分样式也是兼容的,因此,可以分析出IE对Element (User Interface 简称 UI框架) 也是兼容。

   原理二:基于Elment在遵循CSS样式的标准下,也自定义的一部分样式,所以IE不兼容部分样式也是可能存在的。基于Element自定义样式是否被IE进行整合为标准,这是Elment开发团队做的事,理论上讲,应该通过一种解决方案兼容了。如果兼容了,则IE能识别,反之,则无法识别,且样式布局应该会使用IE已预定义好的样式呈现对应的元素及标签。

   原理三:IE浏览器的核心功能就是页面浏览器,用于检索网页(HTML 全称 Hypertext Markup Language) 并呈现的应用程序.

四、IE兼容Element设想

    设想已在简述中阐明,可基于简述中的(2)兼容IE的二个核心思考点。

五、IE兼容Element方案

    (1)  Element-Tree树形控件兼容

         1、产生原因:由于Element与Vue配合使用,所以,Element是基于遵循ES6标准的Vue的语法且IE不支持ES6标准(Promise对象不支持,可自行百度参考其他文档)

         2、问题描述:

          

         3、解决方案:已经问题描述中,进行描述并解决。

六、IE兼容Element验证

    (1)验证一:由于工作原因,后期更新。

七、问题来源及帮助

    (1)开发过程中,为兼容IE浏览器时却没有任何提示,所以,以删除部分代码进行测试。

    (2)公司同事为了提供了一种很好的解决思路,哈哈哈,优秀啊。在这就谢谢他们对我的帮助及支持,希望大家能解决问题.

      (3)  还有一种问题,在页面以其他方式向Tree控件添加数据时,注意:别用 { node,data } ,IE不支持,请使用 ”data“ 方式

七、总结与收获

      从应用架构、框架、个人角度去分析总结与收获。

        从应用架构的角度,Element+Vue的组件组合模式进行软件开发,对个人的知识体系、技术栈体系有较高的提升,但是对于适用场景是政府部门的应用软件开发,更倾向于选择兼容性更强的BootStrap+Jquery+JqGridHTML+CSS+JavaScript会更好,但是对于开发人员的基本要求就会提高。

      从开发框架的角度,Element框架的官方API的案例主要还是基于主流的浏览器进行组件说明,对于IE的描述不尽详细,所以需要在开发的过程中,多多积累经验及解决的思路。

      从个人的角度分析,1.对于构建UI Framework的理解加深,2.对于IE浏览器所支持的基本语法及标准,工作流的基本认识。

 

 

如有不懂,请自行参考:

参考博客:

参考网址:https://baike.baidu.com/item/Internet%20Explorer/1537769?fr=aladdin

                  https://element.faas.ele.me/#/zh-CN/component/tree

参考书:Element-UI使用手册

 

温馨提示:本篇博客不定时更新内容与修改博客,喜欢的博友可以收藏,以便后期探讨.,,

1、各位初学者、开发者如有不清楚的可自行参考其他博客或者评论留言。

2、实在有不清楚的地方想要与博主沟通,可通过微信号:www262800com (要求:请备注姓名、问题)

你可能感兴趣的:(Element,UI,Framework)