样式小白-优快云博客

原创 redux + react-redux

react-redux提供两个核心的api：Provider: 提供storeconnect: 用于连接容器组件和展示组件Provider根据单一store原则，一般只会出现在整个应用程序的最顶层。connect语法格式为一般来说只会用到前面两个，它的作用是：把的状态转化为展示组件的props把转化为展示组件props上的方法只要上层中有Provider组件并且提供了store, 那么，子孙级别的任何组件，要想使用store里的状态，都可以通过connect方法进行连接。如果只是想连接。

2023-01-30 15:44:02 221

原创 Css实现...省略号的效果

介绍：我们无论写练习或者写项目的时候，像用户名字过长或者文本信息过长需要用到省略号的效果，特此总结一下用法。是叭，我们给div加上overflow：hidden会隐藏掉，但是不太美观就需要用到省略号。还是先写基础代码，我们这次的div高度要大一些。本文分为单行省略号的实现和多行省略号的实现。

2023-01-08 20:39:27 5497 2

原创 express服务端搭建实现登录注册

总结一下，个人很少写后端，对于这种简单的接口其实熟悉流程写个sql语句就好了，高深的代码再继续研究，很喜欢这个脚手架，写起来很方便。代码很简单，我分为了两个模块，一个是数据库的连接，一个是封装方法，写在了自定义db文件夹里面，var mysql = require('mysql');

2023-01-08 20:14:46 1566 1

原创 redux toolkit

是我们官方推荐的编写 Redux 逻辑的方法。它围绕 Redux 核心，并包含我们认为对于构建 Redux 应用必不可少的软件包和功能。Redux Toolkit 建立在我们建议的最佳实践中，简化了大多数 Redux 任务，防止了常见错误，并使编写 Redux 应用程序更加容易。在 React 组件中使用 React-Redux。本篇主要介绍redux toolkit的基础使用。使用的好用的默认设置自动设置 store。使用 React-Redux。创建 Redux store。5、组件中使用状态管理器。

2022-10-30 20:52:24 706

原创浅谈Redux

React只是一个MVC中的视图层，只负责页面的渲染，如果涉及到数据管理，那么在MVC中，就需要用到M和C，Facebook对于当时的MVC框架并不满意，于是有了Flux，Flux不是一个MVC框架，他是一种新的思想。当然，并不是所有的项目redux都适用，如果你与服务器没有大量交互。UI层也很简单，或者用户没有一些写作操作，那么是不建议使用redux的，这会增加复杂性。4、actions创建出对应的action，actions再调用dispatcher的dispatch方法将action传递过去。

2022-10-30 18:14:52 250 1