兼容IE浏览器
发表于|更新于
|浏览量:
今天客户说他那边网站崩了，让客户截了个图，看到是ie浏览器。。。我瞬间的反应是崩溃的
所以才有了这篇博客
这里分享一个小工具，能把ES6语法转成IE支持的语法
使用方式很简单
解压，用vscode打开
控制台输入cnpm i
然后把你的js文件放到src\js下面
转换前是这样的
我们npm run build一遍
可以看到我们的dist目录下面已经生成了转换好的js了
2020年，竟然还有人用IE。。。
相关推荐
2022-04-07
setState异步问题
若人间有情，那是开始，也是尽头。——北岛怀念顾城 今天使用react中setState后立马从state中获取，然后使用，发现时灵时不灵的，我立马意识到setState可能是异步的，翻看官方文档，果然： 调用 setState 其实是异步的 —— 不要指望在调用 setState 之后，this.state 会立即映射为新的值。如果你需要基于当前的 state 来计算出新的值，那你应该传递一个函数，而不是一个对象（详情见下文）。 代码不会像预期那样运行的示例： 123456789101112131415161718incrementCount() { // 注意：这样 *不会* 像预期的那样工作。 this.setState({count: this.state.count + 1});}handleSomething() { // 假设 `this.state.count` 从 0 开始。 this.incrementCount(); this.incrementCount(); this.incrementC...
2024-08-14
TinyVue组件库
君子不隐其短，不知则问，不能则学。——董仲舒 文档： TinyVue：一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端 代码： https://github.com/opentiny/tiny-vue 在项目的根目录中，打开控制台，执行以下命令，为 Vue 3.0 的项目安装 TinyVue 组件库 ： 123yarn add @opentiny/vue@3# 或者npm install @opentiny/vue@3 或者执行以下命令，为 Vue 2.0 的项目安装 TinyVue 组件库 ： 123yarn add @opentiny/vue@2# 或者npm install @opentiny/vue@2 如果是Vite 工程，安装完依赖后，修改项目的 vite.config.js ，添加以下代码突出显示的部分： 1234567891011// vite.config.jsimport { defineConfig } from 'vite'import vue from &#x...
2022-11-08
flexboxdefense
理解绝对是养育一切友情之果的土壤——威尔逊 分享一个还不错的网站： http://www.flexboxdefense.com/ 其可以通过塔防游戏的方式，来让玩家学习flex布局 一共12关，每一关都精心设计
2023-07-14
gulpjs
瞒人之事弗为，害人之心弗存。——王豫 分享一个自动化和增强工作流程的工具包 GitHub - gulpjs/gulp: A toolkit to automate & enhance your workflow https://gulpjs.com/ 可以可帮助您在开发工作流程中自动执行痛苦或耗时的任务
2023-06-02
input+type=file同时支持文件和文件夹
1没有知识的旅游者是一只没有翅膀的鸟。——萨阿迪 使用的dropzone库，你可以将任意类型的文件拖拽进去上传，如果是目录，则会获取目录内的文件 https://github.com/dropzone/dropzone 代码如下： 1234567891011121314151617181920<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/><script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script><div class="my-dropzone dz-clickable" style=" display: block; width: 100px; heigh...
2023-08-16
vue-demi
事物都是互相妥协的。就是冰山也会时而消融，时而重新凝聚。——爱默生 分享一个vue库 https://github.com/vueuse/vue-demi 用来解决编写的代码在vue2和vue3之间的兼容问题 安装： 1npm i vue-demi 然后修改package.json，将vue 和@vue/composition-api添加到peerDependencies中 1234567891011121314151617{ "dependencies": { "vue-demi": "latest" }, "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^2.0.0 || >=3.0.0" }, "peerDependenciesM...