首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端兼容
Linsk
创建于2022-08-19
订阅专栏
前端兼容性专栏
等 1 人订阅
共19篇文章
创建于2022-08-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
如何实现TypeScript级的polyfill自动引入
在现代前端开发中,polyfill是确保代码在不同浏览器中兼容性的重要手段。传统的polyfill解决方案通常是在构建时解析JavaScript代码,通过检测特定方法调用来决定引入哪些polyfill
Browserslist中的not语句的误区
很多人会把Browserslist中的and、or、not理解为集合运算中的交集、并集、绝对补集,这是错误的。 Browserslist的语句分为查询语句和排除语句,not表示这是一个排除语句。 排除
当我把前端条件加载做到极致
各位网友晚上好,相信大家都对使用type="module"和nomodule这种技巧有所耳闻。今天我将为大家分享我把这种技巧应用到极致的经验:4 条件加载方案。 什么是分条件加载 在前端构建中,我们通
前端开发:不处理浏览器兼容性,才是最佳的浏览器兼容性处理方式
「不处理浏览器兼容性」不是逃避问题,而是通过架构设计将复杂度隐藏在幕后。毕竟,最好的兼容性处理方式,是让开发者忘记「兼容性」的存在。
告别 CSS 滤镜兼容噩梦:前端工程化的一站式解决方案
一、当滤镜遇上浏览器战争:开发者之痛 在实现设计稿中的模糊效果时,我们兴奋地写下: 却在测试时发现: iOS 8.1 设备上效果消失 IE浏览器直接罢工 旧版Firefox显示异常 于是不得不改写成:
JS正则表达式如何匹配任意字符
在 JavaScript 中,正则表达式是一种强大的工具,用于处理字符串匹配、搜索和替换等操作。然而,当涉及到匹配任意字符(包括换行符)时,开发者可能会遇到一些问题。本文将介绍两种常用的正则表达式模式
Vue3怎么兼容低版本浏览器
Vue3 怎么可能能兼容 IE 呢?我一开始也是这么想的,但是看到运行结果的那一刻,我震惊了。我们先从理论上分析一下兼容 IE 的可行性。很多人都认为 Vue3 兼容不了 IE 的原因在于 Proxy
CSS 嵌套真的没法兼容 IE6 吗?
前阵子我看文章时看到一篇文章讨论 CSS 预处理器的替代方案。其中就是否用使用 CSS 嵌套语法在评论区产生了争论。有人说 有人评论 甚至有人评论 这里我说说我的看法供参考。 我认为架构层应当为业务
常用前端 CSS 新特性,兼容方案一览
特性 阶段 Chrome Edge/IE Safari Firefox Opera 解决方案 可达到效果 postcss 版本 stylelint
ES2024 正则表达式新特性 unicodeSets 解析及兼容方案
ES2024 对正则表达式添加了 v 修饰符,含义为 “Unicode 集合”,用来方便处理 Unicode 集合。v 修饰符是 u 修饰符的升级模式,使用了 v 修饰符就意味着包含了 u 修饰符的
前端如何优雅实现0到auto的高度过渡
相信大家都知道,最近更新Chrome已经支持了 0 到 auto 的高度过渡。但是很多人反映这种特性太新了,出于兼容考虑用不了的。而实际上 calc-size 是可以渐进增强的。今天我就给大家表演一下
正则表达式 unicode 修饰符及兼容性
ES6 对正则表达式添加了 u 修饰符,含义为 “Unicode 模式”,用来正确处理大于 \uFFFF 的 Unicode 字符。 示例 上面代码可以被 babel 转译以支持低版本浏览器 在 ES
前端如何优雅拒绝浏览器兼容需求
1、甩给后端。 2、甩给前端架构。 3、甩给需求。 4、甩给 HR。 总结,造成兼容性问题的原因有很多,反正不是前端技术不行。
工程化是解决浏览器兼容性的核心
前端开发在日常的项目中,面对的难题之一便是浏览器兼容性问题。不同浏览器依赖的渲染引擎、JavaScript 引擎等技术栈和规范有所差异,往往会导致同一个网页在各种浏览器上呈现效果不同。而针对这一问题,
Javascript 中字符串 trim 兼容性一览
表格不好编辑,直接截图了。四分之一空格、发宽空格、普通空格、欧甘空格、窄空格。String.prototype.trim兼容性。
妙用 script 的 nomodule 属性实现优雅降级和性能优化
什么是 module/nomodule 技术 我们在打包时,如果打包目标是中底版本的浏览器,就需要插入许多兼容函数和语法转化。 而用高版本浏览器访问,其实并不需要这些变换。如果用高版本浏览器访问,能够
如何优雅地运行 polyfill
业界常用以下几种方式: 1、底层运行 webpack-runtime,基于 webpack-runtime 运行各个模块,包括 polyfill。这个是目前主流方式。这一方式的重大问题是 webpac
浏览器兼容性问题全解
大家好,我是前端浏览器兼容专家老林。今后我为大家带来前端兼容性问题的完整解决方案,本章为目录,后续会更新后会编辑为超级链接。欢迎持续关注。 前端工程化 模块化库的使用 typescript babel
js加载css判断是否加载完成兼容性(模拟onload)
按最新浏览器可以用onload和onerror监听link标签。 兼容性如下:由表可以看出 IE系列,无论成功还是失败都走onload; 火狐低版本不会触发onload、onerror事件,但是可以使