13-ElementUI&ElementPlus 参考资料: 集合来自社区贡献的数以千计的插件和库:https://github.com/vuejs/awesome-vue#components--libraries element ui 或 element plus 主要用于管理后台系统。 1. elementUI-vue2elementUI,饿了么UED团队退出的 vue 前端框架,主要用于PC端(偏后台系统)。 官网:https: 2022-05-22 04_大前端 > 04_Vue #Vue #elementUI #elementPlus
15-Vue3.0迁移 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 vue2 迁移到 vue3: https://developer. 2022-05-22 04_大前端 > 04_Vue #Vue #vue3
99-vue工具库&组件库&应用框架 参考资料: vue 生态开源的组件和库集合:https://github.com/vuejs/awesome-vue?tab=readme-ov-file#components--libraries vue3+TS 高颜值组件库(移动端):https://wot-ui.cn/ 1. 工具库1.0 lodash - 工具库Lodash 是一个一致性、模块化、高性能的 JavaScript 实用 2022-05-22 04_大前端 > 04_Vue #Vue #工具库 #组件库
02-React组件状态与属性 参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn 1. 组件数据挂载1.1 状态 state状态就是组件描述某种显示情况的数据,由组件自己设置和更改,也就是说由组件自己维护,使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理)。 state 与 setState sta 2022-05-22 04_大前端 > 07_React #React
03-React组件受控与通信 参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn 1.受控与非受控组件1.1 表单非受控组件 ref 来从 DOM 节点中获取表单数据,就是非受控组件 如果你不介意代码美观性,并且希望快速编写代码,使用非受控组件往往可以减少你的代码量。否则,你应该使用受控组件。 在 React 渲 2022-05-22 04_大前端 > 07_React #React
01-React基础 参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn React17 文档(英文):https://17.reactjs.org/docs/getting-started.html React18 的新内容:https://zh-hans.react.dev/blog/2022/03/2 2022-05-22 04_大前端 > 07_React #React
05-React Hooks 参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn 参考资料:https://juejin.cn/post/7492238013192454170 React HooksReact Hooks 是 React 16.8 版本引入的一项重大特性。它允许在不编写 class 的情况下使用 2022-05-22 04_大前端 > 07_React #React
06-React路由 参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn React Router 官网:https://reactrouter.com/ React Router 教程V6:https://reactrouter.com/6.30.3 React Router 教程V6(中文):https 2022-05-22 04_大前端 > 07_React #React
04-React生命周期 参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn 1. 生命周期v17 & v19组件的生命周期可分成三个状态: Mounting(挂载|初始化):已插入真实 DOM (constructor→render→componentDidMount) Updating(更新|运 2022-05-22 04_大前端 > 07_React #React
08-React+Mobx公共状态管理 参考: Mbox 官网:https://www.mobx.org.cn/ 1. Mobx1.1 介绍(1) Mobx是一个功能强大,上手非常容易的状态管理工具。 (2) Mobx背后的哲学很简单: 任何源自应用状态的东西都应该自动地获得。 (3) Mobx利用 getter 和 setter 来收集组件的数据依赖关系,从而在数据发生变化的时候精确知道哪些组件需要重绘,在界面的规模变大的时候, 2022-05-22 04_大前端 > 07_React #React #mobx