- 博客(7)
- 收藏
- 关注
原创 node+mysql做ssr渲染(demo例子)
前言:现在前端主要使用vue和react做spa单页面应用,但有美中不足。ssr服务器渲染也是一个潮流。空余时间自己用node+mysql做个demo例子,主要是学会如何工作的。技术:node(前端)+mysql(数据库)我们可以用脚手架创建一个项目,这里就不多说了,不会去百度。下面就是一个基础目录我创建的是react,因为这次没有用到react,所有我们所有操作都在server文件夹下创建一个server文件夹,先安装koa,node创建服务器很简单。1.我们在app...
2021-11-25 09:56:19
1042
原创 关于的Antd按需引入
一:React项目遇到的问题1.使用create-react-app <项目名> 创建项目 运行npm run eject 弹出config文件夹2.配置antd按需加载 需要先安装babel-plugin-import 》npm installbabel-plugin-import --save-dev因为create-react-app官方脚手架升级了,没有webpack.config.dev.js和webpack.config.prod这两个...
2021-08-31 15:49:59
2311
原创 redux-saga的介绍和使用
是个什么东西呢?redux-saga 是 redux 一个中间件,用于解决异步问题。具体可以去百度搜索一下。不在这里过多介绍了如何使用redux-saga?先看下我的结构,分为了四个文件夹acions> 表示动作 constants>一些变量的定义 reducers>也是表示动作 sagas>中间件处理下面来实现异步请求Api的功能创建constants/index.jsexport const FETCH_REQUESTT = 'F...
2021-07-21 16:11:34
1612
原创 这可能是目前对redux最通俗的解释了
最近在学习react全家桶,于是在网上搜了很多资料,做了很多demo。终于明白了redux是一个什么东西了。一、为什么要用redux每一个工具的出现都是为了解决某一个痛点,react的痛点就是繁琐的props和state操作,举个例子:A主页下有个工具栏B,工具栏B下有个按钮,按钮可以更新控件D,但只能通过A->C->D,这个时候如果想要点击B下的按钮更新D,需要将数据作为props从A传到C传到D,然后再在A中写一个函数用来更新这个state,然后把这个函数作为props传入B,作为按
2021-07-20 16:05:40
228
1
原创 有趣:动态打字效果、背景粒子效果,四位验证码
在React项目中,用到的有趣的小插件如:动态打字效果、背景粒子效果一.动态打字效果封装了一个js方法,可以随时使用,废话不多说,直接撸源码test.js文件代码expotr const dz=(参数a,参数b)=>{ //使用ES6的箭头函数,a,b参数是前台视图层传过来的 let str = b,timer=0,i=0; funcition typeing(){ if(i<=str.lenght){ a.innerHtml = .
2021-05-08 18:25:42
257
原创 CSS中关于div的对齐方式
关于DIV的几种对齐方式常见问题:一个盒子在另一个盒子里面咋么,怎么让他水平居中1.Flex 方法将父元素设设置为弹性布局:display: flex再设置属性:justify-content: center(justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。)再设置属性:align-items: center;(align-items 属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。)display: flex;
2021-05-07 17:51:25
5110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人