最近要做一个生成海报的h5, 原理就是用canvas的drawImageAPI把图片画出来，想着应该很简单，却发现里面有大坑。在填完坑后分享下解决方案，文章主要围绕以下两个问题来展开。 1. demo初试 2. canvas大小错误以及模糊 在浏览器的 window 对象中有一…

前言 前几天,有小伙伴问我帧动画效果如何优化卡顿的问题. 其实是想实现 web 页面背景视频的效果. 关于这个效果,可以参考一下魔兽世界拉风的官网. 打开调试器可以看到,直接是把video元素定位到了

有时候我们开发一个样式布局比较简单的页面，它需要同时兼容移动端和PC端展示，我们一般都会考虑是否可以用一套样式代码来完成并考虑其是否易于维护。那么我们可以通过借助Sass扩展语言来帮助我们优雅的实现它

前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几个使用场景,希望可以给有同样困惑的盆友们一点启发,给需要用这个技术的同僚们一些帮助. postMessage是html5引入的API,postMessage()方法…

在项目中经常有各种附件预览的功能。总结出了一些常用的文件预览方式。本文介绍vue3常用文件(pdf、word、excel、txt)的预览。

最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

1. 安装flexible 5. 引入 lib-flexible，在项目入口文件 index.js 里 引入 lib-flexible

开发一个平台，要求在PC端和移动端上都有较好的体验。 一套资源，根据判断是否是移动设备而选择加载不同的css。 两套资源，pc和mobile各一套，分开维护，在入口处进入不同的路由。 1.前者适用于两端交互和布局差别不大，交互比较简单的项目。只有一套资源，代码量少，维护起来比较…