加载中
@babel/plugin-transform-runtime如何配置@babel/runtime的版本

小伙伴们晚上好,欢迎来到前端小妙招。相信大家都知道@babel/plugin-transform-runtime在前端性能优化中的重要作用,但是你知道@babel/plugin-transform-runtime是需要配置的吗?下面就让我讲...

11/16 20:24
36
为什么@babel/plugin-transform-runtime没效果

babel这东西真的很难用,需要配置的地方很多。比如@babel/plugin-transform-runtime要专门进行配置,babel默认是用内联的辅助函数(inline Babel helpers)。而且经常配不成功,这不,又出问...

11/15 20:40
42
CSS变量(自定义属性)和预处理(sass\less)器的变量功能,如何选择?

首先,我比较2者,目的是为了经过编译输出的结果,而非原生使用自定义属性。 CSS变量(自定义属性) 优点: 有CSS标准支持 属于正式语法,员工学习积极性高,招人也容易。 样式编写和编译可以分...

11/06 15:12
26
第三方JS优化检查指标

一、包中的模块使用数 如果一个库中使用了大量的模块,很可能需要进行 按需打包优化 或 预打包优化 二、同包名不同版本号同时使用 需要评估不同版本的差异,然后决定是否要使用同一版本 三、...

11/03 17:02
31
妙用script的nomodule属性实现优雅降级和性能优化

什么是module/nomodule技术 我们在打包时,如果打包目标是中底版本的浏览器,就需要插入许多兼容函数和语法转化。 而用高版本浏览器访问,其实并不需要这些变换。如果用高版本浏览器访问,能...

前端使用Mac踩坑记录(npm i -g 没权限)

如何全选复制粘贴 全选:Command (⌘) + A 复制:Command (⌘) + C 粘贴:Command (⌘) + V 如何截图 Command (⌘) + shift + 4 存在桌面 安装git 先安装Homebrew.sh /bin/zsh -c "$(curl -...

git
08/16 13:20
74
如何优雅地运行polyfill

业界常用以下几种方式: 1、底层运行webpack-runtime,基于webpack-runtime运行各个模块,包括polyfill。这个是目前主流方式。这一方式的重大问题是webpack-runtime本身是依赖polyfill运行的...

07/10 20:24
91
浏览器兼容性问题全解

大家好,我是前端浏览器兼容专家老林。今后我为大家带来前端兼容性问题的完整解决方案,本章为目录,后续会更新后会编辑为超级链接。欢迎持续关注。 前端工程化 模块化库的使用 typescript b...

06/22 08:44
132
关于script标签的onerror事件和onload事件

脚本加载完成触发onload,加载失败触发onerror。 如果加载完解析失败或运行失败仍然触发onload,不触发onerror。 如果我想要触发解析或运行失败怎么办呢? Chrome中需要监听window的onerror...

05/12 00:01
1.3K
js加载css判断是否加载完成兼容性(模拟onload)

按最新浏览器可以用onload和onerror监听link标签。 兼容性如下 由表可以看出 IE系列,无论成功还是失败都走onload; 火狐低版本不会触发onload、onerror事件,但是可以使用in来判断是否支持;...

Javascript中字符串trim兼容性一览

编辑器太不给力了,直接截图了

03/23 00:02
171
vite中真正关闭esbuild

在vite中发现语法降级失效,比如把a={name}转成a={name:name}最终还会生成a={name}, 这导致swc\babel\typescript之类的插件无法正常使用。 猜测转化后又使用esbuild导致的,于是把esbuild配...

2021/11/01 21:00
2K
echarts使用柱形背景

解决方案,使用type: 'custom',自己画一个矩形就行了

2021/10/11 17:49
116
echarts gl 使用3d扇形

参考官方示例的3D Surface写个参数方程就行了。 Surface有传入坐标和参数方程2种方式,实测传入坐标不好用,要写参数方程, 这个Surface的参数方程写法,就像织布一样一个参数代表织布的x轴,...

2021/09/10 09:03
204
vite项目支持typescript的emitDecoratorMetadata和experimentalDecorators

vite使用esbuild转化ts,esbuild不支持emitDecoratorMetadata和experimentalDecorators。 因此我们需要配置使用官方typescript转化ts。 但是esbuild的速度是官方的20~30倍,为了达到最佳效果...

2021/07/18 16:16
1.3K
vue-cli 部分代码没有经过Babel转译

1.先判断哪个库的代码没有转译(例如element-ui)。 2.vue.config.js配置。 transpileDependencies: [ 'element-ui' ]

2021/05/07 16:21
300
core-js的Symbol实现原理

每次执行Symbol函数时,会生成随机标识。然后在Object.prototype挂上不可枚举属性。 生成的对象toString()返回刚刚生成的随机标识。 因此能实现不可枚举,代价是会在Object.prototype挂很多东...

2021/04/27 23:17
330
关于Symbol.iterator的兼容性

MDN和caniuse都显示Chrome43才支持是错误的。正确答案是Chrome38支持。 你想想String的iterator,38就支持了。38~43的版本,如果没有支持Symbol.iterator还怎么调用? 实测Chrome38支持......

2021/04/20 22:10
283
requirejs中packages配置的作用

require.config({ packages: [ { name: "desktop-ui", location:"/js/desktop-ui" main: "index" } ] }); require(["desktop-ui"])正常是加......

2020/10/01 21:20
548

没有更多内容

加载失败,请刷新页面

返回顶部
顶部