IE8前端框架之中后台系统解决方案（一）

最新推荐文章于 2024-05-07 09:29:33 发布
最新推荐文章于 2024-05-07 09:29:33 发布
阅读量3.7k 收藏 3
点赞数 1
分类专栏： javascript 文章标签： 中后台解决方案 ie8 html js layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxqhfut/article/details/89183734
版权
本文探讨了在兼容IE8的环境下，如何为中后台系统选择合适的前端框架。作者放弃了Vue、React和Angular，考虑了omi、san、avalon等支持IE8的框架，但为避免潜在问题，最终推荐使用layui。layui不仅开源，还有付费的后台解决方案。文章提到了layui-admin、vue-element-admin、ant design pro和ng-alain作为非IE8环境的中后台解决方案。决定采用单页面应用架构，并提及了页面路由和局部刷新的实现。后续内容将涉及权限认证、路由守卫、信息存储、组件可配置化和界面美化等关键点。
摘要由CSDN通过智能技术生成
需求
  1. 兼容ie8 （客户群体电脑因为安全问题无法升级，所以必须兼容ie8 ）
  2. 界面是中后台系统管理界面
  3. 形成框架，方便二次开发人员开发。
  4. 形成组件库，并且可配置化
  5. 提升界面颜值
思路

  1. 兼容ie8
    本咸鱼以前的技术栈是vue全家桶，vue底层是用defineproperty实现的双向绑定，这个方法ie8是不支持的，所以放弃vue， 同时react和angular 很早的版本才兼容ie8，一想到要去踩以前的老坑，我也是毅(yi)然(yi)决(bu)然(she)的放弃了。

    三大主流框架不能用，还有一些mvvm框架据说是支持ie8的。

    • omi 腾讯
    • san 百度
    • avalon
    • knockout
      以上框架都支持了ie8，但是在细节方面还是有待优化的地方，比如路由，脚手架方面，还有一段路要走，为了避免踩坑，决定放弃这几种框架。

  2. 中后台系统解决方案
    先安利一波三大框架的中后台解决方案

最低0.47元/天 解锁文章
wxqhfut
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
H+后台主题UI框架（v4.1.0）
11-09
H+后台主题UI框架，作为一个专为现代Web应用程序设计的前端解决方案，以其丰富的功能、高效的性能以及美观的界面，深受开发者的喜爱。其最新版本v4.1.0进一步提升了用户体验和开发效率，为后端开发者提供了一个全...
几种兼容ie8的前端框架
daxi玫瑰的博客
01-20 3398
有时候公司里面的项目要求兼容ie8，之前做过jQuery和JavaScript的一些ie8不支持用法的整理，最近搜集了一些可以兼容ie8的前端框架，写篇博客记录下来~ 1.jQuery（这个就是我现在用的~） 2.react@0.14+antd@1 如果需要用redux，使用react-redux@4.4 / redux@3.5 3.anujs (https://www.npmjs.com/package/anujs) 4.司徒正美（avalon.js） 5.3.X bootstrap （h..
vue-cli 创建项目 兼容IE
weixin_43933259的博客
09-14 840
因项目需要，今天给大家安利一篇好文章，关于Vue-cli脚手架搭建的项目兼容ie。（原文链接：https://segmentfault.com/a/1190000019466591?utm_source=tag-newest） 需求: 项目(vue-cli3.0)后期要求兼容IE8以上版本浏览器,IE8及以下提示当前浏览器版本过低 vue不支持IE8及以下的版本, 同时如果是使用vue-cli构建的项目也不能在IE8以上的版本(ie9,ie10,ie11)中运行 方法一:适用于vue-cli3.
后台管理系统快速开发的前端框架
最新发布
weixin_52008157的博客
05-07 1215
开源协议：Apache-2.0 License。开源协议：Apache-2.0 License。开源协议：MPL-2.0 License。开源协议： MIT License。开源协议： MIT License。开源协议： MIT License。开源协议：MIT License。开源协议：MIT License。开源协议：MIT License。开源协议：MIT License。开源协议：MIT License。开源协议：MIT License。开源协议：MIT License。
redux+react+webpack+热加载+兼容IE8（持续更新）
weixin_33744141的博客
08-09 122
2019独角兽企业重金招聘Python工程师标准>>> ...
vue-ant-design 在ie的兼容问题
hjy170314的博客
08-21 3295
一开始没有注意ie的兼容,在谷歌中一切都很正常. 但是 才发现,当我在ie中运行的时候,界面直接白板了,而且是ie 11. 还不是低版本,都已经行不通了 一直报错, 有set的错误 ,也有SecurityError错误 忘记截图了,因为项目已经做了配置就暂不添加截图,下个项目再把截图补上 于是我查了很久,很多文章显示使用 babel-polyfill 可以 所以我安装了,此时ie11可以显示了,ie10和下面的版本一样都是白板,出现 set 的错误 安装 babel-polyfill npm i .
Ant Design Pro 兼容性问题
Veni的博客
08-31 1万+
支持环境：现代浏览器和 IE9 及以上（需要 polyfills）。 一：组件 1.Flex 布局 现代浏览器支持 2.Upload 上传 beforeUpload：上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传。注意：IE9 不支持该...
6.antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核
11-24 811
antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核
mui.ajax ie8,IE8+MVVM的适配方案尝试
weixin_29201933的博客
08-06 384
概述你是不是还在为客户不肯升级浏览器而烦恼？你是不是还在为IE8调试代码而抓狂？你是不是也在吐槽IE8稀烂的性能？如果你也碰到以上问题，恭喜你！！！看了这篇文章其实也没啥用... T_T首先，重要的事说三遍 W(￣_￣)W升级浏览器！升级浏览器！升级浏览器！不要用IE！不要用IE！不要用IE！呼~ 吐槽结束首先明确一点的是，在如今去做IE8的适配是一件非常没有性价比的事。因为根据 statcoun...
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！
09-05
标题中的问题涉及到JavaScript的`setInterval`函数在不同浏览器，特别是火狐（Fire...对于复杂的动画，还可以考虑使用现代前端框架如React或Vue.js，它们提供了更好的动画管理和生命周期管理，能更好地处理这类问题。
H+ v3.2 后台主题UI框架.zip
07-22
此框架以用户友好、功能丰富和高度可定制性为主要特点，旨在提升开发效率，为Web开发者提供一个简洁、美观且易用的后台设计解决方案。 响应式设计是H+ v3.2的核心特性之一。它能够根据不同的设备屏幕尺寸和方向自动...
UI框架模板一(兼容IE8)
07-31
基于bootstrap的UI框架模板一(兼容IE8)
Bootstrap后台管理模板支持IE8以上
11-19
一个建立在Bootstrap3之上的、完全响应的管理仪表板模板设计，美丽而简单。
国产绝对非常漂亮兼容IE6+的后台管理系统模板BEST
09-12
国产绝对非常漂亮兼容IE6+的后台管理系统模板BEST，可以说我见过的国产最漂亮又兼容IE6的后台管理系统模板，真心的漂亮，包括的页面有后台登陆模板页面、工作台、表单提交、图片列表，数据表格列表、标签切换、工具导航等页面，这些页面基本能满足大多数后台管理系统的使用，大部分页面可以根据现有页面进行改造出来其他页面，模板是基于Iframe框架构造，比较适合国内人使用，模板总共有十几个页面。 想看样式的同学可以看下http://www.uimaker.com/uimakerdown/bstemplate/82645.html
国产已经无法形容的兼容IE6+的后台管理系统模板Best
11-25
国产绝对非常漂亮兼容IE6+的后台管理系统模板BEST，可以说我见过的国产最漂亮又兼容IE6的后台管理系统模板，真心的漂亮，包括的页面有后台登陆模板页面、工作台、表单提交、图片列表，数据表格列表、标签切换、工具导航等页面，这些页面基本能满足大多数后台管理系统的使用，大部分页面可以根据现有页面进行改造出来其他页面，模板是基于Iframe框架构造，比较适合国内人使用，模板总共有十几个页面。 想看样式的同学可以看下http://www.uimaker.com/uimakerdown/bstemplate/82645.html
基于bootstrap兼容ie7+后台模板
06-16
基于bootstrap兼容ie7+后台模板
PHPFunAdmin后台开发系统 v3.0.1
08-15
框架专注于为中小企业提供最佳的行业基础后台框架解决方案，执行效率、扩展性、稳定性值得信赖，操作体验流畅，使用非常优化，欢迎大家使用及进行二次开发。 功能特点： 1、PHP支持php8.0的快速开发框架，建议使用...
edojs 免费的企业级Ajax框架.zip
11-02
edojs是一个基于JavaScript实现的企业级Ajax框架，它旨在提供高效、稳定且易于使用的异步数据交互解决方案。在现代Web开发中，Ajax框架如jQuery、AngularJS或Vue.js等广泛应用于构建动态、响应式的网页应用。然而，...
vue ie8 兼容方案
热门推荐
lhf214111967的专栏
10-18 2万+
公司合作了一个项目，前端是用的vue构建的非SPA 项目的最后上线，客户提出必须要兼容IE8 最后的最后，只能寻求解决兼容方案了。在先用的双向绑定的框架中，我选用了avalon2 avalon2是一款基于虚拟DOM与属性劫持的 迷你、 易用、 高性能 的 前端MVVM框架， 拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用。...
前端项目中如何兼容IE8
05-26
兼容IE8的前端开发需要注意以下几点： 1. DOCTYPE声明：要使用HTML5的文档类型声明，但需要加上X-UA-Compatible元标签指定IE8的文档模式。 ``` <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> </head> <body> ... </body> </html> ``` 2. CSS的兼容处理：建议使用CSS3的语法，但需要注意CSS3新增的属性和选择器在IE8中不支持，需要进行兼容处理。 ``` /* IE8中不支持的CSS3属性 */ .box { border-radius: 10px; box-shadow: 0px 0px 10px #000000; background: linear-gradient(to bottom, #ffffff, #cccccc); } /* 对IE8进行兼容处理 */ .box { border: 1px solid #999999; width: 200px; height: 200px; background-color: #ffffff; /* 针对IE8使用filter属性实现圆角和阴影效果 */ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false, opacity=0) progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100, finishOpacity=100, style=2, startx=0, starty=0, finishx=0, finishy=100, GradientType=0) progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=5, color=#000000); /* 针对IE8使用渐变背景 */ background: #ffffff; background: -ms-linear-gradient(top, #ffffff, #cccccc); background: linear-gradient(to bottom, #ffffff, #cccccc); } ``` 3. JavaScript的兼容处理：IE8不支持ES5及以上版本的JavaScript语法和API，需要进行兼容处理。 ``` /* IE8中不支持的ES5语法 */ var arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); }); /* 对IE8进行兼容处理 */ var arr = [1, 2, 3]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 总之，兼容IE8需要对HTML、CSS、JavaScript三个方面进行适当的兼容处理，才能保证在IE8下正常显示和运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值