自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

学无止境

一个爬坑的Coder

  • 博客(39)
  • 收藏
  • 关注

原创 React使用useImperativeHandle实现父组件触发子组件事件

相关知识:useImperativeHandleforwardRef相关代码:获取子组件实例,由于这是函数组件,没有this因此不能整体获取,我们可以通过useImperativeHandle获取想要的变量或者方法。父组件import React, { useRef } from "react";import Child from "./child";function Parent(props) { const childRef = useRef(); const cha

2023-09-13 17:23:10 997

原创 实现JSONP请求

同源策略JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。而所有非同源的请求(即 域名,协议,端口 其中一种或多种不相同),都会被作为跨域请求。实际上请求发了, 也返回了数据, 只是浏览器检测到时非同源的数据, 就会被浏览器丢掉然后标签发出的请求不会被同源策略检测到, 因此可以用来发送请求, 如script, img等标签JSON实现流程定义全局函数, 发送请求(客户端)<!DOCTYPE html><html lang="en"&gt

2023-09-13 17:23:03 936

原创 webpack自定义loader解析指定后缀名文件

webpack自定义loader解析指定后缀名文件

2023-09-13 17:22:54 1102

原创 使用 CSS 伪类的attr() 展示 tooltip

使用 CSS 伪类的attr() 展示 tooltip

2023-09-13 17:22:43 659

原创 CSS的Grid布局制作伸缩效果

利用CSS的Grid布局制作伸缩效果

2023-05-31 14:13:30 341

原创 JavaScript实现水印效果

JavaScript实现水印效果API来对遮罩层做监听, 防止属性修改或者dom节点被人为的删除。

2023-05-17 20:32:51 1606

原创 ReactDOM.render函数内部做了啥

ReactDOM.render函数内部做了啥

2023-03-09 14:34:28 372

原创 浅谈React Fiber工作原理

浅谈React Fiber工作原理Fiber数据结构Fiber工作单元双缓存架构

2023-03-01 22:09:52 467

原创 React架构演变

React架构演变

2023-02-28 20:42:13 317

原创 利用Github实现(多个)个人网站

利用Github账号实现(多个)个人网站

2023-01-04 14:00:11 2259 2

原创 总是讲回流重绘,它的应用场景是什么?

总是讲回流重绘,它的应用场景是什么?

2022-12-20 10:48:49 187

原创 前端CSS实现跳动的文字

前端CSS实现跳动的文字

2022-12-20 09:16:31 3169 4

原创 前端CSS实现苹果官网文字渐入效果

端CSS实现苹果官网文字渐入效果

2022-12-17 09:18:09 1259

原创 一个新的React项目我们该如何配置

一个新的react项目该如何配置

2022-12-17 09:01:35 1293 1

原创 使用CSS的position: sticky属性实现吸顶效果

使用CSS的position: sticky属性实现吸顶效果实现吸顶后改变高度

2022-09-30 10:42:14 803

原创 使用CSS的offset-path属性让元素沿着不规则路径运动

使用CSS的offset-path属性让元素沿着不规则路径运动

2022-09-27 13:57:01 1558

原创 使用CSS渐变制作进度条

使用CSS渐变制作进度条

2022-09-27 10:17:20 546

原创 前端项目规范化

前端项目规范prettiereslintstylelint

2022-06-25 15:28:26 1613 4

原创 React 路由登录和用户身份鉴权

React 路由登录和用户身份鉴权

2022-06-18 12:25:15 2004

原创 利用css filter给img修改颜色

利用css filter给img修改颜色

2022-06-14 14:15:27 1503

原创 手写webpack核心原理

手写webpack核心原理

2022-06-12 17:50:21 586 2

原创 css resize属性实现div拉伸

效果图:核心点:div宽度自适应宽度自适应 width默认情况下, 块级元素不设置宽度, 默认为整个屏幕宽度或者和父级同宽如果元素脱离了文档流(浮动或者定位), 那么元素的宽度由元素的内容决定css resize属性相关介绍: MDNresize 生效的条件: 不支持内联元素; 块级元素,需要overflow属性的计算值不是visible。整体布局<div class="container"> <!-- resizable 用于拉伸的工具 --

2022-04-19 15:48:16 2544

原创 TA业务学习

文章目录什么是TA系统销售系统和TA的关系什么是TA系统开放式基金登记过户, 用于给投资者注册登记进份额.例如: 购买基金时候, 需要一个系统登记"谁买了多少"的信息; 基金变化的过程(基金的申赎)和这个基金持有量的记录. 这样的系统叫做TA系统.销售系统和TA的关系销售系统相当于TA系统伸到各个销售网点的触手,接收投资人的业务申请并发送给TA系统,申请包括账户开户、登记、认购、申购、基金转换、赎回等。...

2021-09-17 16:17:53 13620 3

原创 react-redux基本使用

还在学习中…学习视频动机引用地址随着 JavaScript 单页应用开发日趋复杂,JavaScript 需要管理比任何时候都要多的 state (状态)。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据,也包括 UI 状态,如激活的路由,被选中的标签,是否显示加载动效或者分页器等等。管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化,那么当 view 变化时,就可能引起对应 model 以及另一个 model 的变化

2021-06-26 22:11:54 340 2

原创 Webpack学习

学习视频: https://www.bilibili.com/video/BV1e7411j7T5?p=11. 简介参考链接: https://segmentfault.com/a/1190000017777256webpack 是前端的一个项目构建工具,它是基于Node.js开发出来的一个前端工具。WebPack可以看做是模块打包器(module bundler),通过分析项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将

2021-03-09 14:44:34 169 3

原创 pyinstaller打包scrapy

首先安装pyinstallerpip install pyinstaller我们想要的效果: 点击EXE文件, 然后运行scrapy程序, 也就是运行EXE时候需要执行这条命令scrapy crawl 爬虫名第一种方式(行不通, 但是容易想到)scrapy提供了一个模块cmdline, 我们首先可以在scrapy项目的scrapy.cfg同级目录下, 创建一个crawl.py文件, 里面存在爬虫命令from scrapy import cmdline# cmdline.execute

2021-01-29 14:14:56 821

原创 Scrapy爬虫框架, 基本使用

个人学习笔记文章目录1. 安装Scrapy2. Scrapy五大组件3. 初步使用1. 安装Scrapy我的Python版本是3.8首先安装twistedpip install twisted出现问题: 下载出现问题, 提示Microsoft Visual C++ 14.0 is required解决办法: 使用离线包进行安装或者安装这个微软组件, 这里我是使用离线包链接:https://pan.baidu.com/s/1Ork5rctPg6DsW7izpc_O6w提取码:66.

2021-01-17 15:21:56 469

原创 C语言程序设计代码

文章目录统计输入字符串中各个大写字母出现的次数统计输入字符串中各个大写字母出现的次数#include <stdio.h>#include <memory.h>// 统计输入字符中, 各个大写字母出现的次数;void main(void){ char ch; int num[26], i; // 初始化数组, 将每个元素设置为0; memset(num, 0, 26 * sizeof(int)); while ((ch = ge

2020-11-04 14:48:39 1362

原创 centos7 nginx安装及其使用

centos7 nginx安装及其使用ifconfig看不到ip地址vi /etc/sysconfig/network-scripts/ifcfg-ens33onboot =no 改成yes然后重启网络sudo service network restartnginx的安装下载nginx(nginx-1.12.2.tar.gz)安装并启动nginx进入/usr/sr...

2020-03-17 18:03:14 489

原创 sequelize结合sequelize-cli使用

文章目录基本配置sequelize安装查看有哪些命令初始化配置数据库基本使用创建数据库创建模型和迁移文件数据类型迁移文件字段属性添加索引timestamp设置基本配置sequelize安装yarn add sequelizeyarn add sequelize-cliyarn add mysql2查看有哪些命令.\node_modules\.bin\sequelize初始化....

2020-03-05 17:44:23 4217 9

原创 Python 爬虫基础部分

GET请求 import urllib.request import urllib.parse url = "http://www.baidu.com/s?" keyword = input("请输入你要搜索的关键字:") # 带上请求头,为了模拟访问网站是浏览器运行的,而不是脚本运行 headers = { ...

2020-03-03 17:25:56 156

原创 Python 贪婪模式和非贪婪模式

贪婪匹配 .* import re string = "<div>您好</div></div> " # .*匹配成功过后还会继续进行,到不能匹配为止, pattern = re.compile(r'<div>.*</div>') result = pattern.search(string) ...

2020-03-03 17:25:42 418

原创 Python 爬虫handler和opener

urlopen()方法不支持代理、cookie等其他的HTTP/HTTPS高级功能1. 最基础的用法 import urllib.request import urllib.parse url = "http://www.baidu.com/" headers = { 'user-agent': 'Mozilla/5.0 (Windows...

2020-03-03 17:25:22 199

原创 Python 单例模式

单例模式 class User(object): __instance = None def __init__(self, username): self.username = username # __new__必须要返回当前类的对象 def __new__(cls, username): if not cls.__instance: cls.__i...

2020-03-03 17:25:09 107

原创 Python __new__和__init__

__new__ 和 __init__ # __init__是实例级别的算法, __new__是类级别的算法 class User(object): def __init__(self, username, password): self.username = username; self.password = password prin...

2020-03-03 17:24:56 151

原创 Canvas波形运动

小球类class Ball{ constructor(obj) { this.x = obj.x; this.y = obj.y; this.r = obj.r; this.scaleX = 1; this.scaleY = 1; this.color = '#E685FF'; } draw(ctx){ ctx.save(); ctx.translate(t...

2020-03-03 17:24:39 327

原创 JavaScript 矩形碰撞检测

R1 < L2 ===>B左侧没有碰到的区域L1 > R2 ===>B右侧没有碰到的区域B1 < T2 ===>B上侧没有碰到的区域T1 < B2 ===>B下侧没有碰到的区域最后取反也就是B这个整个矩形区域...

2020-03-03 17:22:18 1094

原创 Django基础操作

持续学习中...\color{#f44336}{持续学习中...}持续学习中...Django基本配置创建Django项目pthon manage.py startproject projectName服务器的启动python manage.py runserver 创建后台用户python manage.py createsuperuser新建Apppython mana...

2020-03-03 10:07:18 296

原创 MySQL基础操作

持续学习中...\color{#f44336}{持续学习中...}持续学习中...配置操作连接MySQLmysql -h 127.0.0.1 -u root -p#参数: # -h 主机 本地数据库可以不用写 # -u 用户名 # -p 密码添加新用户# 允许本地IP访问localhost,127.0.0.1create user 'testuser'@'localhost'...

2020-03-03 10:04:49 1533 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除