摘要:
一. 整体说明 1. 限制说明 (1).在官网上Web页面聊天 gpt-4: 3个小时内只能问25个问题 !!! gpt3.5: 没有限制 (2). 调用api gpt3.5: 免费的账号里面有5$ 额度的token数量值,并且有到期时间限制;充值比较麻烦(需要用国外的银行卡),只能重新申请账号了,
阅读全文
posted @ 2023-06-02 10:00
Yaopengfei
阅读(6109)
推荐(0)
摘要:
一. 前言 需要准备的东西: 1. “科学”上网 2. 各个模型的key PS:自己注册的话需要用国外的手机号接受验证码,可以使用 https://sms-activate.org/cn/ 这个网站进行接受。 需要时刻注意: 有的AI,有些国家是被封了,以便切换“科学”上网的地址。 二. 相关地址
阅读全文
posted @ 2023-05-26 10:41
Yaopengfei
阅读(494)
推荐(0)
摘要:
一. 前言 1. 背景 事实上,css一直是React的痛点,也是被很多开发者吐槽、诟病的一个点。 2. 对比vue (1) 在这一点上,Vue做的要好于React: Vue通过在.vue文件中编写 <style><style> 标签来编写自己的样式; 通过是否添加 scoped 属性来决定编写的样
阅读全文
posted @ 2023-05-12 19:26
Yaopengfei
阅读(1684)
推荐(0)
摘要:
一. 高阶组件 1. 回顾 什么是高阶函数? 至少需要满足以下条件之一:(1). 接收一个或多个函数作为参数输入; (2). 输出一个函数。 比如:filter、some、map、every、reduce 等都是高阶函数 2. 高阶组件定义 (1). 定义 高阶组件是一个函数,这个函数的参数是一个组
阅读全文
posted @ 2023-05-10 16:40
Yaopengfei
阅读(120)
推荐(0)
摘要:
一. 受控组件 1. 受控组件 (1) 在 HTML 中,表单元素(如<input>、 <textarea> 和 <select>)之类的表单元素通常自己维护 state,并根据用户输入进行更新。 (2) 而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性
阅读全文
posted @ 2023-05-08 16:03
Yaopengfei
阅读(68)
推荐(0)
摘要:
一. Redux Toolkit详解 1. 简介 (1).Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。 在前面我们学习Redux的时候应该已经发现,redux的编写逻辑过于的繁琐和麻烦。 并且代码通常分拆在多个文件中(虽然也可以放到一个文件管理,但是代码量过多,不利于管理)
阅读全文
posted @ 2023-05-06 11:03
Yaopengfei
阅读(1017)
推荐(0)
摘要:
一. react-redux库 1. 背景 在仅仅导入【redux】库的情况下,代码非常冗余,每个组件中都需要: (1). 需要在componentDidMount生命周期中subscribe订阅, store中的数据修改时候,给页面state中的数据进行修改赋值 (2). 默认构造函数中需要给 s
阅读全文
posted @ 2023-05-05 08:47
Yaopengfei
阅读(300)
推荐(0)
摘要:
一. 父传子 1. 用法 父组件通过 属性=值 的形式来传递给子组件数据; 子组件通过 props 参数获取父组件传递过来的数据, 详见child1函数组件 和 child2 类组件 2. PropTypes实现传递参数验证 (详见官网:https://zh-hans.reactjs.org/doc
阅读全文
posted @ 2023-04-26 20:46
Yaopengfei
阅读(322)
推荐(0)
摘要:
一. 前言 1. 纯函数 (1).函数式编程中有一个非常重要的概念叫纯函数,JavaScript符合函数式编程的范式,所以也有纯函数的概念; 在react开发中纯函数是被多次提及的; 比如react中组件就被要求像是一个纯函数(为什么是像,因为还有class组件),redux中有一个reducer的
阅读全文
posted @ 2023-04-25 08:24
Yaopengfei
阅读(159)
推荐(0)
摘要:
一. setState详解 1. 使用背景 开发中我们并不能直接通过修改state的值来让界面发生更新: (1).因为我们修改了state之后,希望React根据最新的State来重新渲染界面,但是这种方式的修改React并不知道数据发生了变化; (2).React并没有实现类似于Vue2中的Obj
阅读全文
posted @ 2023-04-16 19:13
Yaopengfei
阅读(1769)
推荐(0)
摘要:
一. react脚手架 1. 什么是脚手架 编程中提到的脚手架(Scaffold),其实是一种工具,帮我们可以快速生成项目的工程化结构; 🚩每个项目作出完成的效果不同,但是它们的基本工程化结构是相似的; 🚩既然相似,就没有必要每次都从零开始搭建,完全可以使用一些工具,帮助我们生产基本的工程化模板
阅读全文
posted @ 2023-04-12 08:37
Yaopengfei
阅读(560)
推荐(0)
摘要:
一. jsx说明及用法 1. 什么jsx? JSX是一种JavaScript的语法扩展(extension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法; 它用于描述我们的UI界面,并且其完成可以和JavaScript融合在一起使用; 它不同于Vue中的模块语法,你不
阅读全文
posted @ 2023-04-09 10:51
Yaopengfei
阅读(302)
推荐(0)
摘要:
一. react简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschina.org/ ),React由Facebook来更新和维护,它是大量优秀程序员的思想结晶: (1). React的流行不仅仅局限于普通开发工程师对它的认可; (2)
阅读全文
posted @ 2023-04-05 13:51
Yaopengfei
阅读(327)
推荐(0)
摘要:
一. 说明 工作需要,最近学习下react 官网:https://react.docschina.org/ https://zh-hans.reactjs.org/ 二. React简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschi
阅读全文
posted @ 2023-03-28 08:16
Yaopengfei
阅读(272)
推荐(0)
摘要:
gitlab: gitblit http://www.gitblit.com/ (启动的时候注意 http节点 和 https节点不要被占用, 然后jdk需要安装64位的) https://cloud.tencent.com/developer/article/2134087 https://www
阅读全文
posted @ 2023-03-21 15:19
Yaopengfei
阅读(89)
推荐(0)
摘要:
一. 开源协议 新建仓库的时候,有个开源许可证,如下图: 常见的开源协议: 二. git push 默认配置 1. 官网说明 2. 重点剖析 (1). simple 【默认的配置】 git push 默认推送到远程服务器上的同名分支 注:即使设置了【 git branch --set-upstrea
阅读全文
posted @ 2023-03-20 15:30
Yaopengfei
阅读(414)
推荐(0)
摘要:
一. TortoiseGit详解 详见: https://www.cnblogs.com/yaopengfei/p/14945185.html 二. HbuilderX 基于 TortoiseGit ,与上述的操作步骤基本一致 三. VSCode 后续补充 四. VS2022 后续补充 ! 作 者
阅读全文
posted @ 2023-03-16 13:29
Yaopengfei
阅读(214)
推荐(0)
摘要:
一. 常用指令汇总 1. 指令图 2. 其它指令补充 (1). 配置用户名和邮箱: 【git config --global user.name "xxx"】【git config --global user.email "xxxx"】 (2). 查看设置的用户名和邮箱 : 【git config
阅读全文
posted @ 2023-03-14 14:10
Yaopengfei
阅读(473)
推荐(0)
摘要:
一. 说明 常用的一些软件使用技巧、以及一些常用的配置 二. 目录 阶段一:基本使用和配置 第一节:修改Nuget的下载位置 第二节:代码片段的制作(以VSCode、HbuilderX为例) 第三节:Postman常用技巧(全局/环境变量、常用脚本代码、关联案例、断言、参数化) 第四节:Git的概述
阅读全文
posted @ 2023-03-14 14:05
Yaopengfei
阅读(243)
推荐(0)
摘要:
一. pnpm简介 1. 官网的给出的定义 官网:https://pnpm.io/zh/ 快速的,节省磁盘空间的包管理工具 优势: 当使用 npm 或 Yarn 时,如果你有 100 个项目,并且所有项目都有一个相同的依赖包,那么, 你在硬盘上就需要保存 100 份该相同依赖包的副本 使用 pnpm
阅读全文
posted @ 2023-03-10 14:39
Yaopengfei
阅读(3461)
推荐(0)
摘要:
一. 说明 1. 代码准备 (1). 安装 【npm install webpack webpack-cli -D】 修改package.json中的script标签,使其可以通过 【npm run build】调用局部安装的webpack (2). 代码,故意出错 查看代码 import { ad
阅读全文
posted @ 2023-03-08 15:01
Yaopengfei
阅读(4781)
推荐(0)
摘要:
一. 跨域简介 PS:之前.Net系列中的跨域总结 https://www.cnblogs.com/yaopengfei/p/10340434.html (包含jsonp、script等古老的方式) https://www.cnblogs.com/yaopengfei/p/11191938.html
阅读全文
posted @ 2023-03-03 13:32
Yaopengfei
阅读(674)
推荐(0)
摘要:
一. 全局变量和环境变量 1. 全局变量 在 整个postman中都可以使用的变量。不需要 单独创建环境。 2. 环境变量 在 特定的环境下(或者作用域),才能使用的变量。需要给此变量创建单独的环境。使用步骤如下: (1). 创建环境 (2). 在对应的环境内添加或修改变量 (3). 选择需要生效的
阅读全文
posted @ 2023-02-28 17:10
Yaopengfei
阅读(2509)
推荐(0)
摘要:
一.VSCode片段 1. 复制自己所需要的代码 比如要把下面的代码制作成代码片段 Vue.createApp({ template: '#myApp', data() { return { message: 'Hello Vue3!' } }, methods:{ } }).mount('#app
阅读全文
posted @ 2023-02-28 08:41
Yaopengfei
阅读(356)
推荐(0)
摘要:
一. 背景 之前无论采用node启动 或者 nodemon启动程序也好,如果终端被关闭掉了呢? 那么这个时候相当于启动的Node进程会被关闭掉; 我们将无法继续访问服务器; 在真实的部署过程中,我们会使用一个工具pm2来管理Node的进程: PM2是一个Node的进程管理器; 我们可以使用它来管理N
阅读全文
posted @ 2023-02-27 14:54
Yaopengfei
阅读(1051)
推荐(0)
摘要:
一. Cookie 1. 简介 (1). Cookie(复数形态Cookies),又称为“小甜饼”。类型为“小型文本文件”,某些网站为了辨别用户身份而存储在用户本地终端(Client Side)上的数据。 浏览器会在特定的情况下携带上cookie来发送请求,我们可以通过cookie来获取一些信息;
阅读全文
posted @ 2023-02-26 14:12
Yaopengfei
阅读(510)
推荐(0)
摘要:
一. 搭建步骤 (PS:本节重点分享一下思路和步骤,不贴代码了,代码太长了) 1. 安装相关程序集 【npm install koa koa-bodyparser @koa/router】 -- koa相关 【npm install mysql2】 -- 连接mysql的驱动 【npm instal
阅读全文
posted @ 2023-02-24 08:17
Yaopengfei
阅读(98)
推荐(0)
摘要:
一. express和koa对比 1. 从架构的角度 (1). express是完整和强大的,其中帮助我们内置了非常多好用的功能. (比如:路由、json解析等) (2). koa是简洁和自由的,它只包含最核心的功能,并不会对我们使用其他中间件进行任何的限制。 koa中连最基本的get、post都没
阅读全文
posted @ 2023-02-17 16:04
Yaopengfei
阅读(528)
推荐(0)
摘要:
一. 简介 1. 常用的库 mysql:最早的Node连接MySQL的数据库驱动; mysql2:在mysql的基础之上,进行了很多的优化、改进; 【推荐使用】 2. mysql2简介 (1). mysql2兼容mysql的API,并且提供了一些附加功能 (2). 更快/更好的性能; (3). Pr
阅读全文
posted @ 2023-02-17 16:02
Yaopengfei
阅读(1658)
推荐(0)
摘要:
一. 基本使用 1. 简介 koa:node.js的下一代web框架; 事实上,koa是express同一个团队开发的一个新的Web框架: (1). 目前团队的核心开发者TJ的主要精力也在维护Koa,express已经交给团队维护了; (2). Koa旨在为Web应用程序和API提供更小、更丰富和更
阅读全文
posted @ 2023-02-16 14:44
Yaopengfei
阅读(1307)
推荐(0)