第三方cdn网页react
python安装第三方库失败？
WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=None)) after connection broken by 'NewConnectionError('<pip._vendor.u ......
SpringCloud微服务实战——搭建企业级开发框架（五十二）：第三方登录-微信小程序授权登录流程设计和实现
在前面的设计和实现中，我们的微服务开发平台通过JustAuth来实现第三方授权登录，通过集成公共组件，着实减少了很多工作量，大多数的第三方登录直接通过配置就可以实现。而在第三方授权登录中，微信小程序授权登录和APP微信授权登录是两种特殊的第三方授权登录。 JustAuth之所以能够将多种第三方授权登 ......
AndroidStudio引用第三方so库的正确姿势
以项目名称app1为例： 1、把so文件复制到 \app1\app\libs\ 文件夹下，但是要注意，so文件是放在对应的平台文件夹之下（如arm64-v8a，armeabi-v7a， x86，x86_64），这点非常重要，否则不能成功引用，每个平台文件夹下都放上该so文件，如下图： 2、Andro ......
react学习笔记之绑定的事件为何渲染的时候就被触发
//在这个代码片段中，handleRemove应该被绑定为一个函数，而不是一个函数调用 //这样，当点击按钮时，handleRemove函数将被调用，而不是在渲染时被立即调用。 ......
react项目中引入图片的方式
通常我们引入图片的方式： <img src=' ' alt=' ' /> 但是在react项目中这样引入的话图片会加载不出来 react项目中引入图片的方式有两种： 第一种：组件的方式引入 import Img from '../img/d1.jpg' <img src={Img} alt='' / ......
2048简单游戏网页版
失业在家，做几个小游戏看看 玩法：按键盘的上下左右操作 2048.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2048小游戏</title> </head> <style> html,body{ ......
关于使用AWS的CDN-CloudFront的费用计算及说明
今天因需要为一个自己设计的小项目计算费用，因为涉及到了CloudFront，也是需要预算其费用的、 因为这里笔者说明一下关于使用AWS的CloudFront ，会如何进行计费，有那些收费条目 首页说一下，关于CloudFront的收费标准及详情、可以参考：https://www.amazonaws. ......
React的生命周期
React旧版的生命周期 初始化阶段：由ReactDOM.render()触发 初次渲染 1.constructor() 2.componentWillMount() 3.render() 4.componentDidMount() 一般在这个里面做一些初始化的事情，如定时器，发送网络请求，订阅消息 ......
使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试
通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试 1.需要插件：ABC JS-CSS Injector 设置Title和Domain， 配置使用一下代码： 其中：http://127.0.0.1 ......
react中实现发布订阅
1. 安装插件 npm install pubsub-js --save-dev 2. 在需要发布消息的组件引入使用 import pubsub from 'pubsub-js'; ... // 发布消息 pubsub.publish('name','hello world') 3. 在需要订阅消息 ......
python 协程 第三方greenlet
1. greenlet 自行执行的微线程 https://greenlet.readthedocs.io/en/latest/greenlet.html 2. 终端安装 pip install greenlet 3. 举个栗子 import time from greenlet import gre ......
react动态类名绑定以及多类名绑定
// 动态类名 <div className={flag?'class1':'class2'}>111</div> // 多类名 <div className={[flag?'class1':'class2','class3','class4'].join(' ')}>111</div> ......
react中的useRef和useContext
1. useRef和useState类似，都是用来更新数据，但是useRef更新数据是同步的 useRef返回一个对象，初始化数据保存在current字段下 import {useRef} from 'react'; const data = useRef(0); const obj = useRe ......
Quicker快速开发，简单的网页数据爬取（示例，获取天眼查指定公司基础工商数据）
前言 有某个线上项目，没有接入工商接口，每次录入公司的时候，都要去天眼查、企查查或者其他公开数据平台，然后手动录入，一两个还好说，数量多了的重复操作就很烦，而且，部分数据是包含超链接，一不注意就点进去，又多了一个步骤。 因此，我就用Quicker写了一个数据抓取脚本，用来抓取一些公开的工商数据，逻辑 ......
SpringBoot整合第三方技术
整合JUnit 名称：@SpringBootTest类型：测试类注解位置：测试类定义上方作用：设置JUnit加载的SpringBoot启动类范例： @SpringBootTest(classes = Springboot07JunitApplication.class)class Springboo ......
anaconda环境变量下安装第三方库失败情况
anaconda环境变量下安装第三方库失败情况 1. UnavailableInvalidChannel: The channel is not accessible or is invalid. channel name: anaconda/pkgs/free channel url: https ......
react项目中state和useState
1. 在类组件中，数据保存在state中，更新数据使用setState setState有两种用法 函数式 state={ count:0 } ... setState(state=>(count:state.count+1)) 对象式 state={ count:0 } ... setState( ......
react回退上一页到原来位置
1.准备用到的数据 import React, { useContext, useState } from 'react'; import PropTypes from 'prop-types'; import { useLocation } from 'react-router-dom'; // ......
React的组件通信与状态管理
目录 1. 组件通讯-概念 1.组件的特点 2.知道组件通讯意义 总结： 2. 组件通讯-props 基本使用 1.传递数据和接收数据的过程 2.函数组件使用 props 3.类组件使用 props 总结： 3. 组件通讯-props 注意事项 1.知道什么是单向数据流？ 2.props 可以传递什 ......
react的组件创建类型
一、类组件(有状态组件) 有props.控制状态state,可以试用生命周期函数 1. 类名称必须以大写字母开头 2. 类组件必须继承React.Component父类，从而可以使用父类中提供的方法或属性 3. 类组件必须提供render()方法 4. render()方法必须要有返回值 impor ......
网页跳转
我们经常会看到底部导航栏，比如首页、发布、购物车三个功能，当我们点击的时候就可以跳转过去，在这里是包含一个网址链接的，今天就在第二大学远程实习中学到了，写一个学习笔记。 Navigator组件：网页链接。 常用属性： open-type：跳转方式 在这里面呢，也有很多的合法值，比如navigate、 ......
React-router v6 路由总结
React-router v6 路由总结 组件 BrowserRouter：整个前端路由以 history 模式开始，包裹根组件 HashRouter：整个前端路由以 hash 模式开始，包裹根组件 Routes：类似于 v5 版本的 Switch，主要是提供一个上下文环境 Route：在 Rout ......
核心网页指标 WebVitals 优化遇到的问题
1.FCP时间太久。首屏不应该包含动态内容，内容在动，可能会被认作没有完成FCP的渲染。 2.关于CLS。CSS不应该包含在页面中间，如果页面中间有CSS，建议移动到页面头部Head里面。 3.LCP。尽可能的缩减图片的大小，提高压缩比，降低图片质量，加载越快LCP分数越高。 ......
美团第三方组件使用
代码块 CodeMirror 流程图 DrawIO 思维导图 KityMinder 甘特图 jQueryGantt 数据图表 可通过6000/TT工单反馈 HTML 可通过6000/TT工单反馈 Markdown MarkdownIt plantUML PlantUML-Encoder ......
react-text-loop-next
react-text-loop-next An animated loop of text nodes for your headings. Uses react-motion for the transition so it handles super fast animations and sp ......
Selenium 自动化浏览器，解决懒加载的网页获取问题
Selenium 自动化浏览器，解决懒加载的网页获取问题。可以用于爬虫这些 在使用 Selenium WebDriver 进行自动化测试时，可以通过设置日志级别来控制输出的日志信息。在 C# 中，可以通过以下方式来禁用 Selenium WebDriver 输出的日志信息： 导入 OpenQA.Se ......
React学习笔记（四）—— 组件通信与状态管理、Hooks、Redux、Mobe
react管理状态的工具： 1、利用hooks进行状态管理； 2、利用Redux进行状态管理，这种方式的配套工具比较齐全，可以自定义各种中间件； 3、利用Mobx进行状态管理，它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前，大概 ......
暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现
众所周知，网页的暗黑模式可以减少屏幕反射和蓝光辐射，减少眼睛的疲劳感，特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应（Neon Effect）提供了发挥的环境。 霓虹灯效应是一种视觉效果，其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓 ......
[Python]第三章（废弃）
Python的内置类型 Python的类型分类 Py不同于其他语言的一个重要概念是：Py中的一切均为对象，Python面对对象的原理与其他语言不同： 所有数值都封装到特定的对象中，Python不存在C中int这样的简单类型。 所有东西都是对象，包括代码本身也被封装到对象中。 Py的解释器内建数个大类 ......