- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端实现0.5边框的tab切换(附带选中)
先贴一张效果图，这是我在网上随便找的，也是本文要实现的效果。先实现一个0.5像素边框<-- 页面结构 --><div class="test"> <p class="test-p">左边</p> <p class="test-p">中间</p> <p class="test-p">右边</p></div><-- 样式 -->.test { disp...
2021-09-07 15:32:22
247
原创 数组如何进行扁平化处理？
一、search()search()的参数是正则表达式，返回值是匹配到的第一个子串的起始index，如果找不到，则返回-1。'JavaScript'.search(/script/i); // 4在此特别强调返回的是第一个子串的起始index，因为search()忽略了全局匹配修饰符/g。如果参数不是正则表达式，会通过RegExp构造函数转换成正则。...
2021-08-11 15:23:18
167
原创 react项目 img两种绝对路径的引入方式
import imgSrc from '@/asset/images/icon.png'render () { return <div> <div> <div> <img src={ imgSrc } /> </div> </div> </div>}第一种用import的引入。 render () { return <div&g.
2020-08-18 17:04:44
1730
原创 egg 运行 npm run dev 报错 nodejs.AppWorkerDiedError 怎么解决？
1，数据库密码错误这个我就不贴代码了，大家自己改一下就好。2，mysql为强密码模式。这个问题是由于mysql安装时傻瓜式一键下一步导致的（我就这样），所以下图选项最好选择第二个，普通模式就不会有这个报错了。但这个错误，那肯定是安装好的，大家可以通过命令行修改为普通模式，步骤如下：1、打开命令行，输入cd /usr/local/mysql/，进入mac文件夹， 此为mac地址， 其他系统的地址我不知道，就麻烦大家自行搜索了。2、切换到bin目录下，输入cd bin3、登录..
2020-07-16 15:23:44
14959
2
原创 eslint常用规则修改
通过项目根目录的.eslintrc文件的rules对象可以修改eslint的规则，不定期更新，以便后查! (此文作为工作参考，非技术指南)"rules": { "semi": 0, // 结尾是否强制添加分号， 0 => 忽略， 1 => 警告， 2 => 报错 "no-debugger": 0 // 是否允许使用debugger调试， 规则同上}...
2020-07-14 15:37:38
2341
原创 axios.delete方法，为什么接收不到参数？
在使用 axios 时发现一个问题。解绑微信的API是使用delete方法处理的，但是我封装的delete方法后端是接收不到参数的。看了下代码，我封装的delete跟post是相同的，并没有什么差别。为什么post没问题delete就有问题?那delete该怎么写？这是我简单封装的几个方法。可以看到并无差别。之所以没有用一个方法进行封装，是为了防止以后能更好的扩展和维护。调用方法的代码...
2019-12-16 15:13:10
1075
原创 HTTP Referer介绍和使用
HTTP 请求的头信息里面，Referer 是一个常见字段，提供访问来源的信息。很多开发者知道这个字段，但是说不清它的具体细节。本文详细介绍该字段。一、Referer 的含义现实生活中，购买服务或加入会员的时候，往往要求提供信息："你从哪里知道了我们？"这叫做引荐人（referrer），谁引荐了你？对于公司来说，这是很有用的信息。互联网也是一样，你不会无缘无故访问一个网页，总是有人告诉...
2019-09-17 11:57:27
2848
转载 VUE的插槽slot
开始的疑惑：随便搞一个vue项目，自定义一个子组件 child，在父组件中引入这个子组件。这个 msg 很明显是绑定的父组件中的msg属性值，可是，为什么这时候这个msg就不显示了呢？接触插槽：官方解释来了：除非子组件模板包含至少一个 <slot> 插口，否则父组件的内容将会被丢弃。当子组件模板只有一个没有属性的插槽时，父组件传入的整个内容片段将插...
2019-04-01 16:02:47
141
原创 JS对象怎么深拷贝？
工作中经常会遇到对象深拷贝的问题，所以这篇文章给大家简单介绍一下对象深拷贝的方法，也可以当做是自己的笔记，以备查看。深拷贝的方法我所了解的也是我工作中常用的有两种。一、JSON数据转换let obj1 = { name: 'Tom', bodyInfo: { foot: 's41' }};let obj2 = JSON.parse(JSO...
2019-03-29 16:54:39
216
转载 Vuex的State和Getter
Vuex 的内脏由五部分组成：State、Getter、Mutation、Action 和 Module。关于这五个部分，我会分为多个章节来进行详细阐述，这一讲就先和大家一起彻底搞定 State 和 Getter。当然，在实际应用中，这五个部分并不是必须的，你需要用到什么就添加什么。但是一般再怎么简单的 Vuex，也至少会由 State 和 Mutation 构成，否则你就该考虑 Vuex 是...
2019-03-28 18:02:30
3595
原创 JS将时间戳转换成几小时前，几天前······
直接上代码！ 当做备忘！getDateDiff (dateTimeStamp) { var result = '' var minute = 1000 * 60 var hour = minute * 60 var day = hour * 24 var month = day * 30 var now = new Date().getTim...
2019-03-26 16:24:16
2304
1
原创 JS数组的四个去重方法
constarr = ['a','bb','22','a','yuci','haha','22'];1、es6的数据结构 —— Setlet arr1 = new Set(arr); console.log(Array.from(unique)); 2、使用push()let arr2 = []; for(let i = 0; i < arr.length;...
2018-11-28 10:54:30
556
原创 如何判断对象是否为函数？
JS中万物皆为对象，function也不例外，而对象都有自己的类属性。类属性是一个字符串，可以通过类属性看出对象的类型信息，例如[object class]，我们可以利用类属性来判断对象是否为函数。function isFun(obj) { retrun Object.prototype.toString.call(obj) === '[object Function]';}v...
2018-10-24 11:40:46
4676
原创 JS数组十个常用的方法
1、join()Array.join()方法是数组转化为字符串的方法，参数为转换后的分隔符，不传默认是逗号。let arr = [1, 2, 3];arr.join(); // '1,2,3'arr.join(''); // '123'arr.join('*'); // '1*2*3'2、reverse()Array....
2018-09-20 12:02:01
240
原创 一些遍历对象属性的常用函数
话不多说，直接上代码！一、对象的复制把对象 a 中的可枚举属性复制到 b 中，如果有同名属性，就将其覆盖，不处理getter和setter以及复制属性。可能有人想到直接用 = 号进行赋值，如果直接采用 b =a 的方式进行复制，会导致修改 b 的同时 a 也会改变，这里涉及到对象数据类型（也有人称之为引用数据类型或复杂数据类型）的浅拷贝问题，所以很容易产生BUG。以下代码可解决此问题：...
2018-09-07 10:18:05
486
原创 判断对象是否包含某个属性的几种方法
1、最简单的方法，就是使用“！==”进行判断，这种方法在工作中很常见，可以看出该方法可以判断继承来的属性。let obj = { x: 1 };obj.x !== undefined; // true 有x属性obj.y !== undefined; // false 无y属性obj.toString !== undefined; ...
2018-08-29 10:38:34
34545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人