Canvas实现图片缩放、移动等效果。兼容PC端和移动端，熟悉了滚动事件的监听，掌握了canvas拖拽和缩放实现

写这篇文章的源头，要从公司的快递面单打印说起。最近指定了我来主要负责这一块内容。可以说以前对打印是一无所知，对打印暴露出来的问题简直就是小白啊，问题分析不清楚、原因找不到、猜都没有方向。。。 先说一下之前前端 web 打印我们使用的方案吧，一直是用部门自己封装的打印npm包，封…

最近因为公司面单打印业务需要，对web前端打印做了一些调研。因为浏览器打印相关的知识比较冷门，很多小可爱可能都不是很熟悉，本篇博客主要是对这段时间扫盲的打印知识做一下记录分享，希望能帮到一些做打印的小可爱。 我们常说的打印其实就是将文档内容显示在物理媒介（比如纸张）上面。但是媒…

出来混，那些混过去的，迟早是要还的 (￣Д ￣)┍ 。 1. 什么是 viewport ? 它的的作用是啥？ 提到 viewport，之前总感觉挺突兀的，但是当我最近做移动端项目时，突然关注到一直被忽略的 meta 标签的时候，才恍然大悟（o(╯□╰)o）。那么，首先让我们来了…

最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem（font size of the root elem…

rem（font size of the root element）是相对长度单位。 相对于根元素（即 html 元素）font-size 计算值的倍数。 适配原理：将 px 替换成 rem，动态修改 html 的 font-size 适配。 也就是说最低兼容到 375 像素的…

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…

工作中接触到了移动端的开发，所以最近学习一下移动端相关内容。 移动端适配的目的 让拥有不同屏幕大小的终端设备拥有一致的 UI 界面，让拥有更大屏幕的终端展示更多的内容