前端组件-框架技术
能吧够
这个作者很懒,什么都没留下…
展开
-
箭头函数和回调函数
箭头函数就是,是简化了的匿名函数,他的调用方法和匿名函数一样()=>{console.log("你好")}原创 2023-10-09 08:52:16 · 224 阅读 · 0 评论 -
前端项目部署依赖包问题
每建立一个项目,都要使用yarn install或者npm install安装package.json 对应所需的依赖,但是要注意还有node_modules 不然即使安装了依赖也没用。对应的操作,需要啥就直接网上搜。node是包含js引擎执行js语言的工具,以前是只有浏览器可以的。npm内置在node中,是包管理工具。yarn是升级boss版。原创 2023-10-08 12:29:18 · 55 阅读 · 0 评论 -
JS类中this指向问题
1、全局内的this --> 均指向window。2、类中的this --> 均指向该类的实例化对象。原创 2023-10-07 15:24:15 · 19 阅读 · 0 评论 -
React框架核心原理
三大核心库与对应的组件。原创 2023-10-05 17:19:15 · 140 阅读 · 0 评论 -
AJAX--Express速成
1、AJAX(Asynchronous JavaScript And XML),即为异步的JavaScript 和 XML。2、异步的JavaScript它可以异步地向服务器发送请求,在等待响应的过程中,不会阻塞当前页面。浏览器可以做自己的事情。直到成功获取响应后,浏览器才开始处理响应数据。3、XML是前后端数据通信时传输数据的。现在比较常用的是 JSON总 : Ajax就是在浏览器不重新加载网页的情况下,对页面的某部分进行更新。4、优势:通过AJAX从浏览器向服务器发送异步请求,原创 2023-10-02 15:26:20 · 1190 阅读 · 0 评论 -
React脚手架-详细解析目录与运行
进入App.js 组件执行render,在App.js 中使用ES6模块语法将此组件 默认暴露 使得index.js 可以找到,(还有周边App.css),最后挂载到页面上。如今都是SPA(single page application)单一页面应用 只有一个主页面,且只有一个节点!首先就是执行入口文件 index.js -- 核心功能就是将组件挂载到页面index.html中的页面节上。index.css 是对页面的渲染(通用型样式) 、App.css 是对组件的渲染。但只能有一个根节点!原创 2023-09-27 17:22:58 · 94 阅读 · 0 评论 -
React中为啥key不可以使用索引值index?(超详细版本)
简单总结说就是:由于索引值本身存在着与列表中的元素的标示关系不是稳定的,key又是虚拟DOM对象的标示,倘若使用索引值作为虚拟DOM的key,将导致虚拟DOM中key与value的标示关系不是稳定的,当更新虚拟DOM时会造成diff算法对大量value未改变的元素更新,进而造成真实DOM大量更新,造成性能下降。特点:从0开始,在列表变化时react重新分配索引值,造成索引值与元素标签的对应关系不是稳定的一一对应。2、唯一标识符id在列表中唯一标识每个元素。1、索引值index是表示列表中每个元素的位置;原创 2023-09-27 14:48:13 · 219 阅读 · 0 评论 -
虚拟DOM与真实DOM详解
先是调用render函数创建出一个新的虚拟DOM树,将新旧虚拟DOM树对比,找到最小更新量然后更新虚拟DOM节点。最后根据更新过的虚拟DOM节点,去修改对应的真实DOM节点。在组件首次被渲染时,先生成虚拟DOM,再根据虚拟DOM树创建真实DOM树,根据真实DOM挂载到页面中正确的位置。此时,每一个虚拟DOM对应一个真实DOM。在渲染视图时会调用render函数,组件创建时与视图依赖的数据更新时均会调用render函数渲染。若采用真实DOM,创建更新插入操作需要巨大的性能消耗,反而会导致渲染效率较低。原创 2023-09-23 12:06:07 · 298 阅读 · 0 评论 -
啥子是DOM???总听,不晓得啥
DOM这个名词应该有两层含义,第一个是根据文档建模出来的一个树形模型,即是DOM树,这是站在浏览器方面的看法。从编程语言来看,它提供了一套操纵文档的API。发展成为一套不依托于浏览器和JS的独立规范,提供了一套完整的访问和修改文档的接口,这些API在浏览器中被广泛使用,不过,也支持python等。1、对于浏览器 ,首次解析文档时,把HTML每个标签解析成一个节点,父元素与子元素连线,整个文档最终形成DOM树的树形结构。3、对于JS,原本对于文档的修改,现在只需要对DOM树的节点进行修改即可,也就是。原创 2023-09-22 21:22:33 · 226 阅读 · 0 评论 -
前端三件套速成
1、基本的文档结构2、标记文本:标题<h1>、段落<p>、列表<ul> <ol>属性3、图像4、超链接<a>5、表格网站:菜鸟教程、原创 2023-09-22 17:43:36 · 171 阅读 · 0 评论 -
React核心原理与实际开发
父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)1.props:2.消息订阅-发布:pubs-sub、event等等3.集中式管理:redux、dva等等4.conText:生产者-消费者模式父子组件:props兄弟组件:消息订阅-发布、集中式管理祖孙组件(跨级组件):消息订阅-发布、集中式管理、conText(开发用的少,封装插件用的多)原创 2023-10-05 21:31:49 · 999 阅读 · 0 评论