兼容IE浏览器
发表于|更新于
|浏览量:
今天客户说他那边网站崩了，让客户截了个图，看到是ie浏览器。。。我瞬间的反应是崩溃的
所以才有了这篇博客
这里分享一个小工具，能把ES6语法转成IE支持的语法
使用方式很简单
解压，用vscode打开
控制台输入cnpm i
然后把你的js文件放到src\js下面
转换前是这样的
我们npm run build一遍
可以看到我们的dist目录下面已经生成了转换好的js了
2020年，竟然还有人用IE。。。
相关推荐
2022-01-25
水波纹按钮动画
生活是种律动，须有光有影，有左有右，有晴有雨。——老舍 代码： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .login { display: flex; align-items: center; justify-content: center; margin-top: 200px; } ...
2025-08-06
awesome-phonenumber
天下之事不难于立法，而难于法之必行。一一明·张居正 让电话号处理变得“Awesome”！深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中，处理和验证电话号码是常见但却容易“踩坑”的细节：格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼？现在，有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber！ 什么是 @grantila/awesome-phonenumber？它是一个基于 Google libphonenumber 的预编译版本，专为 Node.js 和前端环境设计，拥有更简洁的接口、极小的体积、无依赖，并且支持 TypeScript。简而言之，它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库！ 主要特色 超小体积，无依赖：极大节省你的项目空间，运行速度快，加载迅速。 API简洁易用：新版 API 更加清晰，无需复杂构造或函数调用，错误处理也更友好（不抛异常）。 TypeScript ...
2020-09-03
vue2.0配置路由
古希腊哲学家芝诺的学生问他：“老师，难道你有不懂得的东西吗？”芝诺风趣地回答：“如果用小圆代表你们学到的知识，用大圆代表我学到的知识，那么大圆的面积是多一点；但两圆之外的空白，都是我们的无知面，圆越大，其圆周接触的无知面就越多。” 先说下端口配置吧 项目根目录下新建一个文件叫vue.config.js 12345module.exports = { devServer: { port: 3000 }} 然后npm run serve运行项目，可以看到端口号变了 然后再配置个路由吧 1cnpm i vue-router 在main.js中引入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, rend...
2021-11-01
nvue坑
人之所以走入迷途，并不是由于他的无知，而是由于他自以为知。——卢梭 《爱弥儿》 前两天用nvue踩了不少坑，例如之前写的nvue引入图标坑就是一个 例如manifest.json中这里需要配置为weex才能使用weex渲染 uniapp-nvue文档 weex文档 要注意这里 基本上是nvue的一些常见的坑 还有其他的一些，例如一些不支持的css写法如transition 如果写成transition: 1s;则会提示 当然transition: all 1s;也不行 只能针对对应的过渡去写： 12transition-property: width;transition-duration: 1s; 缩写就是： 1transition: width 1s linear 2s; 一般像不支持的全局属性，需要写在条件编译里 12345678910.logo { height: 0; width: 0; /* #ifndef APP-PLUS-NVUE */ transition: all 1s; /* #endif */ /* #ifdef APP-PLUS...
2025-02-26
JS的线程模型和事件循环机制
生命不是安排，而是追求。——弗吉尼亚·伍尔芙 从线程和浏览器底层执行的角度来看，JavaScript 的延迟/休眠功能是如何实现的呢？ 线程模型和事件循环JavaScript 的执行环境（如浏览器或 Node.js）是单线程的，这意味着在任何给定的时间点，只有一个线程在执行 JavaScript 代码。为了管理并发操作，JavaScript 依赖于事件循环（Event Loop）。 事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤： 检查调用栈（Call Stack），如果调用栈为空，则继续。 检查消息队列（Message Queue），如果消息队列中有待处理的任务，则取出队首的任务并执行。 重复以上步骤。 宏任务和微任务在事件循环中，有两种类型的任务：宏任务（Macro Task）和微任务（Micro Task）。 宏任务：包括整体脚本执行、setTimeout、setInterval、setImmediate（Node.js）等。 微任务：包括 Promise 的回调、process.nextTick（Node.js）、Mutation...
2023-08-25
js阻止默认事件踩坑
人这种卑鄙的东西，什么都会习惯的。——陀思妥耶夫斯基《罪与罚》 今天遇到一个问题，我想阻止浏览器默认的滚动事件，却阻止不了还一直报错 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div style="height: 2000px;background:#888"> </div> <script> document.addEventL...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog