第三方cdn网页react
三方对接「心得」与「体会」
和三方的关系要处好； 01 如果你看到这个话题，并不知道是什么意思，那么祝贺你，安安静静的当个小码农也挺好； 不过我敢说，随着职业生涯的慢慢发展，大家都得碰到，到时候就细细体会吧； 那年，我双手插兜，不知道什么叫三方对接；直到入职了一家金融公司后，承接了一个需求：跟银行对接数据流水； 从此就一发不可 ......
Android Studio 学习-第三章 Activity 第二组
事先申明：所有android 类型的学习记录全部基于《第一行代码 Android》第三版，在此感谢郭霖老师的书籍帮助。 1.注册activity 在第一组中，我创建了一个activity，并且编辑布局后加载显示了一个按钮，但实际上每一个activity都要先注册才生效，第一组中的activity实际 ......
构建之发第二章第三章
第二章讲的是1单元测试①重要的单元测试：有效解决程序员对模块功能的误解、疏忽或不了解模块的变化之类的问题，使自己负责的模块功能定义尽量明确，模块的质量得到稳定的、量化的保证。②好的单元测试的标准：在最基本的功能/参数上验证程序的正确性单元测试必须由最熟悉代码的人（程序的作者来写）单元测试过后，机器的 ......
第九天（nginx-第三篇--------nginx的相关总结）
1.1、 Nginx Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10 ......
react生命周期
componentWillMount:16版本就废弃了，相当于Vue中created; componentDidMount: 会在组件挂载后（插入DOM中）立即调用；相当于Vue中的onMounted; componentDidUpdate(prevProps, prevState, snapsho ......
免费1年服务器，部署个ChatGPT专属网页版
作者：小傅哥 博客：https://bugstack.cn 沉淀、分享、成长，让自己和他人都能有所收获！😄 白皮袄个免费1年服务器，部署个ChatGPT专属网页版！ api.openai.com port 443: Connection timed out 你是不在调用 ChatGPT 接口的时候 ......
万字血书React—走近React
配置开发环境 脚手架工具create-react-app 储备知识：终端或命令行、代码编辑器 React官方中文文档 create-react-app 其是基于Node的快速搭建React项目的脚手架工具。 npx create-react-app testdemo cd testdemo npm ......
linux静态网页访问/var/www/html
说明 linux目录下有个目录：/var/www/html，把“静态网页”放到这个目录下就可以通过IP很方便的访问 好处：不用配置tomcat等等，直接上传即用！ 如果要访问 /var/www/html/1.html 我在浏览器地址栏输入 http://[ip]/1.html 就行了。 但是 这个便 ......
第三篇 前端安全 - 【 CDN劫持 + Iframe威胁 + 安全沙箱 - Sandbox 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ？ CDN Con ......
第三篇 计算机网络基础 - Http协议【 http报文 + http状态码 + http压缩协议 】
http 报文 HTTP 报文：用于 HTTP 协议 交互的信息 被称为 HTTP 报文 1、请求 【 Request 】 端的报文叫 请求报文 2、响应 【 response 】 端的报文叫 响应报文 http 请求报文 1、请求报文 示例 POST /index.html HTTP/1.1 HO ......
cdn引入vue 在html页面中,用axios请求接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染数据</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></scr ......
react根据antd下拉框监听事件带出表单输入框值
// 招待费根据招待人数，陪同人数，人均标准自动带出申请金额 peopleChange = (value,field) => { const {form} = this.props if (value null) { form.setFieldsValue({amount: 0}) return } ......
第三篇 TypeScript 【 typeScript 函数 + typeScript 数组 + typeScript 对象】
typeScript 函数 TypeScript 函数与 JavaScript 函数的区别 | TypeScript 函数 | JavaScript 函数 | | | | | 含有类型 | 无类型 | | 箭头函数 | 箭头函数（ES2015） | | 函数类型 | 无函数类型 | | 必填和可选参 ......
第三章 设计模式 - 创建型 - 工厂模式
工厂模式的概念 1、工厂模式 是用来创建对象的一种 最常用的 设计模式 2、不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂 3、工厂模式根据抽象程度的不同可以分为 3 类 1、简单工厂 【 静态工厂 】 2、工厂方法 3、抽象工厂 工厂模式的功能 1、解耦， ......
第三章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程二
bable 概述 1、babel 是什么 babel 是把 最新特性、浏览器无法兼容的代码，编译成浏览器可识别的代码（低版本浏览器对新特性的支持不友好），就比如 箭头函数，经过 babel 的转化后，就会变成 普通的函数 2、babel 的 3 种使用方式 1、使用单体文件 2、命令行 【 babe ......
第三篇 vue - 基础 - 创建一个 Vue 应用、应用实例讲解
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置，并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js，然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 ......
第三篇 css - 优先级 - 【 级联 和 继承 】
概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式，这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致，那么取决于 选择器 优先级（行内样式归纳到选择器这一 ......
第三篇 html5 - 新特性【语义化标签 + 增强型表单 + 音频视频】
语义化标签 语义化标签概述 1、清晰易读 2、有利于SEO，方便搜索引擎识别页面结构 3、方便设备解析、比如盲人阅读 | 标签 | 特性 | | | | | header | 定义文档头部区域，一般用在头部 | | section | 定义文档中的一块区域,替代 div 布局 | | nav | 定 ......
第三篇 作用域、作用域链、执行上下文、函数、内存泄漏和垃圾回收
1、作用域 作用域表示当前的执行上下文，值和表达式在其中可见或可被访问到的上下文。作用域决定了代码区块中变量和其他资源的可见性。 1、全局作用域 在代码中任何地方都能访问到的对象，拥有全局作用域。 window对象的属性、方法 定义在最外层的变量、函数、对象 未定义直接赋值的变量 2、局部作用域 局 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
网页 大文件上传解决方案(500M以上)
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
同一个网页手机可以打开但是电脑打不开
这种情况出现可以排除服务器的问题，可能是DNS解析出现了问题，我知道可能的问题主要有两个 1. 电脑中的hosts文件被篡改，导致防止的域名被解析到了另一个ip地址上，但是这种可能性极低 hosts文件位置： 2. 电脑网络使用的DNS服务器出现了问题，可以考虑手动配置更换一个DNS服务器 这种方法 ......
网页爬虫为什么需要爬虫ip
在现如今数据满天飞的时代，各行各业对于公开数据的应用越发的广泛，这也就对数据采集的需求日益增多。市场需求在变大变宽，但是配套的技术人员却无法满足需求。因此，越来越多的人选择网络爬虫这个行业。 今天我们就谈谈数据抓取中使用的爬虫ip相关的知识，高质量IP也是爬虫稳定工作的重要前提。 爬虫ip概述 ip ......
一个斜杠引发的CDN资源回源请求量飙升
背景 一个安静的晚上，突然接到小伙伴电话线上CDN回源异常，具体表现为请求量飙升，且伴有少量请求404，其中回源请求量飙升已经持续两天但一直未被发现，直到最近404请求触发了告警后分析log才同时发现回源量飙升这一问题。 触发问题的原因很快被发现并修复上线，这里分享一下跟进过程中进一步学习到的CDN ......
python不借助第三方异步框架如何做异步、定时、延时任务？
问题 python不借助第三方异步框架如何做异步、定时、延时任务？ 回答 在Python中，可以使用标准库中的asyncio模块来实现异步任务、定时任务和延时任务。 异步任务： 使用asyncio模块中的async关键字定义协程函数，使用await关键字调用异步函数，同时使用asyncio.run( ......
Linux学习第三课-文件基本属性
1. 文件基本属性 在Linux中，可以使用ll或ls -l命令来显示一个目录或文件的属性以及所属的用户和组 如在根目录下： 如上图所示，每列的含义为： 第一列表示属性； 第二列对于普通文件是链接数，对于目录文件是第一级子目录数; 第三列表示所属用户; 第四列表示所属组; 第五列表示文件 ......
百度2020校招Web前端工程师笔试卷（第三批）（大题21~23）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body, ul, li,select { margin: 0; padding: 0; box-sizing: border-box; } ul,li {list-style: ......
第三部分：Spdlog 日志库的实现原理
#! https://zhuanlan.zhihu.com/p/617432495 Spdlog 是一个快速、异步的 C++ 日志库，被广泛应用于 C++ 项目中。在这篇文章中，我们将探讨 Spdlog 日志库的实现原理。 Spdlog 的结构 Spdlog 由五个主要组件构成：Loggers、Si ......
Android Studio 学习-第三章 Activity 第一组
事先申明：所有android 类型的学习记录全部基于《第一行代码 Android》第三版，在此感谢郭霖老师的书籍帮助。 1.手动创建Activity 在Project类型目录中寻找到 项目/app/src/main/java/com.example.activitytest 在 com.exampl ......
利用RAII处理第三方变量
#include <iostream> #include <functional> using F1 = std::function<void()>; using F2 = F1; template <typename T1, typename T2> class RAII { public: RA ......