2019年6月所遇知识点整理

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导

一， 前端与网关

其实不太懂，收藏了两个网站：前端学HTTP之网关，隧道和中继 理解WEB API网关
公司将一个大的项目拆分成为很多个微服务，每个微服务有不同的独立的服务器，在整合起来的时候，用到了Nginx转发。Nginx技术还没去了解学习，暂放这里

二， 字符串的处理

工作项目中用到了字符串的处理，想着系统的整理一下

方法	作用	实例
concat	将两个或多个字符的文本组合起来，返回一个新的字符串	例子:var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"
indexOf	返回指定字符串在字符串中指定位置开始后首次出现的位置，找到则返回对应的位置，未找到返回-1	str.indexOf(m,n)；m:查找的字符(串);n:开始查找的位置。例子:var index1 =a.indexOf("l");//index1 = 2。var index2 = a.indexOf("l",3);//index2 = 3
length	获取字符串的长度	var len = a.length();//len = 5
charAt	返回指定索引出的字符	str.charAt(n);n:指定位置。例子:var get_char = a.charAt(0);//get_char = "h" console.log(a); //'hello'
charCodeAt	返回指定索引出的unicode字符	str.charCodeAt(n)；n:指定的位置。例子:a.charCodeAt(0); //104
lastIndexOf	返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回 -1	var index1 = lastIndexOf('l');//index1 = 3var index2 = lastIndexOf('l',2)//index2 = 2
match	检查一个字符串匹配一个正则表达式内容，如果么有匹配返回 null。	var re = new RegExp(/^w+$/);var is_alpha1 = a.match(re);//is_alpha1 = "hello"var is_alpha2 = b.match(re);//is_alpha2 = null
substring	返回字符串的一个子串，传入参数是起始位置和结束位置。	var sub_string1 =a.substring(1);//sub_string1 = "ello"var sub_string2 = a.substring(1,4);//sub_string2 = "ell"
substr	返回字符串的一个子串，传入参数是起始位置和长度。	var sub_string1 = a.substr(1);//sub_string1 = "ello"var sub_string2 = a.substr(1,4);//sub_string2 = "ello"
replace	用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。	var result1 = a.replace(re,"Hello");//result1 = "Hello"var result2 = b.replace(re,"Hello");//result2 = ",world"
search	执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。	var index1 = a.search(re);//index1 = 0 var index2 = b.search(re);//index2 = -1
slice	提取字符串的一部分，并返回一个新字符串(与 substring 相同)。	var sub_string1 = a.slice(1);//sub_string1 = "ello"var sub_string2 = a.slice(1,4);//sub_string2 = "ell"
split	通过将字符串划分成子串，将一个字符串做成一个字符串数组。	var arr1 = a.split("");//arr1 = [h,e,l,l,o]
toLowerCase	将整个字符串转成小写字母。	var lower_string = a.toLowerCase();//lower_string = "hello"
toUpperCase	将整个字符串转成大写字母。	var upper_string = a.toUpperCase();//upper_string = "HELLO"

三， Web前端测试相关

收藏的一个链接，Web 前端测试指南

四， input type='file' 去掉提示文字“未选择任何文件”和设置cursor:pointer无效的问题

1，其实文件上传控件的悬浮提示为该input的title属性，所以可以手动给input的title设置空格，即title=“ ”。
2，cursor:pointer无效。设置input padding值即可

五，select的placeholder

select是没有placeholder属性的，于是使用option然后隐藏此选项

<select>
    <option value="" disabled selected hidden>请选择</option>
    <option value="a">A选项</option>
    <option value="b">B选项</option>
</select>

六，跨域问题

跨域这个问题，前端经常会被问。各种网站上面的文章也很多，直接收藏一个整理的很详细的文章
不要再问我跨域的问题了

六，对象复制但是互不影响

其实本质上就是要做到深拷贝