2020年09月_Codingwithlife

11月 10月 09月 08月 07月 06月

原创 JS中构造函数、实例对象和原型对象三者之间的关系

今天在看检测对象私有属性时，有这样一个题let arr=new Array();arr.a=1;arr._proto_.b=2;arr.hasOwnProperty("a") //truearr.hasOwnProperty("b") //false这个题出现了_proto_,我就想起来自己原型链，尤其是构造函数、实例对象和原型对象三者之间的关系不是很懂，就写下这篇文章。我们首先要知道：一个需要共享并且通过实例对象调用的方法，是在构造函数的原型对象中的。（实例对象原型__pro

2020-09-27 18:17:12 311

原创 new的实现原理

目录1.new的四个步骤2.new的实现过程3.例子 1.new的四个步骤创建一个空对象→这个新对象继承原函数的原型→更改this指向，为对象设置属性→返回新对象1.创建一个空对象varobj={}2.这个新对象继承原构造函数的原型obj._proto_=Constructor.prototype3.更改this指向，为对象设置属性letresult=Constructor.apply(...

2020-09-27 17:40:14 2533

原创 CDN内容分发网络

https://mp.weixin.qq.com/s?src=11&timestamp=1601170202&ver=2609&signature=nR717SwfIPvqw2WTG5-NqKur3MGwRHfOCmltnfXEgf3l8pdldOLD*4MGcotztRXQ75d7y0vFHA271nuFY5zANMOtEADC62vS9mSfwvxrXhRTCPi3LOtV20jfoCO9ce67&new=1

2020-09-27 09:59:26 106

原创 Cookie、sessionStorage、localStorage的区别

一、localStorage（本地存储）永久存储localStorage用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。最大可以存储5MB 将第一次请求的数据直接存储到本地，相当于一个5M大小的针对于前端页面的数据库只支持string类型的存储局限：1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性。（IE8以下不兼容）2、目前所有的浏览器中都会把l...

2020-09-26 20:20:04 86 1

原创 git生成并添加SSH key

git生成并添加SSH key一、生成ssh1、安装Git Bash https://git-scm.com/downloads2、鼠标右键git bash here3、执行以下命令：① cd ~/.ssh/ ② git config --global user.name "你的github用户名"③ git config --global user.email "你的github邮箱"④ ssh-keygen -t rsa -C "你的github邮箱...

2020-09-23 11:53:06 206

原创 vue各种报错及其原因

错误提示npm ERR! code ENOSELFnpm ERR! Refusing to install package with name "vuex" under a packagenpm ERR! also called "vuex". Did you name your project the samenpm ERR! as the dependency you're installing?npm ERR!npm ERR! For more information, see:np

2020-09-21 17:49:20 996

原创 Vue动态路由步骤

Path和component的匹配关系就称为动态路由

2020-09-16 19:37:40 496 1

原创 div获取焦点的方法

div元素能实现获取焦点的方法：给div元素添加一个 tabindex属性，这个属性的取值范围为≥0的整数。tabindex属性值越小（最小为0）其所在的标签越先得到焦点 <style> div{ width: 100px; height: 100px; outline:none; background-color: #f00; } </..

2020-09-04 15:58:24 1777

原创很简单的判断JavaScript数据类型方法

代码：function type(data) { let value = /\[object (\w+)]/.exec( Object.prototype.toString.call(data) ); return value ? value[1].toLowerCase() : '';}执行结果：解释：（1）/\[object (\w+)]/.exec正则表达式的匹配，其中前中括号[:表示中括号表达式的开始，属于特殊字符，要匹配...

2020-09-04 10:46:31 169 1