- 博客(51)
- 资源 (1)
- 收藏
- 关注
原创 ProComponent 用法学习
在 ProComponent 中,最为核心的就是 ProForm(表单)和 ProTable(表格)两个组件,面对数量繁多的配置项,很多人都会在文档中迷失自我,本文就来总结了一些常见的配置。
2023-08-09 16:31:45
3480
1
原创 前端面试-必会
1. http 与 https 的区别?2. vue 和 react 的区别? -react 生命周期函数3. Ajax 的实现原理4. 三次握手 四次挥手5. HTML 语义化6. 网页加载 HTML CSS JS 的过程7. 闭包的原理 带来的影响8. JS作用域链9. 跨域的产生与解决方案10. JS 预加载如何处理?11. CSS : 盒子模型 浮动 清除浮动 定位(分别有哪几种)12. 选择器 权重...
2022-06-09 10:44:48
465
2
原创 react 项目--博客系统 (二)
搭建过程:先创建服务器端,通过 服务器接口 与 数据库端 和 客户端 进行对接 。首先打开 vs code 在文件夹中分别创建 frontend 和 backend 两个文件夹用来存放前端和后端的代码;在服务器终端打开 backend 使用 npm init -y 进行安装接口;继续使用 npm install express --save 安装依赖;在 backend 目录下创建文件 app.js 即可开始写代码。在终端中启动 node app.js 出现 runn..
2022-03-02 10:09:58
319
原创 react 项目--博客系统 (一)
项目简介:核心功能注册 / 登录 / 用户中心 / 用户更新 / 用户关注 / 取消关注 / 作者粉丝 /文章标签 / 添加文章 / 文章修改 / 文章列表 / 文章详情 / 删除文章 / 文章收藏 / 取消收藏 /添加文章评论 / 查看评论列表 / 删除文章评论.........
2022-03-01 09:36:00
403
原创 react 项目--博客系统
2022年3月1日 开始学习跟做 react 的项目开发;项目版本介绍:使用技术第一版前端es5 / es6react / react-router / react-redux网络REST ful API / axios后端node / express / sequlize / mysql部署pm2 / nginx / docker / linux...
2022-03-01 09:07:28
2637
原创 组件化----组件抽离
功能分析:在网页上显示两个个姓名及年龄的输入框及一个提交按钮,并让输入框的内容同步到网页上显示;抽离前:class App extends Component { state={name:'Guo努力',age:22} //同步数据 handleChange1=(e)=>{ this.setState({ name:e.target.value }) } handleChange2=(e)=>{ this.setState({
2021-11-19 20:12:47
1047
原创 React-app 项目框架搭建(2)
项目流程图:在 React-app 项目框架搭建(1)搭建好的基础上 将 文件 one-app 下的文件 src下的 默认样式全部删除 就保留 index.js 及 App.js 如图所示: 再将 App.js 中的默认样式及引入删除,如下图:同理修改 index.js :刷新打开的页面即可看到我们自己初始化的页面:之后我们在 src 目录下创建几个文件夹,使用模块化的思想,写项目...
2021-11-13 17:08:04
840
原创 React-app 项目框架搭建(1)
首先新建一个文件夹 react-app 并在 vs code 中打开 在此文件夹下建立一个 01-app 的文件夹;选中 01-app 鼠标右键在集成终端中打开;在终端中输入 如下 代码 进行全局安装脚手架;npm install -g create-react-app安装完毕后可输入 create-react-app --version 进行版本的查看,由图可知当前脚手架版本为4.0.3 ;在脚手架安装完毕的基础上 输入如下代码 搭建工程化项目 项目...
2021-11-13 16:33:50
842
原创 HTTP 状态码
当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含 HTTP 状态码的信息头( server header )用以响应浏览器的请求。HTTP 状态码的英文为 HTTP Status Code。常见的状态码有200 -----请求成功301 -----资源(网页等)被永久转移到其它URL404 -----请求的资源(网页等)...
2021-11-12 11:55:47
1985
原创 react 生命周期 钩子函数(笔记 2)
shouldComponentUpdate(){} : 每当进行数据更新或页面重新渲染时会触发,当函数返回值为 true 时页面可以更新,当返回值为 false 时页面不会更新而会保持原有状态。 class App extends React.Component{ state ={m:0} shouldComponentUpdate(){ console.log("----shouldComponentUpdate");
2021-11-09 17:36:17
483
原创 react 生命周期 钩子函数(笔记 1)
一. constructor(){} : 初始化 this 问题 class App extends React.Component{ state ={} constructor(props){ super(props) //this.prosp=props console.log(this); //状态初始化 this.state={age:0} ...
2021-11-08 16:39:04
408
原创 react--留言板小案例(手敲代码)
流程:原型 --- 保真图 --- 静态页面( html css js ) --- 一个大组件( react component ) --- 组件拆分举个栗子react 简单的一个小案例,实现一个留言板功能,具有添加留言及删除评论的功能,并且同步显示到页面上。原型、保真图:静态页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2021-10-31 17:50:10
847
react 项目--博客系统 (后端部分)
2022-03-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人