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

控制台输入cnpm i

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

转换前是这样的

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

2020年,竟然还有人用IE。。。
相关推荐
2022-10-30
designMode
保持友谊的最好办法是不出卖朋友——米兹涅尔 我们可以使用 1document.designMode = 'on' 来开启页面的编辑模式 例如:
2025-05-16
snabbdom
少壮不努力,老大徒悲伤。—— 汉乐府古辞《长歌行》 https://github.com/snabbdom/snabbdom/ Snabbdom:轻量、高效、模块化的虚拟 DOM 库在现代前端开发中,虚拟 DOM 技术已成为流行的界面更新方式。许多框架(如 React、Vue.js)都内置了虚拟 DOM 功能。然而,Snabbdom 提供了一种更轻量化和可扩展的虚拟 DOM 解决方案,适合希望深入控制渲染过程的开发者。 什么是 Snabbdom?Snabbdom 是一个以简洁和高效为目标的虚拟 DOM 库,其核心代码不足 200 行,但提供了丰富的功能扩展能力。开发者可以根据需要选择模块或自定义功能,打造个性化的虚拟 DOM 架构。 核心特点: 极简核心:仅 200 行核心代码,易于理解和定制。 模块化设计:通过模块扩展功能,如样式、事件监听、动画等。 高性能:Snabbdom 是目前最高效的虚拟 DOM 库之一。 灵活的 hook 系统:支持 vnode 和全局模块的生命周期钩子。 支持 JSX 和 TypeScript:方便与现代前端工具链集成。 使用场景Snabb...
2026-09-07
hyperframes
活着就要学习,学习不是为了活着。——培根 HyperFrames:当 HTML 开始讲故事,视频制作也有了新的表达方式视频创作常常被想象成一条漫长的生产线。 画面、字幕、转场、音乐、时间轴、导出设置、格式编码,每个环节都像一扇需要单独推开的门。对于希望自动化制作内容的人来说,真正棘手的地方并不只是完成一支视频,而是如何把创意、代码、媒体资源与稳定的渲染结果放进同一条可重复执行的流程。 HyperFrames 希望把这件事变得更直接。 它是一套开源的视频渲染框架,核心思路非常清晰:编写 HTML,渲染视频,并且为智能体而构建。 项目地址:https://github.com/heygen-com/hyperframes 在 HyperFrames 的世界里,HTML、CSS、媒体资源与可定位动画不只是网页中的元素,它们能够共同组成确定性的 MP4 视频。开发者可以通过命令行在本地使用它,也可以让 AI 编程智能体借助技能体系参与视频制作,还可以将其作为代码库的一部分接入自动化工作流。 视频不再只能从传统时间轴中诞生,也可以从一个 index.html 开始。 视频,为什么不能像...
2024-10-10
dvajs中@connect在hook下使用
美而无德, 有如没有香味的花,徒有其表。——笛福 在Dva.js中,@connect 是 connect 的语法糖,它允许我们更方便地将模型(models)与组件进行映射。在类组件中使用 @connect 是非常直观的,但在函数式组件(hook)中,由于函数组件的渲染逻辑是由函数本身直接定义的,而不是通过继承 React.Component,因此我们不能直接使用 @connect 装饰器。 不过,我们可以通过使用 connect 函数的 Hook 版本来实现类似的功能。在函数式组件中,我们可以使用 useSelector 和 useDispatch 这两个 hooks 来分别获取 state 和 dispatch action。这样,我们就可以在函数式组件中实现与 @connect 相似的效果。 下面是一个如何在函数式组件中使用 connect 的示例: 12345678910111213141516171819202122232425262728293031323334import React from 'react';import { con...
2022-12-25
mask
任凭人群来往,任凭钟声响起,小孩啼哭——决心好好过上一天。——梭罗《瓦尔登湖》 分享一个css属性mask: https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask https://css-tricks.com/almanac/properties/m/mask/ CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 这个属性很类似于background属性,但不同的是,background是背景在元素下层,mask是遮罩在元素上层,且mask不支持直接指定color,只支持image对象如图片、svg等 同样两者都是组合属性,意味着可以用简写,而不是一个一个去指定 12mask-image: url(/img/oss/blog/vampireachao/bilibili-line.svg);mask-repeat: no-repeat; 可以简写为 1mask: url(/img/oss/blog/vampireachao/bilibili-line.svg) ...
2022-07-08
escape、unescape废弃
爱所有人,信任少数人,不负任何人。——莎士比亚 今天看到这个API废弃了,提示使用 encodeURI 或 encodeURIComponent 代替。 但是貌似有部分符号并没有转义成功 最后在示例看到了解决办法 123456789101112131415161718192021222324252627282930var fileName = 'my file(2).txt';var header = "Content-Disposition: attachment; filename*=UTF-8''" + encodeRFC5987ValueChars(fileName);console.log(header);// 输出 "Content-Disposition: attachment; filename*=UTF-8''my%20file%282%29.txt"function encodeRFC5987ValueChars (str) ...

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