摘要:如果有这样的需求点击一个按钮,复制某个文本的文字到剪贴板以供使用,我们就需要用到一些方法。在上我们复制文本可以使用但是在移动端是不行的。我选用的方案是,实测效果完美。地址我以举例这是我们想要复制的文字复制文案复制成功复制失败 如果有这样的需求:点击一个按钮,复制某个文本的文字到剪贴板以供使用,我们就需要用到一些方法。在pc上我们复制文本可以使用 document.execCommand...
摘要:背景项目中有一个编辑上传用户头像的功能,之前选用了插件来处理编辑图片的功能,现在还想做到类似等选取圆形图像的功能,考虑结合来处理。 背景 项目中有一个编辑上传用户头像的功能,之前选用了cropper插件来处理编辑图片的功能,现在还想做到类似QQ等选取圆形图像的功能,考虑结合cropper来处理。 方案 样式上通过CSS来控制cropper选取框为圆形 .cropper-view-box...
摘要:判断是否为数组操作符运算符会返回一个值,指出对象是否是特定类的一个实例。数组迭代使用指定的函数测试所有元素,并创建一个包含所有通过测试的元素的新数组。让数组的每一项都执行一次给定的函数。遍历数组是对键名的遍历是对键值的遍历是对键值对的遍历。 数组的创建 var arrayObj = []; //普通数组创建 var arrayObj = new Array(); //创建一个数组 va...
摘要:遍历数组查找数组中的一项匹配条件的第一项数组过滤方法接收一个函数作为累加器,数组中的每个值从左到右开始执行方法,最终返回一个值。假如执行执行过程为求和复杂应用将解析为更多文章 遍历数组: for(let item of array) { } // FP // return array array.map((item, index) => {}) 查找数组中的一项: for(...
摘要:好的,这样以来我们的前期准备工作就已经完成了,下面我们来搭建聊天室对应的客户端和服务器端。 websocket简介 websocket其实HTML中新增加的内容,其本质还是一种网络通信协议,以下是websocket的一些特点: (1)因为连接在端口80(ws)或者443(wss)上创建,与HTTP使用的端口相同,几乎所有的防火墙都不会阻塞WebSocket链接 (2)因...