Excusep的博客

原创 配置vscode代码格式化

当你运行npm run lint或npm run fix时，Prettier和ESLint会自动检查并修复代码格式问题。你还可以使用npm run prettier命令快速格式化整个项目的代码。

原创 多请求参数值更替拿值

多请求参数值更替拿值处理接口取不同参数返回不同值，遍历调用接口返回多promise，最后使用promise.all[]同意处理拿到最终值async getLineData() { let lineDatas = this.querys.map(query => { let obj = { name: query } // 遍历参数数组返回promise数组 return new Promise((res,reject) => {

原创 postMessage处理iframe内嵌项目之间交互

// iframe内嵌项目methods: {callWindowTask(nodeKeys) {// 触发方法通过window.parent.postMessage向外层传递消息window.parent.postMessage({channel: ‘Connect’,type: ‘Ready’,info: {…}}, '’) // ‘’可以修改为具体域名或者ip}}// 外层项目create() {// 监听浏览器对象message方法window.addEventLi

原创 vscode格式化配置

vscode格式化配置准备安装插件eslint、prettier - Code formatter、vetur配置setting.json{ "files.autoSave": "onFocusChange", "vetur.format.defaultFormatter.html": "prettyhtml", "vetur.format.defaultFormatter.css": "prettier", "vetur.format.defaul

原创 函数取弹窗值同步执行处理方案

函数执行打开弹窗返回值后函数再向下执行在实际开发中有这样一种情况：在页面中有一个按钮提交信息，点击提交时需要弹出一个弹窗，拿到弹窗信息值再向下执行，在掉弹窗点确定时我不想再掉一个接口去传值，我想在点击提交时连弹窗中的值一块传给后端。下面是我的解决思路：提交按钮需要拿到弹窗内填写的值，再向下执行调用接口async testFun() { // 1.调用打开弹窗方法，并使用await使得代码同步执行 // 2.await结合promise可以拿到promise返回值 let needs = aw

原创 JavaScript 多if else处理方案

项目开发中总是会复杂的if else；判断较少切逻辑不太复杂不会觉得有怎么样；一旦if else极多，就会觉得特别臃肿；那么怎么样可以更优雅的处理他呢？Dirty -- 1const onClickJumpTo= (status)=>{ if(status == 1){ sendLog('processing') jumpTo('IndexPage') }else if(status == 2){ sendLog('fail') j...

原创 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

报错cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1 cnpm install amfe-flexible+ ~~~~ + CategoryInfo : SecurityError:...

原创 数组方法思维导图

标题

原创 字符串常用方法总结

charAt(): 返回指定下标位置的字符。不存在则返回空字符串var str="hello world";var str1=str.charAt(6);console.log(str1); charCodeAt(): 返回指定下标位置字符的unicode编码,返回值 0 - 65535 之间的整；不存在则返回NANvar str="hello world";var str1=str.charCodeAt(1);var str2=str.charCodeAt(-2); //Na.

原创 小哥哥要表白吗？

程序员也有的浪漫？每一行代码都有爱！！！装逼耍酷，讨女孩子欢心，快来star吧！！！https://github.com/Excusep/Love-eleven-nov/tree/master/Love<--其中之一如下，有喜欢可以试试看其他的哦-->https://excusep.github.io/Love-eleven-nov/Love/%E8%A1%A8%E7%99%BD%E6%83%85%E6%99%AF/index.html...

原创 函数防抖和节流

函数防抖和节流主要是应对一些高频操作时的一种处理手段函数防抖将几次操作合并为一次操作进行。 原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这样一来，只有最后一次操作能被触发。// 防抖function debounce(fn, wait) { var timeout = null; return function() { if(timeout !=...

原创 响应式布局解决方案

1.px与自适应 // 设置布局视口为理想视口时 1 CSS像素 = 物理像素／分辨率 PC端： 1 CSS像素 = 物理像素／分辨率 = 750 ／ 980 =0.76 px iphone6：1 CSS像素 = 物理像素 ／分辨率 = 750 ／ 375 = 2 px2.媒体查询@media screen and (max-width: 960px){ body{ background-color:#FF6699 }}@media scre...

原创 npm引入gojs如何去除水印

有时候某些情况需要去除水印，可以按照以下简单步骤去除：1> 找到你的npm安装的包，找到go.js （vue中路径node_modules/gojs/release/go.js）；2> 找到：7eba17a4ca3b1a8346 所在的这一句代码；3> 等于号后面写成：function() { return true }...

原创 BOM相关属性及方法

原创 webstorm快捷方式

ctrl+shift+N通过文件名快速查找工程内的文件(必记)ctrl+shift+alt+N通过一个字符快速查找位置(必记)ctrl+F在文件内快速查找代码F3查找下一个shift+F3查找上一个ctrl+R文件内代码替换ctrl+shift+R指定目录内代码批量替换ctrl+shift+F指定目录内代码批量查找ctrl+R文件内代码替换ct...

原创 vue中axios+mock模拟数据测试

1.安装cli及所需包npm i vue-cli -gvue initnpm i mockjs -snpm i axios -s2.src文件夹下新建mock文件夹并新建index.js/extend.js/goods.js...其中extends.js为自定义拓展功能，index.js为引入调用文件，goods.js为功能测试模块，还可以添加其他类型模块划分3.mai...

原创 你的所谓正能量

朝着阳光走，影子就会躲在后面，刺眼却是对的方向。 栈和队列的区别是啥? 吃多了拉就是队列，吃多了吐就是栈 懂得但策略的说不（不会这个准备累死吧，程序员） 很多问题不见得会出在你身上，但你亦需要想法解决问题，否则就会变成你的问题 真的，程序员走了管理路线，反而会感到人生非常多浪费时间，太多的精力用来应付各类琐事…… 不断规划与寻找自己的人生，想法...

原创 ES6中常用的方法

let和const 不存在变量提升 console.log(a) // a is not defined let a = 6 块级作用域 {} 不能在同一作用域中重复声明 const 声明只读常量 数组的解构赋值 允许直接匹配赋值 let [a, b, c] = [1, 2, 3] console.log([a,b,c]) // [1...

原创 数组的方法（针对是否改变元素组）

不改变原数组 concat() 连接两个或多个数组，并将新的数组返回，不改变原数组，返回新的数组 join() 把数组中所有元素放入一个字符串，将数组转换为字符串，不改变原数组，返回字符串 slice() 从已有的数组中返回选定的元素，提取部分元素，放到新数组中，参数解释：1：截取开始的位置的索引，包含开始索引；2：截取结束的位置的索引，不包含结束索引。不改变原...

原创 正则常用方法归纳

定义正则对象 构造函数方式 var reg = new RegExp('abc','g') 字面量方式 var reg = /abc/g常用方法 search 查找字符串，查找第一次匹配字符的位置，返回第一次匹配的位置，否则返回-1。 var str="love you";console.log(str.search(/o/g)); // 1 rep...

原创 正则表达式（基本符号篇）

转义字符 /r 回车 /n 换行 /t 制表符 // 代表“/”本身 /^ 匹配符号本身 /$ 匹配符号本身 /. 匹配符号本身 与多种字符匹配的表达式 /d 任意一个数字，0~9之中的任意一个数字 /D 匹配所有非数字字符 /w 任意一个字母或数字或下划线，A~Z,a~z,0~9,_ 中任意一个...

原创 git的一些操作

git 克隆与提交克隆添加代码 git clone 地址 // github克隆代码下来git add * // 添加修改的代码git status // 查看状态git commit -m ".." // 添加备注git push // 远程推送代码修改后提交代码 git pull // 每次上传代码前都要拉代码git add * // 添加修改的代码git ...

原创 浅拷贝和深拷贝

浅拷贝：将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用浅拷贝只是指向被复制的内存地址，原地址的对象发生改变，那么浅复制出来的值也会发生改变深拷贝：创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”开辟了一块内存地址用于存放复制的对象*浅拷贝和深拷贝的区别在于是否真正的获取了一个对象的复制而不是引用...

原创 关于promise的操作

前些时候有个小白朋友说看到有个人写函数嵌套了五层，然后他说，那个人好厉害。其实的在前端里，并不是函数嵌套越多越好，如果嵌套的多的话，可能会出现回调地狱的情况。那么什么是回调地狱呢？当许多功能需要连续调用,环环相扣依赖时,代码一层一层的嵌套,看起来就头疼那种,就产生了回调地狱。下面是我做的一个关于promise的一个demo，可以解除注释放入一个空的html中执行。<script&gt...

原创 js常用计算

// 1.数组去重 var a = [1, 3, 4, 3, 4, 5, 6, 6, 7, 3] var newa = [] a.forEach((item,i) => { if(newa.indexOf(item) === -1) { newa.push(item) } }) console.log(newa) // Array.from...

原创 网页打开过程

一个网页打开的全过程网页打开的一瞬间其实发生了很多的事情，他就像是化学反应，你也许只是将东西投放进容器，但是却会在一瞬间引起一场大爆炸，话不多说，先上一张图来表示： DNS解析域名转换成对应的IP地址，这个过程称作DNS解析。浏览器自身缓存记录Chrome浏览器通过输入：chrome://net-internals/#dns 打开DNS缓存页面1000条左右时间1分钟...