摘要: 涉及到 JS 的图片压缩,需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成 base64 格式 base64 编码的图片通过 Canvas 转换压缩,这里会用到的 Canvas 的 d 阅读全文
posted @ 2022-04-13 10:45 八十易 阅读(5283) 评论(0) 推荐(2) 编辑
摘要: 开发过程中总会遇到dom节点尺寸变化,去做一些相应的逻辑,第一想到的应该是用$(window).resize()去做,但是这个是监听浏览器窗口的所以这个时候要用 ResizeObserver ResizeObserver可以帮助我们监听一个DOM节点的变化 1.节点的显示和隐藏 2.节点的size变 阅读全文
posted @ 2022-04-13 10:27 八十易 阅读(1438) 评论(0) 推荐(0) 编辑
摘要: QQ 浏览器不支持背景色 #3a8dff99 这种 改成 background: rgba(58, 141, 255, .6) QQ 浏览器和uc 浏览器 input margin 偏大 改成宽度 阅读全文
posted @ 2020-04-01 12:06 八十易 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 1 解决font-weight:600在安卓机不生效的方法 按照UI设计图给的 font-weight:600 直接设置,发现苹果机是字体是加粗的,安卓机没有变化,改成 font-weight:bold 就好了 阅读全文
posted @ 2020-04-01 12:04 八十易 阅读(3606) 评论(0) 推荐(0) 编辑
摘要: 正则表达式的() [] {}有不同的意思。 () 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。 (\s*)表示连续空格的字符串。 []是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。 {}一般用来表示匹配 阅读全文
posted @ 2020-01-15 09:30 八十易 阅读(547) 评论(0) 推荐(0) 编辑
摘要: div 实现input 的placeholder效果 contenteditable="true"属性 1 设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如: <div contenteditable="true"></div> .dom1, .dom2, .dom3 { 阅读全文
posted @ 2020-01-14 11:39 八十易 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 一、拖拽的流程动作①鼠标按下②鼠标移动③鼠标松开 二、鼠标按下事件 ①鼠标按下会触发onmousedown事件 var self = this; self.elements.addEventListener("mousedown",start,false) } ②鼠标移动会触发onmousemove 阅读全文
posted @ 2019-12-17 11:29 八十易 阅读(503) 评论(0) 推荐(0) 编辑
摘要: Enumerating objects: 60, done. Counting objects: 100% (60/60), done.Delta compression using up to 4 threadsCompressing objects: 100% (57/57), done.Wri 阅读全文
posted @ 2019-12-17 10:22 八十易 阅读(4078) 评论(0) 推荐(0) 编辑
摘要: 引用 垃圾回收算法主要依赖引用的概念,例如一个对象如果有另外一个对象的访问权限,这里就叫做一个对象引用另外一个对象,不论这里是显式还是隐式 回收机制 Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。第二种程序员自己释放 这个算最简单的回收算法,大致是某地对象当没有引用指向它的时 阅读全文
posted @ 2019-11-13 16:50 八十易 阅读(859) 评论(0) 推荐(0) 编辑
摘要: npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: 2.或者在main.js文件中将md5转换成vue原型: 在需要用到的文件中使用: 阅读全文
posted @ 2019-10-30 16:42 八十易 阅读(7541) 评论(0) 推荐(0) 编辑