随笔分类 -  js

1
关于原生js的一些记录
kkFileView预览文件 指定预览方式为pdf
摘要:kkFileView 默认预览方式 指定默认预览方式 pdf 阅读全文
posted @ 2024-06-22 18:16 rainbowLover 阅读(2168) 评论(0) 推荐(0)
怎么看这个方法谁调用了?
摘要:前几天改bug,遇到一个问题是有人调用了这个fn更改了一个status,引起的bug,就得看哪里调用了这个方法,然后一搜吓一跳几十个地方,我擦,心想要是有什么手段能看到哪里调用的就好了,debugger只能往下走,这咋办啊? 然后一个一个组件网上找,找一个打个断点。。。。。。。别人都下班了我还没找到 阅读全文
posted @ 2021-06-16 14:37 rainbowLover 阅读(151) 评论(0) 推荐(0)
iframe之间通信
摘要:如题:网页嵌套一个iframe,这个iframe有自己的window对象,有自己的store,数据互不干扰,美滋滋; 但也正因为数据互不干扰,通信就成了难题。 今天记录下跨iframe调用的操作: 1. 在window上注册方法,在子iframe中调用: 父页面:window["messageStr 阅读全文
posted @ 2021-01-14 20:08 rainbowLover 阅读(1670) 评论(0) 推荐(0)
html2canvas导出图片模糊
摘要:最近在做将html渲染的界面导出为图片或者pdf文件 实现思路有三(另外还有需要后台配合的,没有研究就不写了): 一:用系统或者聊天工具的截屏功能,这和代码就没关系了,但优点是不需要前端任何操作,也不需要后台任何配合; 二:用插件html2canvas库,优点是不需要后端配合; 三:也是插件dom- 阅读全文
posted @ 2020-12-25 18:59 rainbowLover 阅读(1729) 评论(0) 推荐(0)
点击其他区域不让编辑器失去焦点
摘要:最近遇到这么个需求:选中编辑器内一段文本,然后点击顶部操作按钮,不想让选中的文字失去选中状态。 实现方式为:阻止编辑器区域外的事件进行事件冒泡。 但是不能直接在onclick上写,因为这个时候事件都冒泡完都到传递的阶段了,你在这个地方防止事件冒泡,晚了。 那就这样写: document.getEle 阅读全文
posted @ 2020-12-18 18:06 rainbowLover 阅读(483) 评论(0) 推荐(0)
你不知道的arguments
摘要:arguments.callee.caller.arguments[0]; 你知道这行代码是什么意思吗? 一开始看到我也是懵逼的,这是什么鬼? 然后就查了下资料,写了个demo,运行了下: function foo(a){ console.log("arg 1>>: ", arguments); c 阅读全文
posted @ 2020-11-26 20:41 rainbowLover 阅读(200) 评论(0) 推荐(0)
js触发复制、粘贴,设置和读取剪切板的数据
摘要:js触发复制、粘贴,设置和读取剪切板的数据 阅读全文
posted @ 2020-11-17 14:13 rainbowLover 阅读(9381) 评论(0) 推荐(1)
5行代码起一个服务
摘要:开发过程中经常会有这样的需求, 写个小demo本地访问会有问题, 需要放到服务器上访问去测试, 怎么快速起一个服务供自己测试显得非常急切: 本文记录下怎么样快速启动一个node服务: const express = require('express'); const path = require(' 阅读全文
posted @ 2020-10-09 15:54 rainbowLover 阅读(135) 评论(0) 推荐(0)
js对象和map的区别
摘要:看一道对象和map的题: function test1(){ var a={},b='123',c=123; a[b]="b"; a[c]="c"; console.log('a :>> ', a);// {123:"c"} console.log('a[b] :>> ', a[b]); // 断言 阅读全文
posted @ 2020-09-12 21:38 rainbowLover 阅读(5356) 评论(1) 推荐(0)
js红任务微任务事件轮巡的面试题
摘要:今天记录下一个关于js宏任务、微任务、事件轮巡机制的经典面试题: async function async1(){ console.log("1"); await async2(); // async2(); console.log("2"); } async function async2(){ 阅读全文
posted @ 2020-09-12 20:41 rainbowLover 阅读(1173) 评论(1) 推荐(0)
安装bcrypt安装不上问题
摘要:bcrypt 加密 安装报错 阅读全文
posted @ 2020-07-27 17:02 rainbowLover 阅读(820) 评论(0) 推荐(0)
js遍历数组有多少种方法
摘要:如果你看完了你会体会到一个人能有多无聊,这东西都能看完!!?? 大概js有以下几种循环遍历的方法: 序号 方法 是否能遍历对象 备注 1 fori循环 经典for循环,据说效率最高 2 fori加强版 减少获取length次数,效率更高 3 forEach return不会终止循环,return相当 阅读全文
posted @ 2020-07-08 23:29 rainbowLover 阅读(451) 评论(0) 推荐(1)
数组浅拷贝有那些简单的方法
摘要:序号 方式 例子 说明 1 concat let res = arr.concat(); 连接数组返回一个新数组 2 slice let res = arr.slice(); 返回选定的元素默认从0开始到结尾 3 解构 let res = [...arr]; 创建了一个新的数组赋值为当前数组的值 4 阅读全文
posted @ 2020-07-08 21:18 rainbowLover 阅读(563) 评论(0) 推荐(0)
vue在munted中获取dom高度不准确的问题
摘要:js任务栈 阅读全文
posted @ 2020-07-06 19:06 rainbowLover 阅读(3579) 评论(0) 推荐(0)
canvas实现验证码
摘要:之前写过用canvas实现验证码的demo不知道扔哪里去了,现在联系组件上传顺带写一个记录一下: <template> <canvas id="canvas" :class="rainbow.canvas" @click="handleCick"></canvas> </template> <scr 阅读全文
posted @ 2020-06-16 10:03 rainbowLover 阅读(316) 评论(0) 推荐(0)
vue组件上传到npm
摘要:vue新建组件并且上传到npmjs并且安装测试全过程 网上搜索到很多都是新建一个简单得vue项目(vue init webpack-simple rlcode)然后修改webpack.config.js但是我项目是通过create创建得没有webpack.config.js文件,咋修改?所以记录一下 阅读全文
posted @ 2020-06-15 19:15 rainbowLover 阅读(473) 评论(0) 推荐(0)
文件读取
摘要:<input type="file" class="file" multiple> <img src="" alt="" id="img"> <script> /*获取到了文件表单元素*/ var file = document.querySelector('.file'); /*选择文件后触发*/ 阅读全文
posted @ 2020-06-05 18:34 rainbowLover 阅读(145) 评论(0) 推荐(0)
监听网络状态
摘要:<p class="tips"></p> <p>事件绑定方法</p> <script src="jquery.min.js"></script> <script> // 通过window.navigator.onLine可以返回当前的网络状态 alert(window.navigator.onLin 阅读全文
posted @ 2020-06-05 18:24 rainbowLover 阅读(247) 评论(0) 推荐(0)
arrray相关随笔
摘要:### 数组系统复习 # 记得面试时候很多都喜欢问js基础的东西,问到最多的也就数组操作,工作中操作数据不过也就字符串、数组、json对象,今天借这个空闲时间再回顾一下数组相关的东西,其它两个有空再整理复习。 '参考链接:https://www.w3school.com.cn/jsref/jsref 阅读全文
posted @ 2020-04-28 11:14 rainbowLover 阅读(274) 评论(0) 推荐(0)
js 数组过滤器filter
摘要:js 数组 过滤器 阅读全文
posted @ 2019-12-17 18:00 rainbowLover 阅读(14866) 评论(0) 推荐(1)

1