js修改地址栏url_JS总结(转载)

该博客围绕前端开发展开,重点介绍了JS相关知识。涵盖基础入门,如数据类型、数组和字符串方法;常用方法,像数组去重、时间格式化;进阶提升,包括变量提升、闭包机制等;还涉及HTTP基础,如客户端与服务器交互、AJAX知识等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、前端发展史

bf50afdabc0155fd3158827847911f3c.png

二、JS基础入门

1、认识浏览器

006f4e8c5ae718009ba399ab62e2ebea.png

2、JS基础知识

初识JS-基础中的基础

fbcdf1e5fcb20b0cea78f208d23c09fd.png

3、三大输出方式

JS中的三大类输出方式

5e267ff09d520661092fc9fe030ec1bd.png

4、数据类型基础知识

JS中的数据类型简析——基本数据类型值

number 数据类型基础知识

a1df63ce3377cecc535e9fea30a1bde1.png

string 数据类型基础知识

c7328d0105dd4a799365988d9d9cb426.png

boolean 数据类型基础知识

72d2672719493c89a2b91f6ed8f628b6.png

Object 数据类型基础知识

JS中的数据类型object基础

0f85243b7a8c7c8527bf3497eea7d925.png

条件判断里的相互转换规则

525edc84fb81e239e9da9bbcd009f9dc.png

5、数据类型之间的区别(堆栈内存)

数据类型之间的区别(堆内存Heap VS 栈内存Stack)

a1003fac8c98476d1a7088c9f861adbf.png

6、JS中三种常见的判断

JS中三种常见的判断

1d934d967071a8533622a3a97de63e4b.png

7、JS中的for循环

JS循环——for循环

f829c1a415c35c54d991fc5f67baf3a8.png

8、function的基础知识

JS中function的基础知识

4f14ef85ef699cd62f7079f5650134fc.png

9、数组的基础知识

af556eb05fba9360d0c3dfb1d837a38c.png

10、数组中常用的方法

数组中的16种常用方法

b22ef0b597bef89f929b82ea41abefc9.png

数组中常用的方法【补充reduce、filter、flat...】|内附思维导图

af1f118797f90fd498e3705a1770ee67.png

11、Math 中的常用方法

Math中常用的9种方法

65d9646db78b82211fc3b54da91a4c6e.png

12、字符串中常用方法

字符串中的12种常用方法

be254cfc19db4e16116072b20aad2d24.png

三、常用方法

13、数组去重的三种方法

JS中数组去重的三种方法

2ca501a1cef80412b4c47f69b45534ae.png

14、时间格式化的三种方法

JS中时间格式化的三种方法

0ab4204bd1777ef58075070a637b7e29.png

15、URL参数处理的三种方法

JS中URL参数处理的三种方法

af0a16ecc8d578b810a263e1b974107e.png

16、获取随机验证码

1846416306eb1a38205217e35c2ab956.png

17、DOM操作汇总

获取DOM标签的方式

DOM操作之——获取DOM标签的9种方式

21cb5dde96cbeb3197586e77e749c7e5.png

获取DOM节点的方式

DOM操作之——DOM节点类型及属性

220b23234d23dc09a7fcc04b182904aa.png

DOM元素的增删改

DOM操作之——元素的增删改、样式修改、插入内容

795d257cadab690196730dd7aadfa4a7.png

操作DOM元素样式

0f0a0523076b4bc999e5efcb26b49b56.png

四、JS进阶提升

18、变量提升

JS中的变量提升机制

560408ffd61d6a8cadb4d980e3ac7298.png

19、带 var 和 不带 var 的区别

在全局/私有上下文中:带VAR和不带VAR的区别

6d20bf9af771acd96bbfaed23fe60704.png

20、作用域和作用域链查找机制

作用域和作用域链查找机制|内附思维导图

7c37a7d244610567b63667052cd03602.png

21、堆栈内存的释放

JS中堆栈内存的释放问题

a345a7302c93017dfb7dc16123ac8523.png

22、闭包的机制

JS中的闭包机制

2dc764a97442accf58a6b64280194040.png

23、let 和 var 的区别

ES3 定义变量 和 ES6 定义变量的区别

04ad54754feb80440a2cb0792f092be2.png

24、单例/工厂设计模式

JS中的单例/工厂设计模式

7c082d428b18d03b419f08202e32bd93.png

25、面向对象理论基础

JS中的面向对象OOP理论基础

e078eae358bdbc99920061cf4c0a5597.png

26、构造函数创建自定义类

构造函数创建自定义类

a96392d065a84e083173765a6ea69fbd.png

27、原型和原型链

JS中的原型和原型链

833abd99f1bd36bd1a35730f10ee9d4a.png

28、给原型扩展属性和方法

00eafd51ea56768a8b124ccb78f50bff.png

29、THIS 问题

JS中THIS相关问题梳理

67b0284344f27fcfe6b413e632e08419.png

30、call/apply/bind

7f502f9d9d88ad5ed697d1a8d6cf1d89.png

31、获取数组最大/小值的三种方法

获取数组中最大值/最小值的三种基础方法

ce77c92bc5e3314386daf9d76b8cc86b.png

32、类数组转数组的五种方法

dfef0319424a0589a2f5ec6fe0ea2266.png

33、ES6语法

ES6箭头函数和剩余拓展运算符

c173d109d62ed6a226ef2a25888fa522.png

ES6 解构赋值

821396dbc5f9087972f2ebeed8705102.png

ES6 class创建类

264bf6b3d70aeb24117455e93d27e82b.png

34、多种继承方式

JS中的多种继承方式

5a64bd0172f56b3d7ca6b6113c8da3e0.png

35、检测数据类型的四种方法

JS中数据类型检测四种方式的优缺点

a0c655d266aeec4360ddfc3491581f7b.png
796a2b9934a9966b45082237192bfc18.png

36、正则表达式

JS中的正则表达式&&全面梳理|内附思维导图

正则表达式基础

b5782370382921251f1ea73c05f0b5a7.png

正则的匹配和捕获

f8038c2a4230cac2d8223c658181dea1.png

正则相关知识

3a542154348d592bac98dabc7bbb90ac.png

37、JS中的盒子模型

JS中的盒子模型

cfccee345987ee8348356db01a13bba1.png

38、JS中CSS样式的获取方式

ed2f40cee577a59ebb7a19085bcea2a0.png

39、严格模式和非严格模式的区别

非严格模式 ? 严格模式的区别|附思维导图

ff8144b2fc2c49ff9917e19386375cf8.png

40、动画处理——CSS3动画

b9afd8cf40552e98a94ae3caf4b4a416.png

41、动画处理——JS动画

d8ab6e9c89a2a53b0ed21d8afb912790.png

42、插件封装思想

插件封装|封装一个属于自己的轮播图插件——左右切换版

b6cbcc9444f26f1e94868de81338e1f7.png

43、回调函数相关知识点

dfa0447ba96bcecc30ab242b15267d64.png

44、深浅克隆和深浅比较

深克隆 VS 浅克隆|深比较 VS 浅比较|回调函数

7aa9ce34a851b1c4f082f500ef1018e4.png

45、事件

事件及事件绑定 && 事件对象及事件传播——基础知识(脑图梳理)

常用的事件行为

1e76ad2d87879ce8dd008ed77390a4b4.png

事件对象

496171d8aaae46927210ef99e3c895f6.png

事件传播机制

5c794dfc67d2084f5b1c1afde905e1fa.png

DOM0和DOM2

5ea07d4989e671d5b1dcc53b311ec7b8.png

mouseover 和 mouseenter

5234248e3313855d85fd578619286cf2.png

事件委托

ab1a889ecbd37fd1324150d0869fda77.png

46、柯里化函数编程思想

92ccfed8a491806110ec07920d487a3e.png

47、promise基础

0e9fe1517ff906a208c4bc5478360bdf.png

48、promise基础之then

e5743fb687049da1cadb8a4274806ba8.png

五、HTTP基础篇

从在地址栏输入网址到看到页面的过程&&AJAX基础|脑图梳理

49、客户端和服务器交互基础

c41025aeab1ee500f9a857435f676e2f.png

50、URL解析

fa04136fd2587578b6980b2fd1346694.png

51、HTTP请求

92ceafeea033c5c82d3d45d0d2254cae.png

52、浏览器渲染页面的主体流程

8fcbb981e6d6daf7a716208eaa928541.png

53、回流和重绘

9677a75f678166d2da2ba1e6bde9d4a2.png

54、同步异步

764066dad87bab0b4b2c6d215ed87423.png

55、AJAX的串行和并行

ac4ee8370bd5cc2025698b10f705d851.png

56、AJAX基础知识

f5610551573a6871c46c361ca888845b.png

57、AJAX中的全局刷新和局部刷新

075c2f0150370721e3a881ed7e5d2ecd.png


作者:金色小芝麻
链接:https://juejin.im/post/5ebb68796fb9a0435432df8e
来源:掘金

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值