按照大小压缩图片,或者按照特定分辨率裁切图片,转为blob数据。自动处理ios中可能存在的照片偏差90°问题。 例如,获取300*300大小的头像,实现以下效果: 使用方式: <!-- 引入js文件 --> <script type="text/javascript" src="./compress ...
分类:
其他好文 时间:
2020-04-15 13:48:37
阅读次数:
82
前言 优化! 又是优化! 切图崽们作为整个web应用的纽带,连接着用户行为和机器性能. 而优化的最终意义,在于在这两者之间取得一个最佳的平衡点. 对于图片资源的加载来说,更是如此. 今天我们就来简单说说,项目开发中常见的图片加载优化方式. 预加载 1.遮罩大法 我们经常用jquery, jquery ...
分类:
其他好文 时间:
2020-04-03 20:17:37
阅读次数:
86
前言 业务开发中经常会用到异步函数,这里简单的对异步函数以及它的各种各样的解决方案做一个浅析 优缺点: 优点: 能够极大的提高程序并发业务逻辑的能力. 缺点: 异步函数的书写方式和代码执行逻辑很不直观,回调函数这种方式不太符合人类的的线性思维 异步函数的执行流程通常不好管理 不好对异步函数部署错误处 ...
分类:
其他好文 时间:
2020-04-01 19:07:55
阅读次数:
69
前言 做客户端开发、前端开发对MVC、MVP、MVVM这些名词不了解也应该大致听过,都是为了解决图形界面应用程序复杂性管理问题而产生的应用架构模式。网上很多文章关于这方面的讨论比较杂乱,各种MV模式之间的区别分不清,甚至有些描述都是错误的。本文追根溯源,从最经典的Smalltalk-80 MVC模式 ...
分类:
Web程序 时间:
2020-03-30 11:13:54
阅读次数:
80
工作中我相信大家都遇到过设计要求使用一些奇奇怪怪字体的需求,然后因为字体文件太大,选择切图。 我这个需求就厉害了,用户发的文章可以选择字体。这文章中可以出现的字就太多了,显然上个方案就不合适了,那我们是这么做的呢? 废话不多说,先上 demo。 实现方案 分析一下问题 问题只有一个,那就是字体文件太 ...
分类:
其他好文 时间:
2020-03-18 13:32:19
阅读次数:
157
1,设计搞是带图层的PNG图片 -1,拖动辅助线,截图的时候,希望在附近有吸附效果 --1,首先选中移动工具,自动选择打上勾,选项选成图层,这样操作的效果是,当点击页面的图片时,右侧会自动选中图片的图层,可以通过眼睛来显示和隐藏。选中图层之后,这时拖动辅助线时,附近时会自动吸附 --2,辅助线圈起来 ...
分类:
其他好文 时间:
2020-03-10 12:17:52
阅读次数:
53
本文由月小升博客https://java-er.com翻译自google官方文档https://developers.google.com/speed/webp/docs/cwebp翻译的感觉我背了3年的单词,有点用翻译让我静下心来仔细的阅读官方文档,对webp了解更深入一层了2020.02.29cwebp名字cwebp—压缩一张图片文件为webp文件摘要命令行cwebp[options]inpu
分类:
Web程序 时间:
2020-03-01 00:54:33
阅读次数:
93
一,PS工具 1,组成 菜单栏(上) 工具栏(左) 辅助面板(右) 2,图片常见格式 jpg : 色彩丰富,比较适合做照片格式 png : 可以做透明的图片 gif : 动图 psd : 是设计图的源文件 3,PS的简单操作 ①,alt+鼠标滑轮: 放大缩小图片 ②,辅助面版 : 图层,;历史记录, ...
分类:
Web程序 时间:
2020-02-24 20:40:22
阅读次数:
98
layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发。在vue开发过程中引入layer.js的时候遇到了麻烦。原因是layer.js不支持import导入,这时就需要修改一下它的源码。在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个 ...
分类:
Web程序 时间:
2020-02-10 12:09:55
阅读次数:
97
vue2.5自定义分页组件 Pagination.vue,可设置每页显示条数,带跳转框直接跳转到相应页面,亲测有用。目前很多框架自带有分页组件比如elementUI,不过在面对一个拿到PSD稿,然后重新切图,重新VUE开发的项目来说,自定义分页组件才是应万变的最佳打开方式。 html <templa ...
分类:
其他好文 时间:
2020-02-10 11:57:02
阅读次数:
79