- 博客(36)
- 收藏
- 关注
原创 10_Redux的应用(数据共享及简化代码)
经过react-redux的学习已经了解了store基础操作,但是在实际开发过程中是多个组件之间进行数据共享。action、reducer、store是redux操作的核心。一般我们在constant里对type变量进行封装,action、reducer都需要它。
2023-05-13 20:31:05
252
原创 06_React ajax(github搜索案例props版、订阅与发布版)
一、axios: 轻量级一、axios: 轻量级封装XmlHttpRequest对象的ajax可以用在浏览器端和node服务器端promise风格。
2023-05-13 18:46:33
216
原创 05_React应用(基于React脚手架,props案例todolist)
该案例通过props完成组件之间的数据传递,但是太过繁琐,需要一个传一个。由头部组件进行状态总操作,子组件则是操作的执行者,通过调用头部组件的方法,完成父子、兄弟、祖孙数据传递。
2023-05-13 16:58:03
523
原创 解决React卸载组件发生的问题(root.unmount())
Warning: You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it.
2023-05-11 17:14:34
1517
原创 09_Redux的应用
redux是一个专门用于做状态管理的JS库(不是react插件库)redux独立所有组件存在,集中管理react应用中多个组件共享的状态。
2023-05-10 23:16:06
748
1
原创 01_初识Blender
blender是一款易上手的3D建模软件,简洁精炼。blender 是全球首款开源3D制作软件,也是成功和受欢迎的3D动画制作软件之一,在CG行业应用非常广泛。blender不仅用于创建3D形象展示以及影视级视频,还可以结合实时3D引擎来创造三维游戏。
2023-05-09 19:26:07
116
原创 07_React路由
单页面应用整个应用只有一个完整的页面点击页面中的链接不会刷新整个页面,只会做页面的局部更新数据都需要通过ajax请求获取, 并在前端异步展现一个路由就是一个映射关系(key:value)key为路径, value可能是function或component后端路由工作过程:当node接收到一个请求时, 根据请求路径找到匹配的路由, 调用路由中的函数来处理请求, 返回响应数据注册路由: router.get(path, function(req, res))
2023-05-09 13:08:28
717
原创 02_Webpack基础(生产模式)
生产模式是开发完成代码后,我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化,让其运行性能更好。优化代码运行性能优化代码打包速度。
2023-05-03 18:55:35
201
原创 01_Webpack基础(开发模式)
开发模式:仅能编译 JS 中的ES Modle语法生产模式:能编译 JS 中的ES Modle语法,和压缩 JS 代码。
2023-05-03 17:12:05
661
原创 04_React面向组件编程(生命周期、Diffing算法)
React采用组件化、声明式编码,通过将不同的组件组合成复杂的UI界面。React 应用程序的组成部分:元素和组件。元素是构成 React 应用的最小砖块。组件是由元素构成的。使用 React 构建的应用。React 将以小写字母开头的组件视为原生DOM 标签。生命周期就是指一个对象的生老病死。每个组件都包含 “生命周期方法”,React会在特定的阶段执行这些方法。生命周期方法也被称为 “生命周期回调函数” 、“生命周期钩子函数” 、“生命周期函数” 或“生命周期钩子”。
2023-05-01 15:51:56
175
原创 03_React面向组件编程(受控组件与非受控组件、高阶函数)
函数的 柯里化:通过 函数调用 继续返回函数的方式,实现多次接收参数最后统一处理的 函数 编码形式。{ /* js里的注释方法 */ }1. jsx里的注释写法。2. 可折叠注释写法。
2023-04-30 23:51:45
447
原创 02_React面向组件编程(组件的使用和三大核心属性)
案例 自定义组件点击按钮, 提示第一个输入框中的值点击按钮,切换天气当第2个输入框失去焦点时, 提示这个输入框中的值。
2023-04-29 17:37:04
1137
原创 01_Recat入门(简介及jsx语法规则)
简介:React是一个将数据渲染为 HTML视图 的开源JavaScript库。由Facebook开发,且开源。发送请求获取数据处理数据(过滤、整理格式等)操作DOM呈现页面特点:采用组件化模式、声明式编码,提高开发效率及组件复用率在React Native 可以使用React 语法进行移动端开发。使用虚拟DOM+ 优秀的Diffing算法,尽量减少与真实DOM的交互。
2023-04-27 22:30:59
376
原创 token的原理及jwt的使用
概述token 时候服务端生成并返回给 HTTP 的一串 加密字符串,token 中保存着 用户信息作用实现会话控制,可以识别用户身份,主要用于 移动端APP工作流程服务端在校验了用户提交的信息后,没问题后再创建 token ,再将 token 返回给客户端。后续继续发送请求时后,客户端手动携带 token 传递给服务器。服务器再对 token 进行校验 ,提取用户信息,进而识别用户身份。token 手动携带cookie 自动携带特点服务端压力小:数据存储在服务端。
2023-04-25 16:04:12
193
原创 Session、Cookie的原理以及区别
服务端要区分用户,HTTP是一种无状态的协议,但是没有办法区分多次请求是否来自同一客户端。为了解决该问题,一般我们通过 会话控制来解决。常见的会话控制有三种:cookie、session、token。
2023-04-24 22:55:46
390
原创 API接口及apipost,postman的基本使用
接口是前后端通信的桥梁,被称为API接口,一个接口就是服务中的一个路由规则,根据请求响应结果。给客户端返回结果时,一般是JSON格式的。接口的作用:实现前后端通信一般接口由一下几个部分组成。
2023-04-24 16:52:34
1181
原创 Mongoose(7.0.4)的安装与使用
在mongodb不能用 > < >= <=!== 等运算符,需要使用替代符。条件中可以直接使用JS正则语法,通过正则可以实现模糊查询。Mongoose有一些内置验证器,可以对字段进行验证。主要用于外键,适合联合查询。定义文档结构和属性类型。创建文档的结构对象时。
2023-04-24 11:20:24
1266
原创 MongoDB的数据库、集合、文档相关命令
注意:update默认全部更新,如果想要保留查询条件,必须用。注意:数据库当前是空的,需要往里面创建集合不为空才可显示。
2023-04-23 17:16:54
685
原创 02-express-generator的使用
通过 express-generator 快速搭建框架,并通过 formidable 实现文件上传功能
2023-04-21 11:54:28
322
原创 01-express框架的使用
例 记录每个请求的url,ip,将信息保存 access.log中。相当于服务器的访问日志,便于查看请求的来源,可以精准的定位问题。例 针对/admin /setting 的请求,要求携带 code=2023 参数,如未携带则提示 目标错误。简而言之,即使将路由规则拆分到不同文件,最后在总文件require,并use,这与使用中间件函数一样。//主要通过判断请求头中的refefer的host是否为 当前的地址。//检测请求头中的referer是否为127.0.0.1。的一种技术,分离html和js的。
2023-04-18 17:03:56
865
原创 07-包管理工具
安装cnpm出现错误,所以记录一下我的解决方案。这篇博客包括nvm(nodejs版本管理工具,切换node版本)的安装级及全局环境配置,nrm(npm 源管理器,切换镜像)。淘宝镜像,cnpm服务部署在阿里服务器上,通过npm安装cnpm工具。,npm root -g查看全局安装包的位置,包信息保存在package.json 中的。包信息保存在package.json 中的。-D 等效于 --save-dev。-S等效于--save,修改windows执行策略。npm r -g 包名。
2023-04-17 15:53:42
306
原创 06-模块化
将相对路径转为绝对路径,定义目标文件缓存检测读取目标文件代码包裹一个函数并执行。通过查看函数体缓存模块的值返回的值//将相对路径转成绝对路径,定位目标文件//缓存检测//读取文件代码//包裹一个函数执行name: '测试'//函数代码体//5.缓存结果 模块对象。
2023-04-16 15:49:49
168
原创 05-http模块
2.代码更新问题,必须重新启动服务。nodemon可以解决这个问题,不需要频繁重新启动服务。引入多个资源文件时,必须根据需要请求的url路径做判断,响应对应文件。查找占用端口的程序的PID,然后使用任务管理器关闭对于的程序。HTTP开发常用端口3000,808,8090,900。1.HTTP服务在那个文件夹中寻找静态资源,那个人家就是。4.端口号被占用问题。响应一个4行3列的表格,并要求表格有。如果端口被其他程序占用,可以使用。5.HTTP默认端口80,长时间不发生变化的资源。长时间经常更新的资源。
2023-04-15 16:49:39
642
原创 02-Buffer(缓冲器)
Buffer为缓冲区,是一个类似Array的对象,用于表示固定长度的字节序列。简而言之,就是有固定长度的内存空间,用于处理二进制数据。
2023-04-13 17:39:50
302
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人