- 2025-01-23umi4 antd5、antd plots2x在低版本浏览器样式显示错误
npminstall--save@babel/preset-envcore-jsregenerator-runtime安装babel,用上面的指令在umi4的配置文件.umirc.ts中,添加babel配置extraBabelPresets:[['@babel/preset-env',{targets:{chrome:'58',//这里指定Chrome
- 2025-01-16[Babel] Intro Babel - 05. API
APIs关于babel里面的APIs主要位于@babel/core这个依赖里面,你可以在官网左下角的ToolingPackages分类下找到这个依赖包。这里顺便介绍一下每一种依赖包的作用:@babel/parser:是Babel的解析器,用于将源代码转换为AST。@babel/core:Babel的核心包,它提供了Babel的
- 2025-01-16[Babel] Intro Babel - 02 Configure file
配置文件配置文件格式配置文件选项配置文件的格式在babel中,配置文件本身又可以分为两种:项目范围的配置文件文件相关配置文件项目范围配置文件顾名思义,就是该配置文件针对整个项目生效的一个配置,这种类型的配置文件一般放在项目根目录下面,babel对项目范围级别的配置
- 2025-01-16[Babel] Intro Babel - 03. CLI
CLI关于babel所提供的CLI,你可以在https://babeljs.io/docs/babel-cli看到所有所支持的CLI命令。要使用CLI命令,首先第一步是安装:pnpmadd--save-dev@babel/core@babel/cli注意在安装@babel/cli这个包的时候,需要同时安装@babel/core这个包,这个包是提供babel
- 2025-01-16Babel Intro Babel - 01 Introduction
Babel介绍Babel是一个编译器,主要用于将最新的JavaScript代码转化为向后兼容的代码,以便在老版本的浏览器或环境中运行。例如,你可能在开发时使用了ES6、ES7或者更高级的JavaScript特性,但是有些浏览器可能并不支持这些新特性,这时就可以用Babel来将代码转化为ES5或者更早
- 2025-01-01如果不使用脚手架,如果用webpack构建一个自己的react应用
以下是使用Webpack构建一个自己的React应用的基本步骤:1.项目初始化首先创建一个项目文件夹,并在其中初始化package.json文件(用于管理项目的依赖和脚本等),打开命令行,进入项目文件夹,执行以下命令:mkdirmy-react-appcdmy-react-appnpminit-y2.安装必要的依赖需要安装React
- 2024-12-25js中的可选链语法在node12的时候报错了
JavaScript的可选链(optionalchaining)语法是在ECMAScript2020(ES11)中引入的,它允许你安全地访问嵌套对象属性,即使某个中间属性不存在也不会抛出错误。然而,在Node.js环境中,不同版本对新特性的支持情况有所不同。Node.js对ES特性的支持Node.js12.x系列发布于2019年
- 2024-12-15前端工程化_JS 工具链_学习笔记
js工具链主要用于解决语言问题,其中有兼容性语言缺陷语言增强html和css也有他们的工具链htmlhaml document.createElementcsssass/less/styluspostcsstailwindcss-in-jsstyled-componentjs当然还有其他问题,本文暂时不涉及比如:工程问题、流程问题
- 2024-11-30说说babel
什么是babel?babel是一种转译文本,目的是将es6以上的语法转译为es5能够识别的语法,以供浏览器或者node进行识别使用方法Babel一共有三种使用方法,分别是:1.单体文件2.命令行3.构建工具的插件(webpack的babel-loader等)运行方式和插件运行方式:babel一共分为了三个阶段:解析,转
- 2024-12-06如何判断两个对象相等?
在前端开发中,判断两个对象是否相等是一个常见的问题,但它比判断原始类型(如数字、字符串、布尔值)要复杂一些。"相等"的含义也取决于你的具体需求:你是要判断它们的值是否相等(浅比较和深比较),还是判断它们是否指向同一个内存地址(严格相等)。以下是几种常用的方法:1.严格相等(===)
- 2024-11-29NOIP2024游记——随风而去吧
来不及来不及你曾笑着哭泣来不及来不及你颤抖的手臂来不及来不及无人将你打捞起来不及来不及你明明讨厌窒息没有想到一个月过的这么快,四个星期后又坐在机房里,而这一次——可能是真正意义上的最后一次踏入机房了,明天考完NOIP2024就是真正意义上的退役了。细细数来,学习
- 2024-10-23JavaScript 第27章:构建工具与自动化
在现代JavaScript开发中,构建工具、代码转换工具、代码质量和代码格式化工具对于提高开发效率、保持代码整洁以及确保代码质量有着至关重要的作用。下面将分别介绍Webpack、Babel、ESLint和Prettier的配置与使用,并给出一些示例。1.构建工具:Webpack配置与使用Webpack是一个
- 2024-10-09关于安装Babel的问题有哪位大佬能指点指点我吗?
我在vscode上安装babel,总是显示以下错误:npmerrorcodeENOTFOUNDnpmerrorsyscallgetaddrinfonpmerrorerrnoENOTFOUNDnpmerrornetworkrequesttohttp://registry.cnpmjs.org/@babel%2fcorefailed,reason:getaddrinfoENOTFOUNDyour-proxy-urlnpmerr
- 2024-09-10vue 可选链操作符(?.)报错
一直用的好好的这个运算符,换了个项目,用不了了首先交代一下,vue版本是2.6.11,node版本是v14.17.4,vue-template-compiler也是2.6.11首先哈,我们升级一下vue到2.7.xx版本npmivue@2.7.0vue-template-compiler@2.7.0然后安装这个插件npminstall'@babel/plugin-proposal-opti
- 2024-07-31[babel] babel的工作原理
Babel是什么Babel是一个通用的多功能的JavaScript编译器。主要用于将采用ECMAScript2015+语法编写的代码转换为向后兼容的JavaScript语法,以便能够运行在当前和旧版本的浏览器或其他环境中。常见的用途有:语法转换通过Polyfill方式在目标环境中添加缺失的功能(通过引
- 2024-07-17Setup Babel ES6 for Express and Nodejs
Createprojectandinstalldependenciesmkidrmy-app&&cdmy-appnpminit-ynpmi-D@babel/cli@babel/core@babel/node@babel/preset-envnpmiexpresssCreate.babelrc{"presets":["@babel/preset-env"]}Writeawebs
- 2024-07-09Flask API 如何接入 i18n 实现国际化多语言
1.介绍上一篇文章分享了Vue3如何如何接入i18n 实现国际化多语言,这里继续和大家分享Flask后端如何接入i18n实现国际化多语言。用户请求API的多语言化其实有两种解决方案:后端返回:"USER_ERROR" =>前端渲染:"用户错误"后端接收请求中"Accept-Language"信
- 2024-07-03使用ElementUI组件库
引入ElementUI组件库 1.安装插件npmielement-ui-S 2.引入组件库importElementUIfrom'element-ui'; 3.引入全部样式import'element-ui/lib/theme-chalk/index.css'; 4.使用Vue.use(ElementUI);