兼容IE浏览器
发表于|更新于
|浏览量:
今天客户说他那边网站崩了,让客户截了个图,看到是ie浏览器。。。我瞬间的反应是崩溃的
所以才有了这篇博客
这里分享一个小工具,能把ES6语法转成IE支持的语法
使用方式很简单
解压,用vscode打开

控制台输入cnpm i

然后把你的js文件放到src\js下面

转换前是这样的

我们npm run build一遍
可以看到我们的dist目录下面已经生成了转换好的js了

2020年,竟然还有人用IE。。。
相关推荐
2025-02-17
animejs示例
读书使人充实,思考使人深邃,交谈使人清醒。——富兰克林 https://codepen.io/collection/XLebem/ 这里有anime.js实现的不少案例 例如移动端的卡片弹出动画实现: https://codepen.io/aryankap/pen/poERmEM 带进度条的提交按钮: https://codepen.io/andrewmillen/pen/MoKLob 带动画的小图标: https://codepen.io/nat-davydova/details/dyorEMm 夜间模式切换按钮: https://codepen.io/borntofrappe/details/aboPapm 等等
2025-05-26
vue-ueditor-wrap
会当凌绝顶,一览众山小。 —— 杜 甫《望岳》 https://github.com/haochuan9421/vue-ueditor-wrap vue-ueditor-wrap:轻松集成 UEditor 到 Vue 项目在 Web 开发中,富文本编辑器是许多应用的重要组成部分,尤其是在博客系统、内容管理平台(CMS)等场景中。作为经典的富文本编辑器,UEditor 功能强大,但在现代前端框架(如 Vue)中使用时可能略显复杂。 今天我们来介绍 vue-ueditor-wrap,一个基于 Vue 的封装组件,旨在让开发者轻松将 UEditor 集成到 Vue 项目中。 什么是 vue-ueditor-wrap?vue-ueditor-wrap 是一个 UEditor 的 Vue 封装组件,提供了简洁的 API 和灵活的配置选项。它解决了原生 UEditor 在 Vue 项目中的集成难题,让开发者无需处理复杂的初始化逻辑。 主要功能 快速集成:通过简单的配置,即可将 UEditor 嵌入 Vue 项目。 支持双向绑定:轻松实现 Vue 的 v-model 与 UEditor...
2022-01-13
for of和for in
人生而自由,却无往不在枷锁中——卢梭《社会契约论》 我之前写过一篇for in的博客 for in是遍历对象key或者数组下标 前端还可以使用for of来遍历value 简单写一下两者区别和使用方式吧: 12let ruben = {name:'ruben', age:21}for(key in ruben) console.log(key) 然后是for of 提示对象并不是iterable(可迭代的) 因此for of并不能遍历对象的key 接下来看数组的: 12let list = [1,2,3,4,5,6]for(i in list) console.log(i) 可以看到是遍历获取出了下标并不是实际的值 而for of: 12let list = [1,2,3,4,5,6]for(i of list) console.log(i) 遍历出了我们的value
2022-05-18
CompositionEvent
业余生活要有意义,不要越轨。——华盛顿 分享一个输入法事件:CompositionEvent 这个事件只在用户间接输入文本(如使用输入法)时触发: 例如下面这个例子: 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html><head> <title></title></head><body> <div class="control"> <label for="name">On macOS, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> ...
2021-12-28
contenteditable
要随时牢记在心中:决心取得成功比任何一件事情都重要。——林肯 只要给html标签添加一个属性叫contenteditable,即可点击进行编辑: 1<div contenteditable>ruben</div>
2020-09-05
vue结合elementUI进行快速开发
人生最重要的不是努力,不是奋斗,而是抉择。 我们引入一个elementUI 1cnpm i element-ui 然后在main.js中引入 我们来做个测试,首先在页面中的methods中定义个welcome方法 123456789methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },}, 然后在created中调用该方法 进入home页面,刷新 可以看到效果了 那我们再引入个导航栏 首先创建header.vue 然后编写导航栏 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog