Ajax总结

弁言

这是属于前端的部门了，先是学习了三件套（HTML,JS,CSS没怎么学，但是大概能明白）之后就开始学习这个了，学习之前应该要知道她是做什么的，但是我没有做这一步，之后会先相识为什么要学习这门技能这个知识点，他们是干什么的。相识清楚之后，学习才会清楚，否则就糊里糊涂的学完了，到末了了才开始总结。

Ajax先容

是什么？

Ajax（Asynchronous JavaScript and XML）技能在当代Web开发中饰演着至关紧张的脚色。它答应我们在不重新加载整个页面的情况下，与服务器交换数据和更新部门网页内容。
工作原理

•         传统Web哀求与相应模子 在相识Ajax之前，我们先来看看传统的Web哀求与相应模子。在传统模式下，用户发起一个哀求，服务器处理处罚哀求并返回整个页面的数据，欣赏器再重新加载整个页面。
  
•         Ajax哀求与相应模子 Ajax的工作原理是在用户与服务器之间创建一个中心层（Ajax引擎），使得用户利用与服务器相应异步化。以下是Ajax的工作流程：约莫是这么一个流程，不全的话反面再增补（这里利用的是XHR）。
  

XMLHttpRequest

方法形貌open(method, url, async)                        规定哀求的范例
                       

• method：哀求的范例：GET 还是 POST
  
• url：服务器（文件）位置
  
• async：true（异步）或 false（同步）
  

send()向服务器发送哀求（用于 GET）send(string)向服务器发送哀求（用于 POST）
四种哀求方法

	get	post	put	delete
先容	GET 哀求用于向指定资源发出哀求，哀求中包罗了资源的 URL 和哀求参数。服务器端通过分析哀求参数来返回相应的资源，不会修改服务器端的状态。	POST 哀求用于向指定资源提交数据，通常会导致服务器端的状态发生厘革。比方，在 Web 表单中填写用户信息并提交时，就是利用 POST 哀求方式将表单数据提交到服务器存储。	PUT 哀求用于向服务器更新指定资源，可以明白为对服务器上的资源举行修改利用。利用 PUT 哀求方式会覆盖原有的资源内容，因此须要审慎利用。	DELETE 哀求用于哀求服务器删除指定的资源，可以明白为对服务器上的资源举行删除利用。利用 DELETE 方式哀求会导致指定的资源被永世删除，因此须要审慎利用。
长处	可以被缓存和欣赏器生存。                         对服务器性能的影响较小。	可以提交比 GET 更大的数据量。                         相对更安全，由于哀求参数不会被包罗在 URL 中。	PUT 哀求用于向服务器更新指定资源，可以明白为对服务器上的资源举行修改利用。利用 PUT 哀求方式会覆盖原有的资源内容，因此须要审慎利用。	可以永世删除指定的资源。
缺点	不得当用于提交敏感数据。                         仅实用于对资源举行查询利用，不能修改服务器端的状态。	对服务器性能的影响较大。                         不实用于对同一资源举行多次利用。	对服务器性能的影响较大。                         不实用于对同一资源举行多次利用。	对服务器性能的影响较大。                         不实用于对同一资源举行多次利用。
应用场景	获取资源信息。                         对资源举行查询利用。	向服务器提交表单数据。                         向服务器上传文件。                         创建资源或提交数据到服务器。	更新指定的资源。                         按照条件更新一组资源。	删除指定的资源。                         按照条件删除一组资源。
分析			post 哀求所代表的写入数据是一种数据创建举动、从无到有的过程，而 put 则是数据更新举动。                         HTML 不支持 put 哀求方法	HTML 不支持 delete哀求方法,                         要实验 Delete 哀求方法和 put 哀求方法，只能利用专门的 REST 测试工具，比方 Postman 来发起哀求。

两种加载的对比

对比项	load	loaded
根本寄义	通常体现加载的动作或过程正在举行中，夸大 “加载” 这一举动的发生。	更侧重于体现已经完成加载的状态，即 “已加载”。
常见利用场景	- 在网页开发中，window.onload 变乱用于在整个页面（包罗全部资源，如图片、脚本、样式表等）加载完成后实行特定的 JavaScript 代码，这里的 load 夸大页面加载这个过程竣事的瞬间触发的动作。                         - 比方 document.getElementById('myImage').onload = function() { /* 图片加载完成后实行的利用 */ }，当图片开始加载，到加载竣事的这个过程中，onload 变乱在加载完成的那一刻被触发，实行后续的函数代码，关注的是加载动作的完成时间及后续利用。	- 当讨论一个资源（如图片、脚本文件等）已经被乐成加载到内存中，处于可利用的状态时，会用 loaded 来形貌这种状态。比如，我们大概会说 “这个脚本文件已经 loaded，可以调用此中的函数了”，此时夸大的是资源当前所处的已加载完成的状态，而非加载过程。                         - 在一些库或框架中，大概会有属性或变量来标志某个模块或资源是否已经 loaded，以便在步调中判断是否可以安全地利用该资源，克制在未完全加载时出现错误。
语法及利用方式	- 作为变乱时，通常以 onload 的情势出现，绑定到某个元素或对象上，如上述的 window.onload 和 img.onload 等，反面跟着一个函数，当加载完成时，该函数会被调用实行。                         - 在某些情况下，也可以作为动词利用，比方 loadData() 如许的函数名，体实际行加载数据的利用，但这种用法相对较为机动，详细寄义取决于函数的实现逻辑和上下文，不外总体上还是围绕 “加载” 这个动作睁开。	- 一样平常作为形容词或已往分词利用，用来修饰名词，表明该名词所代表的事物处于已加载的状态，如 loadedResource（已加载的资源）；大概在步调逻辑中作为一个状态标志，通过判断某个变量是否为 loaded 来决定后续的利用流程，比方 if (moduleLoaded) { /* 实行依赖于该模块已加载的利用 */ }。

头脑导图的迭代

个人头脑导图先容

一样平常我的第一版的头脑导图都是从条记中提炼出来的，不管怎么样现有一个开始，然后又徐徐根据358原则举行修改和整合，以是说第一版的是比力多的，由于纯粹是知识点的堆积，之后才是概括，
头脑导图的作用

下面是AI出来的，给本身灌一下心灵鸡汤，总之是有效的，否则也不会发明，保举利用Xmind,内里的模板比力悦目，配色也很悦目


知识整理与归纳

 

• 体系性梳理：可以或许将复杂的知识体系、繁多的信息内容举行体系的梳理和分类，以清楚的结构出现出来，资助用户快速把握知识的团体框架和逻辑关系。比方，在学习汗青时，可以将各个汗青时期的政治、经济、文化等方面的内容分别睁开，形成一个完备的汗青知识体系头脑导图。
  
• 要点提炼：便于从大量的笔墨资料中提取出关键要点，去除冗余信息，使重点更加突出，让用户一眼就能看到焦点内容。比如，在阅读一本专业册本后，通过制作头脑导图可以提炼出书中的焦点观点、紧张概念和关键论据等。
  

影象与学习辅助

 

• 增强影象结果：由于头脑导图采取了图形、线条、颜色等多种视觉元素，相较于纯笔墨内容，更能刺激大脑的影象中枢，资助用户更好地记着信息。研究表明，人们对图形的影象本领要远远强于对笔墨的影象本领。
  
• 促进明白罗致：通过将知识以可视化的方式展示出来，可以或许资助用户更好地明白知识之间的内在接洽和逻辑关系，从而加深对知识的明白和罗致。比方，在学习数学公式的推导过程时，利用头脑导图可以将各个步调之间的逻辑关系清楚地显现出来，使弟子更轻易明白。
  
• 复习回顾便捷：在复习时，头脑导图可以作为一个快速回顾的工具，用户可以根据头脑导图中的关键词和逻辑关系，灵敏追念起所学的内容，进步复习服从。
  

头脑引发与创意拓展

 

• 引发创新头脑：在绘制头脑导图的过程中，不绝地对中心主题举行分支和扩展，可以或许引发大脑的遐想和创造力，资助用户产生新的想法和思绪。比方，在举行产物创意操持时，以产物的焦点功能为中心主题，通过头脑导图可以拓展出各种差别的操持方向和创新点。
  
• 多角度思索题目：头脑导图可以引导用户从差别的角度去思索题目，对一个主题举行全方位的分析和探究。比如，在分析一个企业的市场营销计谋时，可以从产物、代价、渠道、促销等多个角度睁开，资助企业全面相识市场情况，订定更有效的营销计谋。
  
• 团队头脑风暴：在团队协作中，头脑导图是一种非常有效的头脑风暴工具。团队成员可以围绕一个主题共同绘制头脑导图，将各自的想法和观点展示出来，促进团队成员之间的头脑碰撞和交换，引发团队的创造力和创新本领。
  

沟通与表达

 

• 清楚展示思绪：在向他人转达本身的想法、观点或操持时，头脑导图可以作为一种直观、清楚的展示工具，让对方可以或许快速明白你的思绪和意图。比方，在做项目陈诉时，利用头脑导图可以将项目标目标、使命、进度、风险等内容一览无余地展示给团队成员和上级领导。
  
• 促进有效沟通：由于头脑导图可以或许将复杂的内容简化和可视化，淘汰了因语言表达不清楚或信息转达不正确而导致的误解，从而促进了沟通的有效性。在团队讨论、集会交换等场合，利用头脑导图可以让各人更加聚焦于主题，进步沟通服从。
  
• 个性化表达观点：每个人绘制的头脑导图都具有独特的风格和结构，可以或许体现个人的头脑方式和观点，因此在表达个人观点时，头脑导图可以更加生动、形象地展示本身的独特看法，增强说服力。
  

操持与构造

 

• 使命规划：可以用于订定详细的工作操持、学习操持、项目操持等，将使命按照时间次序、紧张水平、优先级等举行公道的安排和分配，使操持更加清楚、有条理。比方，在订定一个项目操持时，通过头脑导图可以将项目标各个阶段、使命、责任人、时间节点等都明白地列出来，方便项目团队成员相识各自的工作职责和使命进度。
  
• 资源管理：在构造活动或项目时，头脑导图可以资助构造者对所需的资源举行全面的梳理和管理，包罗人力资源、物力资源、财力资源等，确保资源的公道设置和有效利用。
  
• 目标分解：将一个大的目标徐徐分解为详细的、可利用的小目标和使命，使目标更加明白和可实现。比方，在订定个人职业发展规划时，通过头脑导图可以将长期目标分解为短期目标和详细的举措操持，资助本身更好地朝着目标进步。
  

 头脑导图在知识整理、影象学习、头脑引发、沟通表达以及操持构造等方面都发挥着紧张的作用，可以或许资助个人和团队进步工作服从、提升学习结果、拓展创新头脑等。
第一版

第二版

这一版比力马虎，可以说是半成品，拼集着看吧，由于本身整理到这里的时间也是有点晕的

第三版

这一版的是联合了AI的，内容比力多，后续肯定会删撤消一些的，内容太多，照片放上去肯定看不清，我本身知道是什么就好了

第四版

这是终极的版本了，之后应该还会再改的，毕竟学Ajax的时间不是纯的，参和着axios，之后另有jQuery要学

到这里的话根本上是竣事了，等待下一次的jQuery吧！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。