摘要:
JS中有一些操作可以动态地执行JS代码,并修改或新建词法作用域,这种操作虽然带来了更多的灵活性,但是会严重地影响到性能。 阅读全文
摘要:
前端访问页面首次遇到域名都需要经历DNS解析,大多数解析可以通过预先异步解析进行优化,减小耗费时长。 阅读全文
摘要:
在 Vue 中说到v-bind大多数时候都是想到template中动态绑定script中的响应式数据。但其实在单文件组件(SFC)中, 阅读全文
摘要:
Vite脚手架在打包代码的时候,会把源代码里对于静态资源的访问路径转换为打包后静态资源文件的路径。动态访问静态资源通常导致读取不到文件,因为源代码中使用的路径是src中的,而打包之后静态资源带上了文件指纹,代码中的路径却没有随之改变。 阅读全文
摘要:
结合线性渐变(linear-gradient)和背景截取(background-clip)实现渐变色的字体,这种方法适用于iconfont。 阅读全文
摘要:
使用svg代替iconfont的好处:iconfont无法显示复杂的图形;svg是矢量图;svg标签内部可以添加title和desc标签,有利于SEO和无障碍阅读。 阅读全文
摘要:
渐进增强是指先针对低级浏览器保证基本功能,再针对高级浏览器追加功能;而优雅降级是指针对那些最高级、最完善的浏览器来设计网站,一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 阅读全文
摘要:
响应式设计旨在编写一套代码,在不同设备上都能有良好的表现。响应式设计有两种思路:桌面端优先和移动端优先,它们的区别是先实现一种布局,再使用媒体查询设置断点,实现不同屏幕尺寸下的布局,逐渐过渡到另一端。即由大到小和由小到大的区别。 阅读全文
摘要:
当有多条冲突的CSS规则指向同一元素,则浏览器会计算特异性选择更具体的规则。如果特异性相同,则按照代码顺序,靠后的规则覆盖前面的规则。 阅读全文
摘要:
重排和重绘是前端关于渲染性能优化中比较重要的两个概念,其中重排会导致较大的性能开销,应尽量避免。 阅读全文