最新 最热

SVG 生成图片

通过 canvas 将 svg 元素生成图片的形式,其中图片的大小取决于 svg 元素的复杂度。

svg
2022-06-15
1

Web思维导图实现的技术点分析(附完整源码)

思维导图是一种常见的表达发散性思维的有效工具,市面上有非常多的工具可以用来画思维导图,有免费的也有收费的,此外也有一些可以用来帮助快速实现的JavaScript类库,如:jsMind、KityMinder。...

2022-06-15
1

Zabbix5.0前端个性化设置,手把手教你定制Logo

本文介绍在Zabbix5.0中如何通过修改Zabbix前端文件icon-sprite.svg来实现自定义Logo,参与感更强。

2022-06-14
1

精读《web reflow》

网页重排(回流)是阻碍流畅性的重要原因之一,结合 What forces layout / reflow 这篇文章与引用,整理一下回流的起因与优化思考。

2022-06-10
1

Vue3中使用各类字体图标的正确姿势:本地SVG、Iconfont、FontAwesome、ElementPlus(图标选择器篇)

最近,在项目的开发中,我们规划了一个 Icon 组件,我们希望通过这个组件,能直接同时使用多种图标库的图标(一种语法,实现无限的图标扩展和高度兼容性)并且,实现该 Icon 之后,理应还有一个图标选择器,可以加载出不同图标库的所有...

svg
2022-06-10
1

【优化】1338- 分享一下图像优化原理

我们都喜欢有图片的网页,图片很美好,很有趣,同时它涵盖了丰富的信息。所以,在加载网页时,大部分流量被图像资源所占据(平均60%,数据可能不准确)。...

2022-06-07
1

你不知道的SVG

在过去的几年里,SVG已经变得越来越流行。这是有原因的。它们是可扩展的、灵活的,而且最重要的是,是轻量级的。而且,它们所提供的东西甚至比你想象的还要多。我们最近发现了一些神奇的SVG技术,我们很愿意与你分享。从SVG网...

2022-06-02
1

【腾讯云前端性能优化大赛】前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)

特别是对于首屏资源加载中的白屏时间,用户等待的时间就越长,用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出,“人类将被动等待高估了 36%”(https://mazey.cn/t/em)。这意味着用户感觉到的等待...

2022-05-28
1

摹客3月重点功能更新

本次更新,摹客RP新增了“跨项目复制粘贴页面”功能,可以快速复用其它项目中的内容;另外摹客协作平台对图钉评论和交互模式也做了优化~

svg
2022-05-26
1