源码在GitHub上，总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址：https://nihaojob.github.io/vue

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个

现在许多项目都要求引入字体, 但由于引入的字体过大难免会导致项目的体积出现过大问题, 随便一个字体便就几兆或者十几兆, 对于直接引入不太可能.

离线存储应用程序数据已成为现代Web开发中的必要条件。内置的浏览器 localStorage 可以用作简单轻量数据的数据存储，但是在结构化数据或存储大量数据方面却不足。 最重要的是，我们只能将字符串数据存储在受XSS攻击的 localStorage 中，并且它没有提供很多查询数…

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

文本、图片、形状、音频、链接等，二期以后会逐步增加更多的可编辑元素。 通过点击或者上传的形式新增，通过拖拽来调整大小尺寸及位置，通过编辑面板来修改样式。同时，不同的元素将拥有不同的编辑面板，如文字类型，可以修改字体、颜色、大小、对齐方式等，而图片类型，则可以进行缩放、裁剪、圆角…

想写一篇关于 SVG 滤镜的文章已久，SVG 滤镜的存在，让本来就非常强大的 CSS 如虎添翼。让仅仅使用 CSS/HTML/SVG 创作的效果更上一层楼。题图为袁川老师使用 SVG 滤镜实现的云彩效果 -- CodePen Demo -- Cloud (SVG filter …

随着发展，活动会场页面的题图运营需要线上模板化，而自研的导购素材制作平台接入了海棠-创意中心，通过平台能力，将素材模板化，并且通过配置化的方式生成多种场景化，个性化的素材。但是创意中心的素材模板是基于SVG的，而会场的题图基本是基于Photoshop(PS)输出，源文件是PSD…