Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >兼容IE浏览器

兼容IE浏览器

作者头像

阿超

发布于 2022-08-16 08:26:21

发布于 2022-08-16 08:26:21

1.6K0

举报

文章被收录于专栏：快乐阿超快乐阿超

今天客户说他那边网站崩了，让客户截了个图，看到是ie浏览器。。。我瞬间的反应是崩溃的

所以才有了这篇博客

这里分享一个小工具，能把ES6语法转成IE支持的语法

使用方式很简单

解压，用vscode打开

控制台输入cnpm i

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

转换前是这样的

我们npm run build一遍

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

2020年，竟然还有人用IE。。。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-08-24，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

npm css node.js webpack 打包

一. 对模块化进行解释二. 对打包的理解三. 关于webpack和node和npm的关系四.关于Webpack的一个简单应用五.webpack.config.js配置和package.json配置六.webpack中使用css文件的配置

名字是乱打的

2021/12/23

1.1K0

第210天：node、nvm、npm和gulp的安装和使用详解

npm gulp ide java ecmascript

它不是JS文件，也不是JS框架，而是Server side JavaScript runtime，当服务端的一个JS文件运行时，会被NODE拦截，在NODE中运行JS代码。JS由ES（ECMAScript），DOM，BOM 组成，目前运行在浏览器内核中，NODE中只能运行ECMAScript，无法使用DOM，BOM。

半指温柔乐

2018/09/11

2.7K0

webpack 4 的 30 个步骤打造优化到极致的 react 开发环境

react css postcss webpack 打包

将 react 和 webpack4 进行结合，集 webpack 的优势于一身，从 0 开始构建一个强大的 react 开发环境。

夜尽天明

2019/06/18

2.4K0

谷粒学院项目实战04——讲师管理模块前端基础(下）

json webpack npm axios babel

使用axios需要依赖axio.min.js.如果找不到资源可以参考https://blog.csdn.net/weixin_43274097/article/details/106570717。

半旧518

2022/10/26

5350

谷粒学院项目实战04——讲师管理模块前端基础(下）

3、webpack从0到1-使用babel打包

babel.js webpack 打包 json javascript

webpack从0到1-使用babel打包讲下webpack中的loaders的概念，然后结合使用babel-loader来对项目中的es6语法做下转换。 git仓库：webpack-demo 1、什么是loaders？先看官网对Loaders的解释：webpack enables use of loaders to preprocess files。简单一点来说就是一个可以帮我们处理文件的东西，比如一个js文件，在webpack打包的时候看到这个js文件就会走我们定义的比如接下来要说的bab

Ewall

2020/03/20

1.5K0

webpack+es2015+react+Ant Design纲领

webpack react css npm https

最近TWaver 3D机房项目打算使用Ant Design来重构后端管理页面，Ant Design 团队不是很熟悉，webpack react等用的不多，所以自己花了一天时间，把相关知识点撸了一遍，给团队做了个培训。下面主要是一个培训的纲领，整个流程可以通畅的跑下来；主要是webpack+es2015+react+Ant Design。当然，ant design 自己有一套框架打包平台，有兴趣的也可以研究。

用户3158888

2019/05/30

1.2K0

3-11-12 使用 babel 处理 es6 语法

webpack 打包 babel.js javascript ecmascript

关于 es6 的内容想必大家都已不再陌生，因为 es10 都已经出来了，只要不是太老的浏览器版本基本都支持 es6 的大多数特性了。可以看这里：http://kangax.github.io/compat-table/es6/ 当然，要保证 es6 或者 es7 的语法进行源码编写后完全可用，我们可以用 babel 将其转成 es5。Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。关于 babel 的使用方法和原理都可以单列一个系列了，在此我们只讲述 babel 如何结合 webpack 使用。

love丁酥酥

2020/02/19

6830

前端学到什么程度可以找到工作(应届毕业生有什么优势)

网站 node.js json javascript webpack

前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。最初所有的开发工作都是由后端工程师完成的，随着业务越来越繁杂，工作量变大，于是我们将项目中的可视化部分和一部分交互功能的开发工作剥离出来，形成了前端开发。由于互联网行业的急速发展，导致了在不同的国家，有着截然不同的分工体制。在日本和一些人口比较稀疏的国家，例如加拿大、澳洲等，流行“Full-Stack Engineer”，也就是我们通常所说的全栈工程师。通俗点说就是一个人除了完成前端开发和后端开发工作以外，有的公司从产品设计到项目开发再到后期运维可能都是同一个人，甚至可能还要负责UI、配动画，也可以是扫地、擦窗、写文档、维修桌椅等等。而在美国等互联网环境比较发达的国家项目开发的分工协作更为明确，整个项目开发分为前端、中间层和后端三个开发阶段，这三个阶段分别由三个或者更多的人来协同完成。国内的大部分互联网公司只有前端工程师和后端工程师，中间层的工作有的由前端来完成，有的由后端来完成。 PRD（产品原型-产品经理） – PSD（视觉设计-UI工程师） – HTML/CSS/JavaScript（PC/移动端网页，实现网页端的视觉展示和交互-前端工程师）

全栈程序员站长

2022/07/31

1.3K0

前端学到什么程度可以找到工作(应届毕业生有什么优势)

webpack 打包 json javascript npm

Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。

cwl_java

2020/02/11

9180

前端学习的编辑器介绍

mac os ide html

学习前端，那么必要的编辑器是不可缺少的，在这里的话，我主要推荐三款编辑器(仅本人觉得好用哈)，这三款编辑器分别是HBuilder、VScode、WebStome。

守护最温柔的金木

2020/07/02

1.6K0

新电脑搭建博客

hexo git node.js

输入用户名和密码，点击确定，注意别输入错了，错了的话得去控制面板里的凭据管理中删除

阿超

2022/08/16

3550

AngularJS7那些不得不说的事故

最近简直要忙死，所以停更了很久，你们会不会以为我人间蒸发了？正文之前，请允许我先跑个题，就是关于忙的问题。做了Freelance，每天过的比上班还累，这完全不是我想要的生活啊？所以痛定思痛，需要检讨一下自己：

俺踏月色而来

2018/12/26

1.7K0

Vue CLI 2.x搭建vue,目录最全分析

npm vue.js webpack json javascript

安装过nodeJs 、cnpm 后，全局安装vue-cli（以后其他项目可直接使用）：

王念博客

2019/07/25

1.3K0

Babel：下一代Javascript语法编译器

https 网络安全打包 css api

Babel是一个Javascript的编译器，通过它你可以将一些新版本的ECMAScript语法转换成低版本的语法。以便能够在低版本的浏览器或者其它环境平稳运行。

江涛学编程

2020/07/21

8790

TypeScript必知三部曲（一）TypeScript编译方案以及IDE对TS的类型检查

typescript ide 编译插件配置

TypeScript代码的编译过程一直以来会给很多小伙伴造成困扰，typescript官方提供tsc对ts代码进行编译，babel也表示能够编译ts代码，它们二者的区别是什么？我们应该选择哪种方案？为什么IDE打开ts项目的时候，就能有这些ts代码的类型定义？为什么明明IDE对代码标红报错，但代码有能够编译出来？

w4ngzhen

2023/10/18

1.1K0

TypeScript必知三部曲（一）TypeScript编译方案以及IDE对TS的类型检查

语法降级与Polyfill：消灭低版本浏览器兼容问题

插件工具浏览器配置语法

提到前端编译工具链方面，可能大家最新想到的是诸如@babel/preset-env、core-js、regenerator-runtime等工具。不过，我们今天要讲的是官方的 Vite 插件@vitejs/plugin-legacy，以及如何将这些底层的工具链接入到 Vite 中，并实现开箱即用的解决方案。

xiangzhihong

2023/07/09

4.3K1

语法降级与Polyfill：消灭低版本浏览器兼容问题

Node.js学习笔记（一）——Node.js概要、NPM与package.json

node.js npm ide javascript https

Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。

张果

2022/09/28

2.7K0

Node.js学习笔记（一）——Node.js概要、NPM与package.json

webpack介绍、配置、使用

webpack json javascript php 打包

由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。

青梅煮码

2023/03/02

2.9K0

webpack介绍、配置、使用

Vue 全家桶 + Electron 开发的一个跨三端的应用

github vue.js linux windows

我是一名全职的 iOS 开发者，非前端开发者。由于接触了 Weex 开发，从而接触到了 Vue.js。

一缕殇流化隐半边冰霜

2018/08/30

2.4K0

Vue 全家桶 + Electron 开发的一个跨三端的应用

说Node.js做后端开发，stream有必要了解下

编程算法 bash node.js apache javascript

流的英文stream，流（Stream）是一个抽象的数据接口，Node.js中很多对象都实现了流，流是EventEmitter对象的一个实例，总之它是会冒数据（以 Buffer 为单位），或者能够吸收数据的东西，它的本质就是让数据流动起来。可能看一张图会更直观：

coder_koala

2019/07/30

1.8K0

说Node.js做后端开发，stream有必要了解下

相关推荐

Webpack

更多 >

LV.1

gitee封面人物

作者相关精选

chrome浏览器插件开发快速入门

加入讨论

的问答专区 >

1北京宏哥擅长4个领域

相关课程

一站式学习中心 >

轻量应用构建训练营

轻量应用服务器

ES Serverless一站式日志分析入门到精通

Elasticsearch Service