摘要:
一. 受控组件 1. 受控组件 (1) 在 HTML 中,表单元素(如<input>、 <textarea> 和 <select>)之类的表单元素通常自己维护 state,并根据用户输入进行更新。 (2) 而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性 阅读全文
摘要:
一. Redux Toolkit详解 1. 简介 (1).Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。 在前面我们学习Redux的时候应该已经发现,redux的编写逻辑过于的繁琐和麻烦。 并且代码通常分拆在多个文件中(虽然也可以放到一个文件管理,但是代码量过多,不利于管理) 阅读全文
摘要:
一. react-redux库 1. 背景 在仅仅导入【redux】库的情况下,代码非常冗余,每个组件中都需要: (1). 需要在componentDidMount生命周期中subscribe订阅, store中的数据修改时候,给页面state中的数据进行修改赋值 (2). 默认构造函数中需要给 s 阅读全文
摘要:
一. 父传子 1. 用法 父组件通过 属性=值 的形式来传递给子组件数据; 子组件通过 props 参数获取父组件传递过来的数据, 详见child1函数组件 和 child2 类组件 2. PropTypes实现传递参数验证 (详见官网:https://zh-hans.reactjs.org/doc 阅读全文
摘要:
一. 前言 1. 纯函数 (1).函数式编程中有一个非常重要的概念叫纯函数,JavaScript符合函数式编程的范式,所以也有纯函数的概念; 在react开发中纯函数是被多次提及的; 比如react中组件就被要求像是一个纯函数(为什么是像,因为还有class组件),redux中有一个reducer的 阅读全文
摘要:
一. setState详解 1. 使用背景 开发中我们并不能直接通过修改state的值来让界面发生更新: (1).因为我们修改了state之后,希望React根据最新的State来重新渲染界面,但是这种方式的修改React并不知道数据发生了变化; (2).React并没有实现类似于Vue2中的Obj 阅读全文
摘要:
一. react脚手架 1. 什么是脚手架 编程中提到的脚手架(Scaffold),其实是一种工具,帮我们可以快速生成项目的工程化结构; 🚩每个项目作出完成的效果不同,但是它们的基本工程化结构是相似的; 🚩既然相似,就没有必要每次都从零开始搭建,完全可以使用一些工具,帮助我们生产基本的工程化模板 阅读全文
摘要:
一. jsx说明及用法 1. 什么jsx? JSX是一种JavaScript的语法扩展(extension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法; 它用于描述我们的UI界面,并且其完成可以和JavaScript融合在一起使用; 它不同于Vue中的模块语法,你不 阅读全文
摘要:
一. react简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschina.org/ ),React由Facebook来更新和维护,它是大量优秀程序员的思想结晶: (1). React的流行不仅仅局限于普通开发工程师对它的认可; (2) 阅读全文
摘要:
一. 说明 工作需要,最近学习下react 官网:https://react.docschina.org/ https://zh-hans.reactjs.org/ 二. React简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschi 阅读全文
摘要:
gitlab: gitblit http://www.gitblit.com/ (启动的时候注意 http节点 和 https节点不要被占用, 然后jdk需要安装64位的) https://cloud.tencent.com/developer/article/2134087 https://www 阅读全文
摘要:
一. 开源协议 新建仓库的时候,有个开源许可证,如下图: 常见的开源协议: 二. git push 默认配置 1. 官网说明 2. 重点剖析 (1). simple 【默认的配置】 git push 默认推送到远程服务器上的同名分支 注:即使设置了【 git branch --set-upstrea 阅读全文
摘要:
一. TortoiseGit详解 详见: https://www.cnblogs.com/yaopengfei/p/14945185.html 二. HbuilderX 基于 TortoiseGit ,与上述的操作步骤基本一致 三. VSCode 后续补充 四. VS2022 后续补充 ! 作 者 阅读全文
摘要:
一. 常用指令汇总 1. 指令图 2. 其它指令补充 (1). 配置用户名和邮箱: 【git config --global user.name "xxx"】【git config --global user.email "xxxx"】 (2). 查看设置的用户名和邮箱 : 【git config 阅读全文
摘要:
一. 说明 常用的一些软件使用技巧、以及一些常用的配置 二. 目录 阶段一:基本使用和配置 第一节:修改Nuget的下载位置 第二节:代码片段的制作(以VSCode、HbuilderX为例) 第三节:Postman常用技巧(全局/环境变量、常用脚本代码、关联案例、断言、参数化) 第四节:Git的概述 阅读全文
摘要:
一. pnpm简介 1. 官网的给出的定义 官网:https://pnpm.io/zh/ 快速的,节省磁盘空间的包管理工具 优势: 当使用 npm 或 Yarn 时,如果你有 100 个项目,并且所有项目都有一个相同的依赖包,那么, 你在硬盘上就需要保存 100 份该相同依赖包的副本 使用 pnpm 阅读全文
摘要:
一. 说明 1. 代码准备 (1). 安装 【npm install webpack webpack-cli -D】 修改package.json中的script标签,使其可以通过 【npm run build】调用局部安装的webpack (2). 代码,故意出错 查看代码 import { ad 阅读全文
摘要:
一. 跨域简介 PS:之前.Net系列中的跨域总结 https://www.cnblogs.com/yaopengfei/p/10340434.html (包含jsonp、script等古老的方式) https://www.cnblogs.com/yaopengfei/p/11191938.html 阅读全文
摘要:
一. 全局变量和环境变量 1. 全局变量 在 整个postman中都可以使用的变量。不需要 单独创建环境。 2. 环境变量 在 特定的环境下(或者作用域),才能使用的变量。需要给此变量创建单独的环境。使用步骤如下: (1). 创建环境 (2). 在对应的环境内添加或修改变量 (3). 选择需要生效的 阅读全文
摘要:
一.VSCode片段 1. 复制自己所需要的代码 比如要把下面的代码制作成代码片段 Vue.createApp({ template: '#myApp', data() { return { message: 'Hello Vue3!' } }, methods:{ } }).mount('#app 阅读全文
摘要:
一. 背景 之前无论采用node启动 或者 nodemon启动程序也好,如果终端被关闭掉了呢? 那么这个时候相当于启动的Node进程会被关闭掉; 我们将无法继续访问服务器; 在真实的部署过程中,我们会使用一个工具pm2来管理Node的进程: PM2是一个Node的进程管理器; 我们可以使用它来管理N 阅读全文
摘要:
一. Cookie 1. 简介 (1). Cookie(复数形态Cookies),又称为“小甜饼”。类型为“小型文本文件”,某些网站为了辨别用户身份而存储在用户本地终端(Client Side)上的数据。 浏览器会在特定的情况下携带上cookie来发送请求,我们可以通过cookie来获取一些信息; 阅读全文
摘要:
一. 搭建步骤 (PS:本节重点分享一下思路和步骤,不贴代码了,代码太长了) 1. 安装相关程序集 【npm install koa koa-bodyparser @koa/router】 -- koa相关 【npm install mysql2】 -- 连接mysql的驱动 【npm instal 阅读全文
摘要:
一. express和koa对比 1. 从架构的角度 (1). express是完整和强大的,其中帮助我们内置了非常多好用的功能. (比如:路由、json解析等) (2). koa是简洁和自由的,它只包含最核心的功能,并不会对我们使用其他中间件进行任何的限制。 koa中连最基本的get、post都没 阅读全文
摘要:
一. 简介 1. 常用的库 mysql:最早的Node连接MySQL的数据库驱动; mysql2:在mysql的基础之上,进行了很多的优化、改进; 【推荐使用】 2. mysql2简介 (1). mysql2兼容mysql的API,并且提供了一些附加功能 (2). 更快/更好的性能; (3). Pr 阅读全文
摘要:
一. 基本使用 1. 简介 koa:node.js的下一代web框架; 事实上,koa是express同一个团队开发的一个新的Web框架: (1). 目前团队的核心开发者TJ的主要精力也在维护Koa,express已经交给团队维护了; (2). Koa旨在为Web应用程序和API提供更小、更丰富和更 阅读全文
摘要:
一. express入门 1. 简介 Express是一个路由和中间件的Web框架,它本身的功能非常少,本质上是一系列中间件函数的调用。 (官网:https://www.expressjs.com.cn/) 2. 快速搭建 (1). 方案1-使用脚手架 【不推荐】 A. 安装脚手架:npm inst 阅读全文
摘要:
一. 基本用法 1. 创建:使用createServer创建一个服务器 2. 监听:使用server.listen进行端口的监听 3. 返回:通过response.end(xxx);方法返回给前端 4. 补充listen监听的三个参数 ◼ 端口port: 可以不传, 系统会默认分配端, 后续项目中我 阅读全文
摘要:
一. fs文件系统 1. 文件的读取 nodejs中API大多数都提供三种操作方式: 方式一:同步操作文件:代码会被阻塞,不会继续执行;【eg:readFileSync】 方式二:异步回调函数操作文件:代码不会被阻塞,需要传入回调函数,当获取到结果时,回调函数被执行;【eg:readFile】 方式 阅读全文
摘要:
一. CSS中的内置函数 1. var 使用CSS定义的变量; 属性名需要以两个减号(--)开始; 属性值则可以是任何有效的CSS值; 注:自定义属性的可见作用域(只在选择器内部有效),所以推荐将自定义属性定义在html中,也可以使用 :root 选择器; <style> :root { /* 定义 阅读全文