![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 90
灰灰_Glory
throttle
展开
-
React-Router V5
现代的前端应用大多数是SPA(单页应用程序),也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器压力更小,所以更受欢迎。为了有效的使用单个页面来管理多页面的功能,前端路由应运而生。前端路由功能:让用户从一个视图(页面)导航到另一个视图(页面)前端路由是一套映射规则,在React中,是URL路径与组件的对应关系使用React路由简单来说,就是配置路径和组件。原创 2023-05-12 22:13:28 · 97 阅读 · 0 评论 -
React原理
setState() 的两个作用过程:父组件重新渲染时,也会重新渲染子组件,但只会渲染当前组件子树(当前组件以其所有子组件)需求:随机生成数字,显示在页面,如果生成的数字与当前显示的数字相同,那么就不需要更新UI,反之更新UI。利用nextState参数来判断当前组件是否需要更新利用props参数来判断是否需要进行更新纯组件作用以及使用纯组件: PureComponent 与 React.Component 功能相似区别: PureComponent 内部自动实现了 shouldComponen原创 2023-05-12 22:08:18 · 89 阅读 · 0 评论 -
React组件生命周期
意义:组件的生命周期有助于理解组件的运行方式,完成更复杂的组件功能、分析组件错误原因等组件的生命周期: 组件从被创建到挂载到页面中运行,再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数构造函数的作用:为开发人员在不同阶段操作组件提供了实际思考:如果两个组件中的部分功能相似或相同,该如何处理?处理方式:复用相似的功能复用什么?state操作state的方法两种方式:render props模式高阶组件(HOC)原创 2023-05-12 21:57:43 · 54 阅读 · 0 评论 -
React组件
组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通,这个过程就是组件通讯。原创 2023-05-12 21:48:48 · 37 阅读 · 0 评论 -
React基础
React是一个用于构建用户界面的javaScript库,起源于facebook的内部项目,后续在13年开源了出来由于通过createElement()方法创建的React元素有一些问题,代码比较繁琐,结构不直观,无法一眼看出描述的结构,不优雅,用户体验不爽JSX是JavaScript XML 的简写,表示在JavaScript代码中写HTML格式的代码优势:声明式语法更加直观,与HTML结构相同,降低了学习成本,提升开发效率.原创 2023-05-12 21:36:33 · 40 阅读 · 0 评论 -
Pinia基础
Pinia 是 Vue 的专属状态管理库,可以实现跨组件或页面共享状态,是 vuex 状态管理工具的替代品。原创 2023-05-09 20:22:28 · 60 阅读 · 0 评论 -
Vue项目打包发布
前端资源打包在每个项目中都会有涉及,每位开发者都希望打包是用最少的时间构建出最小的代码,这不仅能提高团队中的效率,也能提高页面的访问性能。原创 2023-05-07 14:55:10 · 1606 阅读 · 0 评论 -
Vue3基础
通过 Counter 案例 体验Vue3新引入的组合式API。原创 2023-05-09 20:19:42 · 49 阅读 · 0 评论 -
JavaScript 高级
JavaScript高级语法,包含ES6+常用语法、常见的面试题原创 2023-04-13 20:06:51 · 56 阅读 · 0 评论 -
JavaScript DOM&BOM
DOM 文档对象模型, 定义了一套操作HTML文档的API;BOM 浏览器对象模型,定义了一套操作浏览器窗口的API原创 2023-04-10 15:18:09 · 130 阅读 · 0 评论 -
JavaScript 基础
零基础入门前端的开发的必备知识原创 2023-04-09 00:03:42 · 377 阅读 · 0 评论