摘要：
一. Redux Toolkit详解 1. 简介 (1).Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。 在前面我们学习Redux的时候应该已经发现，redux的编写逻辑过于的繁琐和麻烦。 并且代码通常分拆在多个文件中（虽然也可以放到一个文件管理，但是代码量过多，不利于管理） 阅读全文
posted @ 2023-05-06 11:03
Yaopengfei
阅读(1005)
评论(1)
推荐(0)
摘要：
一. react-redux库 1. 背景 在仅仅导入【redux】库的情况下，代码非常冗余，每个组件中都需要: (1). 需要在componentDidMount生命周期中subscribe订阅, store中的数据修改时候，给页面state中的数据进行修改赋值 (2). 默认构造函数中需要给 s 阅读全文
posted @ 2023-05-05 08:47
Yaopengfei
阅读(296)
评论(1)
推荐(0)
摘要：
一. 父传子 1. 用法 父组件通过 属性=值 的形式来传递给子组件数据； 子组件通过 props 参数获取父组件传递过来的数据, 详见child1函数组件 和 child2 类组件 2. PropTypes实现传递参数验证 (详见官网：https://zh-hans.reactjs.org/doc 阅读全文
posted @ 2023-04-26 20:46
Yaopengfei
阅读(316)
评论(1)
推荐(0)
摘要：
一. 前言 1. 纯函数 (1).函数式编程中有一个非常重要的概念叫纯函数，JavaScript符合函数式编程的范式，所以也有纯函数的概念； 在react开发中纯函数是被多次提及的； 比如react中组件就被要求像是一个纯函数（为什么是像，因为还有class组件），redux中有一个reducer的 阅读全文
posted @ 2023-04-25 08:24
Yaopengfei
阅读(157)
评论(1)
推荐(0)
摘要：
一. setState详解 1. 使用背景 开发中我们并不能直接通过修改state的值来让界面发生更新： (1).因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是这种方式的修改React并不知道数据发生了变化； (2).React并没有实现类似于Vue2中的Obj 阅读全文
posted @ 2023-04-16 19:13
Yaopengfei
阅读(1755)
评论(1)
推荐(0)
摘要：
一. react脚手架 1. 什么是脚手架 编程中提到的脚手架（Scaffold），其实是一种工具，帮我们可以快速生成项目的工程化结构； 🚩每个项目作出完成的效果不同，但是它们的基本工程化结构是相似的； 🚩既然相似，就没有必要每次都从零开始搭建，完全可以使用一些工具，帮助我们生产基本的工程化模板 阅读全文
posted @ 2023-04-12 08:37
Yaopengfei
阅读(553)
评论(1)
推荐(0)
摘要：
一. jsx说明及用法 1. 什么jsx？ JSX是一种JavaScript的语法扩展（extension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法； 它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用； 它不同于Vue中的模块语法，你不 阅读全文
posted @ 2023-04-09 10:51
Yaopengfei
阅读(295)
评论(1)
推荐(0)
摘要：
一. react简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschina.org/ )，React由Facebook来更新和维护，它是大量优秀程序员的思想结晶： (1). React的流行不仅仅局限于普通开发工程师对它的认可； (2) 阅读全文
posted @ 2023-04-05 13:51
Yaopengfei
阅读(318)
评论(1)
推荐(0)
摘要：
一. 说明 工作需要，最近学习下react 官网：https://react.docschina.org/ https://zh-hans.reactjs.org/ 二. React简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschi 阅读全文
posted @ 2023-03-28 08:16
Yaopengfei
阅读(265)
评论(1)
推荐(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
阅读(85)
评论(0)
推荐(0)
摘要：
一. 开源协议 新建仓库的时候，有个开源许可证，如下图： 常见的开源协议： 二. git push 默认配置 1. 官网说明 2. 重点剖析 (1). simple 【默认的配置】 git push 默认推送到远程服务器上的同名分支 注：即使设置了【 git branch --set-upstrea 阅读全文
posted @ 2023-03-20 15:30
Yaopengfei
阅读(398)
评论(1)
推荐(0)
摘要：
一. TortoiseGit详解 详见： https://www.cnblogs.com/yaopengfei/p/14945185.html 二. HbuilderX 基于 TortoiseGit ，与上述的操作步骤基本一致 三. VSCode 后续补充 四. VS2022 后续补充 ! 作 者 阅读全文
posted @ 2023-03-16 13:29
Yaopengfei
阅读(210)
评论(0)
推荐(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
阅读(458)
评论(1)
推荐(0)
摘要：
一. 说明 常用的一些软件使用技巧、以及一些常用的配置 二. 目录 阶段一：基本使用和配置 第一节：修改Nuget的下载位置 第二节：代码片段的制作(以VSCode、HbuilderX为例) 第三节：Postman常用技巧(全局/环境变量、常用脚本代码、关联案例、断言、参数化) 第四节：Git的概述 阅读全文
posted @ 2023-03-14 14:05
Yaopengfei
阅读(242)
评论(0)
推荐(0)
摘要：
一. pnpm简介 1. 官网的给出的定义 官网：https://pnpm.io/zh/ 快速的，节省磁盘空间的包管理工具 优势： 当使用 npm 或 Yarn 时，如果你有 100 个项目，并且所有项目都有一个相同的依赖包，那么， 你在硬盘上就需要保存 100 份该相同依赖包的副本 使用 pnpm 阅读全文
posted @ 2023-03-10 14:39
Yaopengfei
阅读(3421)
评论(1)
推荐(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
阅读(4741)
评论(1)
推荐(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
阅读(664)
评论(2)
推荐(0)
摘要：
一. 全局变量和环境变量 1. 全局变量 在 整个postman中都可以使用的变量。不需要 单独创建环境。 2. 环境变量 在 特定的环境下（或者作用域），才能使用的变量。需要给此变量创建单独的环境。使用步骤如下： (1). 创建环境 (2). 在对应的环境内添加或修改变量 (3). 选择需要生效的 阅读全文
posted @ 2023-02-28 17:10
Yaopengfei
阅读(2392)
评论(2)
推荐(0)
摘要：
一.VSCode片段 1. 复制自己所需要的代码 比如要把下面的代码制作成代码片段 Vue.createApp({ template: '#myApp', data() { return { message: 'Hello Vue3!' } }, methods:{ } }).mount('#app 阅读全文
posted @ 2023-02-28 08:41
Yaopengfei
阅读(346)
评论(1)
推荐(0)
摘要：
一. 背景 之前无论采用node启动 或者 nodemon启动程序也好，如果终端被关闭掉了呢？ 那么这个时候相当于启动的Node进程会被关闭掉； 我们将无法继续访问服务器； 在真实的部署过程中，我们会使用一个工具pm2来管理Node的进程： PM2是一个Node的进程管理器； 我们可以使用它来管理N 阅读全文
posted @ 2023-02-27 14:54
Yaopengfei
阅读(1035)
评论(2)
推荐(0)
摘要：
一. Cookie 1. 简介 (1). Cookie（复数形态Cookies），又称为“小甜饼”。类型为“小型文本文件”，某些网站为了辨别用户身份而存储在用户本地终端（Client Side）上的数据。 浏览器会在特定的情况下携带上cookie来发送请求，我们可以通过cookie来获取一些信息； 阅读全文
posted @ 2023-02-26 14:12
Yaopengfei
阅读(493)
评论(1)
推荐(0)
摘要：
一. 搭建步骤 (PS：本节重点分享一下思路和步骤，不贴代码了，代码太长了) 1. 安装相关程序集 【npm install koa koa-bodyparser @koa/router】 -- koa相关 【npm install mysql2】 -- 连接mysql的驱动 【npm instal 阅读全文
posted @ 2023-02-24 08:17
Yaopengfei
阅读(89)
评论(0)
推荐(0)
摘要：
一. express和koa对比 1. 从架构的角度 (1). express是完整和强大的，其中帮助我们内置了非常多好用的功能. （比如：路由、json解析等） (2). koa是简洁和自由的，它只包含最核心的功能，并不会对我们使用其他中间件进行任何的限制。 koa中连最基本的get、post都没 阅读全文
posted @ 2023-02-17 16:04
Yaopengfei
阅读(520)
评论(1)
推荐(0)
摘要：
一. 简介 1. 常用的库 mysql：最早的Node连接MySQL的数据库驱动； mysql2：在mysql的基础之上，进行了很多的优化、改进； 【推荐使用】 2. mysql2简介 (1). mysql2兼容mysql的API，并且提供了一些附加功能 (2). 更快/更好的性能； (3). Pr 阅读全文
posted @ 2023-02-17 16:02
Yaopengfei
阅读(1640)
评论(0)
推荐(0)
摘要：
一. 基本使用 1. 简介 koa：node.js的下一代web框架； 事实上，koa是express同一个团队开发的一个新的Web框架： (1). 目前团队的核心开发者TJ的主要精力也在维护Koa，express已经交给团队维护了； (2). Koa旨在为Web应用程序和API提供更小、更丰富和更 阅读全文
posted @ 2023-02-16 14:44
Yaopengfei
阅读(1294)
评论(1)
推荐(0)
摘要：
一. express入门 1. 简介 Express是一个路由和中间件的Web框架，它本身的功能非常少，本质上是一系列中间件函数的调用。 （官网：https://www.expressjs.com.cn/） 2. 快速搭建 (1). 方案1-使用脚手架 【不推荐】 A. 安装脚手架：npm inst 阅读全文
posted @ 2023-02-13 08:00
Yaopengfei
阅读(1377)
评论(0)
推荐(0)
摘要：
一. 基本用法 1. 创建：使用createServer创建一个服务器 2. 监听：使用server.listen进行端口的监听 3. 返回：通过response.end(xxx);方法返回给前端 4. 补充listen监听的三个参数 ◼ 端口port: 可以不传, 系统会默认分配端, 后续项目中我 阅读全文
posted @ 2023-02-09 08:35
Yaopengfei
阅读(317)
评论(1)
推荐(0)
摘要：
一. fs文件系统 1. 文件的读取 nodejs中API大多数都提供三种操作方式： 方式一：同步操作文件：代码会被阻塞，不会继续执行；【eg：readFileSync】 方式二：异步回调函数操作文件：代码不会被阻塞，需要传入回调函数，当获取到结果时，回调函数被执行；【eg：readFile】 方式 阅读全文
posted @ 2023-02-06 15:01
Yaopengfei
阅读(224)
评论(1)
推荐(0)
摘要：
一. CSS中的内置函数 1. var 使用CSS定义的变量; 属性名需要以两个减号（--）开始; 属性值则可以是任何有效的CSS值; 注：自定义属性的可见作用域(只在选择器内部有效)，所以推荐将自定义属性定义在html中，也可以使用 :root 选择器; <style> :root { /* 定义 阅读全文
posted @ 2023-01-30 13:30
Yaopengfei
阅读(910)
评论(1)
推荐(0)
摘要：
一. CSS相关 (详见官网：https://cn.vuejs.org/api/sfc-css-features.html) 1. scoped作用域 (1). 当 <style> 标签带有 scoped attribute 的时候，它的 CSS 只会影响当前组件的元素 原理：在标签上生成一个 da 阅读全文
posted @ 2023-01-30 10:41
Yaopengfei
阅读(5488)
评论(1)
推荐(0)
浙公网安备 33010602011771号