//str=‘1a2a3a4a5a’;
//字符串中的字符转换为小写 toLowerCase()
var lower=str.toLowerCase(); //lower=‘1a2a3a4a5a’;
//str=‘1a2a3a4a5a’;
//返回某字符或字符串在str中出现的位置(获取字符串的下标) indexOf() lastIndexOf() search()
//获取字符串值的对应的下标 indexOf() (返回第一次出现的位置)
var indexOf=str.indexOf(‘a’); //valueOf=1; 返回’a’第一次出现的位置
//获取字符串值的对应的下标 lastIndexOf() (返回最后一次出现的位置)
var lastIndexOf=str.lastIndexOf(‘a’); //valueOf=9 返回’a’最后一次出现的位置
//搜索制定字符的下标 search()
var search=str.search(/a/g); //search=1; 搜索’a’出现的位置(第一次)
var searchT=str.search(3); //searchT=4; 搜索’3’出现的位置(第一次)
str.search(‘y’); // -1 ; 搜索 ‘y’ 出现的位置,未找到 返回 -1
str.search(“3a”); // 4 ; 搜索 ‘3a’ 出现的位置(第一次)
//获取字符串的值 charAt() match() slice() substr() substring()
//根据指定下标选定对应字符 charAt() (返回匹配到的值)
var charAt=str.charAt(4); //charAt=3; 查找下表为4的字符
//选定根据条件所匹配的值 match() (返回查找到的值,未找到返回null)
var match=str.match(/\d+/g); //match=[“1”, “2”, “3”, “4”, “5”]; 查找字符中所有的数字
str.match(/(5)/g); // [“5”] ; 查找字符串中的5
str.match(/6/g); // null ; 未查找到6 返回null
//截取两个下标间的字符串 slice(start,end) 包含start的索引值值不包含end的索引值值(可以接受负数)
var slice=str.slice(-3,-1); //slice=‘a5’; 从下标为2(包含)的字符开始到下标为6(不包含)的结束
str.slice(3, 5); // a3; 从下标3(包含)开始截取到下标(不包含)5结束
str.slice(3); //a3a4a5a ; 从下标3(包含)开始截取到末尾
//截取两个下标间的字符串 substring(start,end) 包含start的索引值值不包含end的索引值值(不可以接受负数)
【从索引值到索引值之间的截取】
var substring=str.substring(2,5); //substring=‘2a3’; 同上(和slice类似)
//从索引值开始的值截取制定长度的字符 substr(start.length)
【从索引值开始的长度】
var substr=str.substr(3,5) //substr=‘a3a4a’; 从下标为3(包含3)的字符开始,一共截取5个
//替换指定的字符串 replace()
var replace=str.replace(/\d/g,6); //replace=‘6a6a6a6a6a’; 把str中的数字替换为6
var replaceT=str.replace(‘a’,‘A’); //replaceT=‘1A2a3a4a5a’; 把str中的’a’(第一次出现位置的)替换为A
//拼接一个或多个字符串 concat() 把两个或多个字符串拼接为一个新的字符串
var strO=‘12345’;
var strT=‘abcde’;
var concat=strO.concat(strT,str); //concat=‘12345abcde1a2a3a4a5a’;
//字符串转换为数组 split() 参数为指定分割符
var split=str.split(‘’); //split=[‘1’,‘a’,‘2’,‘a’,‘3’,‘a’,‘4’,‘a’,‘5’,‘a’]; 以’'分割
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
css
1,盒模型
2,如何实现一个最大的正方形
3,一行水平居中,多行居左
4,水平垂直居中
5,两栏布局,左边固定,右边自适应,左右不重叠
6,如何实现左右等高布局
7,画三角形
8,link @import导入css
9,BFC理解
js
1,判断 js 类型的方式
2,ES5 和 ES6 分别几种方式声明变量
3,闭包的概念?优缺点?
4,浅拷贝和深拷贝
5,数组去重的方法
6,DOM 事件有哪些阶段?谈谈对事件代理的理解
7,js 执行机制、事件循环
8,介绍下 promise.all
9,async 和 await,
10,ES6 的 class 和构造函数的区别
11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式,
12,介绍一下rAF(requestAnimationFrame)
13,javascript 的垃圾回收机制讲一下,
14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?
实现动画方式,
12,介绍一下rAF(requestAnimationFrame)
13,javascript 的垃圾回收机制讲一下,
14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?
[外链图片转存中…(img-eTNw6pgO-1711642724952)]