八十易

摘要： 涉及到 JS 的图片压缩，需要用到 Canvas 的绘图能力，通过调整图片的分辨率或者绘图质量来达到图片压缩的效果，实现思路如下： 获取上传 Input 中的图片对象 File 将图片转换成 base64 格式 base64 编码的图片通过 Canvas 转换压缩，这里会用到的 Canvas 的 d 阅读全文

摘要： 开发过程中总会遇到dom节点尺寸变化,去做一些相应的逻辑,第一想到的应该是用$(window).resize()去做,但是这个是监听浏览器窗口的所以这个时候要用 ResizeObserver ResizeObserver可以帮助我们监听一个DOM节点的变化 1.节点的显示和隐藏 2.节点的size变 阅读全文

摘要： QQ 浏览器不支持背景色 #3a8dff99 这种 改成 background: rgba(58, 141, 255, .6) QQ 浏览器和uc 浏览器 input margin 偏大 改成宽度 阅读全文

摘要： 1 解决font-weight：600在安卓机不生效的方法 按照UI设计图给的 font-weight:600 直接设置，发现苹果机是字体是加粗的，安卓机没有变化，改成 font-weight:bold 就好了 阅读全文

摘要： 正则表达式的() [] {}有不同的意思。 () 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。 (\s*)表示连续空格的字符串。 []是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。 {}一般用来表示匹配 阅读全文

摘要： div 实现input 的placeholder效果 contenteditable="true"属性 1 设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如： <div contenteditable="true"></div> .dom1, .dom2, .dom3 { 阅读全文

摘要： 一、拖拽的流程动作①鼠标按下②鼠标移动③鼠标松开 二、鼠标按下事件 ①鼠标按下会触发onmousedown事件 var self = this; self.elements.addEventListener("mousedown",start,false) } ②鼠标移动会触发onmousemove 阅读全文

摘要： Enumerating objects: 60, done. Counting objects: 100% (60/60), done.Delta compression using up to 4 threadsCompressing objects: 100% (57/57), done.Wri 阅读全文

摘要： 引用 垃圾回收算法主要依赖引用的概念，例如一个对象如果有另外一个对象的访问权限，这里就叫做一个对象引用另外一个对象，不论这里是显式还是隐式 回收机制 Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。第二种程序员自己释放 这个算最简单的回收算法，大致是某地对象当没有引用指向它的时 阅读全文

摘要： npm安装： npm install --save js-md5 1.在需要使用的项目文件中引入： 2.或者在main.js文件中将md5转换成vue原型： 在需要用到的文件中使用： 阅读全文