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返回指定字符串在字符串中指定位置开始后首次出现的位置,找到则返回对应的位置,未找到返回-1str.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返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1var 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无效的问题

《2019年6月所遇知识点整理》
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>

六,跨域问题

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

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

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

    原文作者:小缘
    原文地址: https://segmentfault.com/a/1190000019383389
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞