![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学前端
Excusep
这个作者很懒,什么都没留下…
展开
-
配置vscode代码格式化
当你运行npm run lint或npm run fix时,Prettier和ESLint会自动检查并修复代码格式问题。你还可以使用npm run prettier命令快速格式化整个项目的代码。原创 2023-11-22 14:01:11 · 199 阅读 · 0 评论 -
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...原创 2021-07-12 00:35:45 · 1717 阅读 · 0 评论 -
数组方法思维导图
标题原创 2021-06-07 21:57:42 · 178 阅读 · 0 评论 -
字符串常用方法总结
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.原创 2021-06-07 21:32:10 · 104 阅读 · 0 评论 -
函数防抖和节流
函数防抖和节流主要是应对一些高频操作时的一种处理手段函数防抖将几次操作合并为一次操作进行。 原理是维护一个计时器,规定在delay时间后触发函数,但是在delay时间内再次触发的话,就会取消之前的计时器而重新设置。这样一来,只有最后一次操作能被触发。// 防抖function debounce(fn, wait) { var timeout = null; return function() { if(timeout !=...原创 2021-02-23 23:57:56 · 77 阅读 · 0 评论 -
响应式布局解决方案
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...原创 2021-02-23 23:48:44 · 99 阅读 · 0 评论 -
npm引入gojs如何去除水印
有时候某些情况需要去除水印,可以按照以下简单步骤去除:1> 找到你的npm安装的包,找到go.js (vue中路径node_modules/gojs/release/go.js);2> 找到:7eba17a4ca3b1a8346 所在的这一句代码;3> 等于号后面写成:function() { return true }...原创 2019-11-18 10:42:46 · 800 阅读 · 0 评论 -
BOM相关属性及方法
原创 2019-09-30 10:01:49 · 267 阅读 · 0 评论 -
webstorm快捷方式
ctrl+shift+N通过文件名快速查找工程内的文件(必记)ctrl+shift+alt+N通过一个字符快速查找位置(必记)ctrl+F在文件内快速查找代码F3查找下一个shift+F3查找上一个ctrl+R文件内代码替换ctrl+shift+R指定目录内代码批量替换ctrl+shift+F指定目录内代码批量查找ctrl+R文件内代码替换ct...原创 2019-09-07 10:23:08 · 188 阅读 · 0 评论 -
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...原创 2019-08-23 18:02:31 · 844 阅读 · 0 评论 -
关于promise的操作
前些时候有个小白朋友说看到有个人写函数嵌套了五层,然后他说,那个人好厉害。其实的在前端里,并不是函数嵌套越多越好,如果嵌套的多的话,可能会出现回调地狱的情况。那么什么是回调地狱呢?当许多功能需要连续调用,环环相扣依赖时,代码一层一层的嵌套,看起来就头疼那种,就产生了回调地狱。下面是我做的一个关于promise的一个demo,可以解除注释放入一个空的html中执行。<script>...原创 2019-04-05 10:56:24 · 148 阅读 · 0 评论 -
浅拷贝和深拷贝
浅拷贝:将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用浅拷贝只是指向被复制的内存地址,原地址的对象发生改变,那么浅复制出来的值也会发生改变深拷贝:创建一个新的对象和数组,将原对象的各项属性的“值”(数组的所有元素)拷贝过来,是“值”而不是“引用”开辟了一块内存地址用于存放复制的对象*浅拷贝和深拷贝的区别在于是否真正的获取了一个对象的复制而不是引用...原创 2019-04-11 13:47:07 · 168 阅读 · 0 评论 -
网页打开过程
一个网页打开的全过程网页打开的一瞬间其实发生了很多的事情,他就像是化学反应,你也许只是将东西投放进容器,但是却会在一瞬间引起一场大爆炸,话不多说,先上一张图来表示: DNS解析域名转换成对应的IP地址,这个过程称作DNS解析。浏览器自身缓存记录Chrome浏览器通过输入:chrome://net-internals/#dns 打开DNS缓存页面1000条左右时间1分钟...原创 2019-04-03 15:12:48 · 613 阅读 · 0 评论 -
git的一些操作
git 克隆与提交克隆添加代码 git clone 地址 // github克隆代码下来git add * // 添加修改的代码git status // 查看状态git commit -m ".." // 添加备注git push // 远程推送代码修改后提交代码 git pull // 每次上传代码前都要拉代码git add * // 添加修改的代码git ...原创 2019-04-12 17:21:31 · 137 阅读 · 0 评论 -
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...原创 2019-04-23 10:36:39 · 352 阅读 · 0 评论 -
正则表达式(基本符号篇)
转义字符 /r 回车 /n 换行 /t 制表符 // 代表“/”本身 /^ 匹配符号本身 /$ 匹配符号本身 /. 匹配符号本身 与多种字符匹配的表达式 /d 任意一个数字,0~9之中的任意一个数字 /D 匹配所有非数字字符 /w 任意一个字母或数字或下划线,A~Z,a~z,0~9,_ 中任意一个...原创 2019-04-18 15:20:26 · 6744 阅读 · 0 评论 -
正则常用方法归纳
定义正则对象 构造函数方式 var reg = new RegExp('abc','g') 字面量方式 var reg = /abc/g常用方法 search 查找字符串,查找第一次匹配字符的位置,返回第一次匹配的位置,否则返回-1。 var str="love you";console.log(str.search(/o/g)); // 1 rep...原创 2019-04-19 15:31:33 · 178 阅读 · 0 评论 -
数组的方法(针对是否改变元素组)
不改变原数组 concat() 连接两个或多个数组,并将新的数组返回,不改变原数组,返回新的数组 join() 把数组中所有元素放入一个字符串,将数组转换为字符串,不改变原数组,返回字符串 slice() 从已有的数组中返回选定的元素,提取部分元素,放到新数组中,参数解释:1:截取开始的位置的索引,包含开始索引;2:截取结束的位置的索引,不包含结束索引。不改变原...原创 2019-04-19 15:53:31 · 524 阅读 · 0 评论 -
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...原创 2019-04-04 09:15:00 · 360 阅读 · 0 评论