博客园 - fozero
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=119270
2023-09-20T06:49:57Z
fozero
https://www.cnblogs.com/fozero/
feed.cnblogs.com
https://www.cnblogs.com/fozero/p/17717323.html
qiankun微前端实践 - fozero
为什么要使用微前端 微前端架构具备以下几个核心价值: 技术栈无关 主框架不限制接入应用的技术栈,微应用具备完全自主权 独立开发、独立部署 微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新 增量升级在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前
2023-09-20T06:47:00Z
2023-09-20T06:47:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】为什么要使用微前端 微前端架构具备以下几个核心价值: 技术栈无关 主框架不限制接入应用的技术栈,微应用具备完全自主权 独立开发、独立部署 微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新 增量升级在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前 <a href="https://www.cnblogs.com/fozero/p/17717323.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/17552515.html
nestjs入门学习总结(五):实现用户登录注册功能 - fozero
### 实现用户注册 1. 我们先使用命令创建两个模块,分别是用户模块和授权模块 ``` nest g resource auth nest g resource user ``` 2. 编写用户实体 ``` import { Entity, Column, PrimaryGeneratedColu
2023-07-13T15:38:00Z
2023-07-13T15:38:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】### 实现用户注册 1. 我们先使用命令创建两个模块,分别是用户模块和授权模块 ``` nest g resource auth nest g resource user ``` 2. 编写用户实体 ``` import { Entity, Column, PrimaryGeneratedColu <a href="https://www.cnblogs.com/fozero/p/17552515.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/17552498.html
nestjs入门学习总结(四):实现接口统一格式及请求参数验证 - fozero
### 接口格式统一 - 请求成功返回 ``` { "code": 0, "message": "OK", "data": [] } ``` - 请求失败返回 ``` { "code": -1, "message": "error reason", "data": null } ``` #### 请
2023-07-13T15:29:00Z
2023-07-13T15:29:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】### 接口格式统一 - 请求成功返回 ``` { "code": 0, "message": "OK", "data": [] } ``` - 请求失败返回 ``` { "code": -1, "message": "error reason", "data": null } ``` #### 请 <a href="https://www.cnblogs.com/fozero/p/17552498.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/17552495.html
nestjs入门学习总结(三):集成typeorm并实现一个curd操作 - fozero
### typeorm熟悉 TypeORM 是一个ORM框架,它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Expo 和 Electron 平台上,可以与 TypeScript 和 JavaScript (ES5,ES6,ES7,
2023-07-13T15:26:00Z
2023-07-13T15:26:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】### typeorm熟悉 TypeORM 是一个ORM框架,它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Expo 和 Electron 平台上,可以与 TypeScript 和 JavaScript (ES5,ES6,ES7, <a href="https://www.cnblogs.com/fozero/p/17552495.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/17548831.html
nestjs入门学习总结(二):中间件、异常过滤器、守卫、管道、拦截器 - fozero
### 中间件 Nest 中间件可以是一个函数,也可以是一个带有 @Injectable() 装饰器的类,且该类应该实现 NestMiddleware 接口,而函数没有任何特殊要求。 如下是一个日志中间件的简单示例: ``` import { Injectable, NestMiddleware }
2023-07-12T12:57:00Z
2023-07-12T12:57:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】### 中间件 Nest 中间件可以是一个函数,也可以是一个带有 @Injectable() 装饰器的类,且该类应该实现 NestMiddleware 接口,而函数没有任何特殊要求。 如下是一个日志中间件的简单示例: ``` import { Injectable, NestMiddleware } <a href="https://www.cnblogs.com/fozero/p/17548831.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/17548801.html
nestjs入门学习总结(一):控制器、服务、模块 - fozero
- 为什么要用nestjs,和egg区别对比 - nest项目初始化,了解目录结构 - nest cli命令了解 - nest基础知识点学习:控制器、服务、模块 ### 为什么要用nestjs,和egg区别对比 #### 官网介绍 1. Nest提供了一种开箱即用的应用程序架构,允许开发人员和团队创
2023-07-12T12:43:00Z
2023-07-12T12:43:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】- 为什么要用nestjs,和egg区别对比 - nest项目初始化,了解目录结构 - nest cli命令了解 - nest基础知识点学习:控制器、服务、模块 ### 为什么要用nestjs,和egg区别对比 #### 官网介绍 1. Nest提供了一种开箱即用的应用程序架构,允许开发人员和团队创 <a href="https://www.cnblogs.com/fozero/p/17548801.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/16121497.html
typescript使用入门及react+ts实战 - fozero
ts介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 与js关系 ts与js区别 TypeScript JavaScript JavaScript 的超集,用于解决大型项目的代码
2022-04-09T04:44:00Z
2022-04-09T04:44:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】ts介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 与js关系 ts与js区别 TypeScript JavaScript JavaScript 的超集,用于解决大型项目的代码 <a href="https://www.cnblogs.com/fozero/p/16121497.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/14941977.html
从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇) - fozero
背景 最近因为要做一个新的管理后台项目,新公司大部分是用vue写的,技术栈这块也是想切到react上面来,所以,这次从0到1重新搭建一个react项目架子,需要考虑的东西的很多,包括目录结构、代码规范、请求封装等等, 涉及内容较多,所以我分成了几个部分来记录搭建的过程: 从0到1用react+a
2021-06-27T12:16:00Z
2021-06-27T12:16:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】背景 最近因为要做一个新的管理后台项目,新公司大部分是用vue写的,技术栈这块也是想切到react上面来,所以,这次从0到1重新搭建一个react项目架子,需要考虑的东西的很多,包括目录结构、代码规范、请求封装等等, 涉及内容较多,所以我分成了几个部分来记录搭建的过程: 从0到1用react+a <a href="https://www.cnblogs.com/fozero/p/14941977.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/14696733.html
React函数式组件的性能优化 - fozero
优化思路 主要优化的方向有2个: 减少重新 render 的次数。因为在 React 里最重(花时间最长)的一块就是 reconction(简单的可以理解为 diff),如果不 render,就不会 reconction。 减少计算的量。主要是减少重复计算,对于函数式组件来说,每次 render 都
2021-04-24T05:48:00Z
2021-04-24T05:48:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】优化思路 主要优化的方向有2个: 减少重新 render 的次数。因为在 React 里最重(花时间最长)的一块就是 reconction(简单的可以理解为 diff),如果不 render,就不会 reconction。 减少计算的量。主要是减少重复计算,对于函数式组件来说,每次 render 都 <a href="https://www.cnblogs.com/fozero/p/14696733.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/14000978.html
create-react-app添加对TypeScript支持 - fozero
背景 最近一直在重构react项目,由于项目历史原因,将之前parcel打包工具换成了webpack,并选择了使用create-react-app作为项目开发脚手架。 接着就是把项目中flow类型检查工具移除掉了,替换成typescript。 相关文档 https://www.html.cn/cre
2020-11-18T09:13:00Z
2020-11-18T09:13:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】背景 最近一直在重构react项目,由于项目历史原因,将之前parcel打包工具换成了webpack,并选择了使用create-react-app作为项目开发脚手架。 接着就是把项目中flow类型检查工具移除掉了,替换成typescript。 相关文档 https://www.html.cn/cre <a href="https://www.cnblogs.com/fozero/p/14000978.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/12417123.html
《问题总结》分类列表拖拽排序后,接着修改下拉选项值,分类列表排序顺序重新回到原始状态 - fozero
问题描述 在做企业frontpagesetting的时候,有个分类列表,需要支持对分类进行排序,但是在对分类排序之后,然后修改下拉选项值,排序列表重新回到了原始状态 问题分析 在组件生命周期getDerivedStateFromProps方法中,比对props, state中的list数据,因为di
2020-03-04T15:57:00Z
2020-03-04T15:57:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】问题描述 在做企业frontpagesetting的时候,有个分类列表,需要支持对分类进行排序,但是在对分类排序之后,然后修改下拉选项值,排序列表重新回到了原始状态 问题分析 在组件生命周期getDerivedStateFromProps方法中,比对props, state中的list数据,因为di <a href="https://www.cnblogs.com/fozero/p/12417123.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/12372508.html
基于token的身份验证在nodejs中的应用 - fozero
token验证大致流程 客户端使用用户名跟密码请求登录 服务端收到请求,去验证用户名与密码 验证成功后,服务端会签发一个 Token,再把这个 Token 发送给客户端 客户端收到 Token 以后可以把它存储起来,比如放在 Cookie 里或者 Local Storage 里 客户端每次向服务端请
2020-02-27T07:47:00Z
2020-02-27T07:47:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】token验证大致流程 客户端使用用户名跟密码请求登录 服务端收到请求,去验证用户名与密码 验证成功后,服务端会签发一个 Token,再把这个 Token 发送给客户端 客户端收到 Token 以后可以把它存储起来,比如放在 Cookie 里或者 Local Storage 里 客户端每次向服务端请 <a href="https://www.cnblogs.com/fozero/p/12372508.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/12372463.html
《问题总结》frontpagesetting企业分类排序之后,修改下拉选项值,排序列表重新回到原始状态 - fozero
问题描述 在做企业frontpagesetting的时候,有个分类列表,需要支持对分类进行排序,但是在对分类排序之后,然后修改下拉选项值,排序列表重新回到了原始状态 问题分析 在组件生命周期getDerivedStateFromProps方法中,比对props, state中的list数据,因为di
2020-02-27T07:41:00Z
2020-02-27T07:41:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】问题描述 在做企业frontpagesetting的时候,有个分类列表,需要支持对分类进行排序,但是在对分类排序之后,然后修改下拉选项值,排序列表重新回到了原始状态 问题分析 在组件生命周期getDerivedStateFromProps方法中,比对props, state中的list数据,因为di <a href="https://www.cnblogs.com/fozero/p/12372463.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/12115848.html
使用Restful API设计更加规范的数据接口 - fozero
什么是Restful API REST是设计风格而不是标准。是指客户端和服务器的交互形式。核心思想就是,客户端发出的数据操作指令都是"动词 + 宾语"的结构。 Restful API有几个特性: 面向资源:接口命名都是zoos、animals,而不是getAllAnimals这样的 使用Http动词
2019-12-29T10:28:00Z
2019-12-29T10:28:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】什么是Restful API REST是设计风格而不是标准。是指客户端和服务器的交互形式。核心思想就是,客户端发出的数据操作指令都是"动词 + 宾语"的结构。 Restful API有几个特性: 面向资源:接口命名都是zoos、animals,而不是getAllAnimals这样的 使用Http动词 <a href="https://www.cnblogs.com/fozero/p/12115848.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/12113937.html
nextjs的开发使用(二)---引入redux状态管理 - fozero
在上篇文章中, "基于react的nextjs服务端渲染框架学习使用" 学习了解了一些关于nextjs的东西,并做了一个小demo,这篇文章将对上篇文章做一个补充,在nextjs中引入redux 安装 创建目录及文件 创建redux文件夹,并在下面创建index.js,actions,reducer
2019-12-28T18:51:00Z
2019-12-28T18:51:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】在上篇文章中, "基于react的nextjs服务端渲染框架学习使用" 学习了解了一些关于nextjs的东西,并做了一个小demo,这篇文章将对上篇文章做一个补充,在nextjs中引入redux 安装 创建目录及文件 创建redux文件夹,并在下面创建index.js,actions,reducer <a href="https://www.cnblogs.com/fozero/p/12113937.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/12113905.html
基于react的nextjs服务端渲染框架学习使用 - fozero
开发文档 https://nextjs.frontendx.cn/ 源码 该博客的示例代码我已经上传到github,欢迎star或者fork "react next hello" Next介绍 Next.js是一个基于React的一个服务端渲染简约框架。它使用React语法,可以很好的实现代码的模块
2019-12-28T18:05:00Z
2019-12-28T18:05:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】开发文档 https://nextjs.frontendx.cn/ 源码 该博客的示例代码我已经上传到github,欢迎star或者fork "react next hello" Next介绍 Next.js是一个基于React的一个服务端渲染简约框架。它使用React语法,可以很好的实现代码的模块 <a href="https://www.cnblogs.com/fozero/p/12113905.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/11747549.html
axios和fetch区别对比 - fozero
axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,它本身具有以下特征: 1. 从浏览器中创建 XMLHttpRequest 2. 支持 Promise API 3.
2019-10-27T06:49:00Z
2019-10-27T06:49:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,它本身具有以下特征: 1. 从浏览器中创建 XMLHttpRequest 2. 支持 Promise API 3. <a href="https://www.cnblogs.com/fozero/p/11747549.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/11747429.html
使用yarn来替代npm - fozero
Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的 安装yarn 方式一:npm install yarn g 方式二:brew install yarn 通常情况
2019-10-27T06:28:00Z
2019-10-27T06:28:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的 安装yarn 方式一:npm install yarn g 方式二:brew install yarn 通常情况 <a href="https://www.cnblogs.com/fozero/p/11747429.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/11640057.html
React及Nextjs相关知识点小结 - fozero
React及Nextjs知识点小结 函数式组件和类组件区别是什么 1、函数式组件是用于创建无状态的组件,组件不会被实例化,无法访问this中的对象,无法访问生命周期方法,是无副作用的,相比于类组件函数式组件代码可读性更好,减少了大量的冗余代码,可以很方便的创建一个组件2、类组件是用于创建有状态的组件
2019-10-09T02:22:00Z
2019-10-09T02:22:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】React及Nextjs知识点小结 函数式组件和类组件区别是什么 1、函数式组件是用于创建无状态的组件,组件不会被实例化,无法访问this中的对象,无法访问生命周期方法,是无副作用的,相比于类组件函数式组件代码可读性更好,减少了大量的冗余代码,可以很方便的创建一个组件2、类组件是用于创建有状态的组件 <a href="https://www.cnblogs.com/fozero/p/11640057.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/fozero/p/11570230.html
appstore-react v2.0—redux-actions和redux-saga的应用 - fozero
开发文档 https://redux saga.js.org/ https://redux saga in chinese.js.org/ https://redux actions.js.org/ 源码 代码已经上传到github中,欢迎star或者fork "appstore react v2.
2019-09-22T17:50:00Z
2019-09-22T17:50:00Z
fozero
https://www.cnblogs.com/fozero/
【摘要】开发文档 https://redux saga.js.org/ https://redux saga in chinese.js.org/ https://redux actions.js.org/ 源码 代码已经上传到github中,欢迎star或者fork "appstore react v2. <a href="https://www.cnblogs.com/fozero/p/11570230.html" target="_blank">阅读全文</a>