深度剖析Vite配置文件
我们知道,Vite 构建环境分为开发环境和生产环境,不同环境会有不同的构建策略,但不管是哪种环境,Vite 都会首先解析用户配置。那接下来,我就与你分析配置解析过程中 Vite 到底做了什么?
不要再滥用可选链运算符(?.)啦!
上面代码?前面的属性如果是空值(null或undefined),则result值是undefined,反之如果都不是空值,则会返回最后一个d属性值。
Parcel 的入门和使用
Parcel 是一个面向 web 的零配置构建工具。它将出色的开箱即用的开发体验与可伸缩的体系结构相结合,可以将您的项目从刚开始的阶段发展到大规模的生产应用。
js 实现汉字简体和繁体之间的互相转换
简体字(Simplified Chinese,简体中文),是中国大陆地区目前在用的字体,由官方公布的简体字,主要由传承字以及1950年代以后中华人民共和国政府开始在中国大陆地区推行的简化字所组成。
Chrome 将引入无边界模式
Chrome 114 默认启用了 CHIPS,这是 Google 通过新的 cookie 属性来淘汰第三方 Cookie 的一部分;Chrome 114 还默认启用了 Popover API,以便更轻松地实现弹框。Chrome 115 中的一些新功能也逐渐被揭晓
为啥CSS不会支持双斜杠(//)注释?
相信大家对 CSS 的语法又有了一个新的认识,下面总结一下有部分属性值会出现双斜杠语法,比如border-image、-webkit-mask-box-image,不支持双斜杠注释最主要的原因是无法兼容现版本
前端加载超大图片(100M以上)实现秒开解决方案
而对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情。而上面介绍的第二条“图像分割切片”是最佳解决方案。下面介绍下如何对大图进行分割
CSS粘性定位 - 它的真正工作原理!
CSS中的sticky定位有很好的浏览器支持,但许多开发者并没有使用它。原因有两方面:一是等待浏览器支持的时间太长,导致这个特性被遗忘;二是大部分开发者并不完全理解它的工作原理。
解决JavaScript单线程问题webWorkers
worker是HTML5规范的API,所以你没法在node环境中使用.worker没办法对dom元素操作, 只能在主线程中, 多线程操作dom感觉就不大好.worker可以用于执行长时间运行的计算、处理大量数据、执行网络请求等任务