React学习笔记

React系列学习教程合集


算是一个简单的系列合集笔记记录,温度而知新React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-redux学习React路由...
算是一个简单的系列合集笔记记录,温度而知新React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-red......

React系列学习教程合集

算是一个简单的系列合集笔记记录,温度而知新React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-red......
阅读全文 1
Web前端

手写系列-这一次,彻底搞懂 Promise


一、前言想要实现 Promise,必须先了解 Promise 是什么,以及 Promise 有哪些功能。还不是特别了解 Promise 的同学,建议先移步 ES6入门-Promise 熟悉。Promise 是基于 Promises/A+ 规范 实现的,换句话说,我们可以按照 Promises/A+ 规范 来手写 Promise。1.1 小例子Pr......
一、前言想要实现 Promise,必须先了解 Promise 是什么,以及 Promise 有哪些功能。还不是特别了解 Promise 的同学,建议先移步 ES6入门-Promise 熟悉。Promi......

手写系列-这一次,彻底搞懂 Promise

一、前言想要实现 Promise,必须先了解 Promise 是什么,以及 Promise 有哪些功能。还不是特别了解 Promise 的同学,建议先移步 ES6入门-Promise 熟悉。Promi......
阅读全文 0
Web前端

什么是异步迭代?如何自定义迭代?一文详解ES6的迭代器与生成器


迭代器迭代器是一种有序、连续的、基于拉取的用于消耗数据的组织方式,用于以一次一步的方式控制行为。简单的来说我们迭代循环一个可迭代对象,不是一次返回所有数据,而是调用相关方法分次进行返回。迭代器是帮助我们对某个数据结构进行遍历的对象,这个object有一个next函数,该函数返回一个有value和done属性的object,其中value指向迭......
迭代器迭代器是一种有序、连续的、基于拉取的用于消耗数据的组织方式,用于以一次一步的方式控制行为。简单的来说我们迭代循环一个可迭代对象,不是一次返回所有数据,而是调用相关方法分次进行返回。迭代器是帮助我......

什么是异步迭代?如何自定义迭代?一文详解ES6的迭代器与生成器

迭代器迭代器是一种有序、连续的、基于拉取的用于消耗数据的组织方式,用于以一次一步的方式控制行为。简单的来说我们迭代循环一个可迭代对象,不是一次返回所有数据,而是调用相关方法分次进行返回。迭代器是帮助我......
阅读全文 1
Web前端

初识JS的Symbol数据类型以及它的使用场景


什么是 SymbolSymbol作为ES6 新增原始数据类型的一种,表示独一无二的值。回忆一下原始类型的范畴(string, number, boolean, null, undefined, symbol)。Symbol的使用创建一个Symbolconst a = Symbol()console.log(typeof a) // symbo......
什么是 SymbolSymbol作为ES6 新增原始数据类型的一种,表示独一无二的值。回忆一下原始类型的范畴(string, number, boolean, null, undefined, sym......

初识JS的Symbol数据类型以及它的使用场景

什么是 SymbolSymbol作为ES6 新增原始数据类型的一种,表示独一无二的值。回忆一下原始类型的范畴(string, number, boolean, null, undefined, sym......
阅读全文 0
Web前端

IM腾讯实时音视频小记


Uniapp使用腾讯实时音视频(demo)在插件市场购买插件(0元) https://ext.dcloud.net.cn/plugin?id=9035 输入安卓包名(hbuilder点击发行 原生app云打包之后可以看到包名)配置插件完成步骤1后 打包(发行 原生app云打包)使用公共测试证书自定义调试基座 然后运行到安卓......
Uniapp使用腾讯实时音视频(demo)在插件市场购买插件(0元) https://ext.dcloud.net.cn/plugin?id=9035 输入安卓包名(hbuilder点击发行 原生ap......

IM腾讯实时音视频小记

Uniapp使用腾讯实时音视频(demo)在插件市场购买插件(0元) https://ext.dcloud.net.cn/plugin?id=9035 输入安卓包名(hbuilder点击发行 原生ap......
阅读全文 1
Jenkins

Jenkins环境变量及绑定域名问题解决


环境变量问题node/npm 命令报不存在设置方法首选安装 node 设置软连接 https://www.iyouhun.com/post-125.html然后在服务器中输出环境变量echo $PATH# /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin在 Jenkin......
环境变量问题node/npm 命令报不存在设置方法首选安装 node 设置软连接 https://www.iyouhun.com/post-125.html然后在服务器中输出环境变量echo $PAT......

Jenkins环境变量及绑定域名问题解决

环境变量问题node/npm 命令报不存在设置方法首选安装 node 设置软连接 https://www.iyouhun.com/post-125.html然后在服务器中输出环境变量echo $PAT......
阅读全文 2
Jenkins

Jenkins Generic Webhook Trigger 插件使用


Coding项目 Webhook 设置1.进入项目设置 => 开发者选项 => Service Hook => 新建Service Hook2.根据你的项目选择不同的事件触发类型及过滤条件3.配置发送方式执行动作:默认就行服务URL:就是你的generic-webhook-trigger调用地址,http://JEN......
Coding项目 Webhook 设置1.进入项目设置 => 开发者选项 => Service Hook => 新建Service Hook2.根据你的项目选择不同的事件触发类型及过......

Jenkins Generic Webhook Trigger 插件使用

Coding项目 Webhook 设置1.进入项目设置 => 开发者选项 => Service Hook => 新建Service Hook2.根据你的项目选择不同的事件触发类型及过......
阅读全文 1
Jenkins

Jenkins Publish over SSH 插件配置及服务器互信


服务器互信A服务器:Jenkins 所在服务器B 服务器:项目部署所在服务器A 服务器生成秘钥ssh-keygen# 一路回车A 服务器 将本地的ssh公钥文件安装到远程主机对应的账户下 (也可以手动复制,推荐命令)# 执行命令后输入密码完成复制ssh-copy-id root@B服务器IP#端口不一致复制方法......
服务器互信A服务器:Jenkins 所在服务器B 服务器:项目部署所在服务器A 服务器生成秘钥ssh-keygen# 一路回车A 服务器 将本地的ssh公钥文件安装到远程主机对应的账户下 (也可以手动......

Jenkins Publish over SSH 插件配置及服务器互信

服务器互信A服务器:Jenkins 所在服务器B 服务器:项目部署所在服务器A 服务器生成秘钥ssh-keygen# 一路回车A 服务器 将本地的ssh公钥文件安装到远程主机对应的账户下 (也可以手动......
阅读全文 1
Web前端

XSS跨站脚本攻击原理分析与防御


什么是XSSXSS(Cross Site Script)攻击是指黑客通过“HTML注入”篡改网页,插入恶意的脚本,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。XSS分类反射型XSS反射型XSS也被称为非持久性XSS,是现在最容易出现的一种XSS漏洞。当用户访问一个带有XSS代码的URL请求时,服务器端接收数据......
什么是XSSXSS(Cross Site Script)攻击是指黑客通过“HTML注入”篡改网页,插入恶意的脚本,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目......

XSS跨站脚本攻击原理分析与防御

什么是XSSXSS(Cross Site Script)攻击是指黑客通过“HTML注入”篡改网页,插入恶意的脚本,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目......
阅读全文 1
Web前端

TypeScript高级类型


TS 中的类型兼容性TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)TS 采用的是结构化类型系统,也叫做 duck typing(鸭子类型),类型检查关注的是值所具有的形状也就是说,在结构类型系统中,如果两个对象具有相同的形状,则认......
TS 中的类型兼容性TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)TS 采用的是结......

TypeScript高级类型

TS 中的类型兼容性TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)TS 采用的是结......
阅读全文 1