前端学习记录

使用css或者css+js实现帧动画。

setInterval延时问题的解决方案

对图片进行遮挡有 overflow: hidden、clip-path 以及 mask-image。overflow是进行超出不显示，通过父元素遮挡超出部分。但是效果不理想。clip-path是进行裁剪，但是裁剪之后image所占空间不会改变。在线工具mask-image是进行image遮挡，没有实践，据说遮挡之后image所占空间不会改变。最后，还是选择使用canvas进行裁剪工作。image会存在底部有间隙的问题？解决办法：对image设置display:block;一、图片剪裁drawIm

除了sadari以外的浏览器，点击按钮后都会成功开启新页面。而在safari中认为window.open()是一种弹窗，而safari浏览器阻拦弹出式视窗。我这里是在uniapp中处理的方式，其他可自行调整。

通常使用 clientHeight+ scrollTop >= scrollHeight 来判断是否触底。含义：元素的像素高度 包含元素的垂直内边距和边框，水平滚动条的高度，且是一个整数。含义：元素的像素高度，包含元素的高度+内边距，不包含水平滚动条，边框和外边距。含义：元素内容的高度，包括溢出的不可见内容。含义：元素滚动到屏幕上面不可见区域高度。

一键复制文本内容input 的数据copyHashText: function () { const hashText = document.getElementsByClassName("hashText")[0]; hashText.select(); // 选中文本 document.execCommand( "Copy" ); // 执行浏览器复制命令 this.InitContacts.titleToast("复制成功")},div的数据copyHashText

react初学笔记

cropper github传送门思路：上传本地图片；预览（因为cropperjs要对显示的块级元素操作）；本地图片出现后；开始选择裁剪选取；选定后裁剪；代替预览的src；最后销毁cropper。代码如下：// html部分<input type="file" id="uploadImg" @change="uploadimage" accept="image/jpg,image/jpeg,image/png,image/PNG"><img id="upload

浅拷贝： 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。（使用栈中的地址，而非堆中的数据）深拷贝：深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。（使用堆中的数据，而非栈中的地址）深拷贝的方法：1. JSON方法var obj1 = { name: 'shen'}var obj2 = JSON.parse(JSON.stringify(obj1))obj2.name = 'shenzhiyong'console.