2025 Python工程师
2025-08-20 15:31:17 0 举报
AI智能生成
123
作者其他创作
大纲/内容
第一阶段Python核心编程
软件安装
初识Python+环境安装
Python零基础入门
变量+PIP使用
模块导入与使用
标准库模块
第三方模块
数据类型 - 字符串
整数与浮点数
整数运算
浮点数精度
字符串类型
字符串拼接
字符串格式化
数据类型 - 列表 + 元组
列表操作
列表切片
列表遍历
列表推导式
元组操作
元组不可变性
元组拆包
生成器表达式与元组
数据类型 - 字典 + 集合
字典操作
字典访问与修改
字典遍历
字典推导式
集合操作
集合添加与删除
集合遍历
集合运算
Python基础技能提升
if判断
布尔类型与逻辑运算
逻辑与、或、非
短路求值
条件语句
if-elif-else结构
嵌套条件语句
for循环
循环控制语句
break语句
continue语句
else子句
while循环
Python高级
def函数 基础
定义与调用函数
函数参数
返回值
def函数 进阶
作用域与命名空间
局部变量
全局变量
内置命名空间
opne函数之文件操作
打开与关闭文件
文件打开模式
文件关闭
读写文件
读取文件内容
写入文件内容
文件指针操作
文件指针移动
文件指针位置
re正则校验
正则表达式基础
元字符与转义字符
量词与分组
re.match()
Match对象常用属性与方法
多线程Threading
线程创建与启动
第二阶段Web前端核心技术
HTML标签
HTML基础概念
什么是HTML标签
标签的定义与作用
标签的基本语法结构
标签的分类标准
常见标签示例
HTML文档结构
DOCTYPE声明的作用
html根标签的意义
head区域的组成元素
body区域的功能定位
常用文本标签
标题与段落标签
h1-h6标题层级关系
p标签的语义化特征
br标签的换行规则
hr标签的视觉分隔作用
文本格式化标签
strong与b标签的区别
em与i标签的语义差异
sub和sup标签的特殊用法
pre标签保留空白符特性
块级标签
块级标签的基本概念
定义与特点
占据整行空间
可设置宽高及内外边距
常见块级元素示例
标题 <h1> - <h6>
段落 <p>
无序列表 <ul>
有序列表 <ol>
与行内标签的区别
布局方式不同
样式设置差异
事件绑定差异
块级标签支持更多事件
块级标签在HTML中的作用
页面布局
容器元素的使用
作为布局容器
网格布局与Flexbox布局中的应用
页面分区与导航栏构建
头部、主体、底部区域划分
内嵌标签
内嵌标签的基本概念
定义与特点
在HTML文档中的位置与作用
位于HTML元素内部
用于提供附加信息或功能
与属性、文本内容的区别
属性是元素的附加特性
文本内容是元素显示的主要信息
内嵌标签的类型与用法
元数据标签
<meta>标签
描述网页内容
设置关键词
<link>标签
链接外部资源
定义网页与资源的关系
表单标签
<input /> 输入框标签
接收用户输入
支持多种输入类型
<label>标签
为表单元素定义标签
提高表单可用性
<a>超链接标签
基本概念
定义与功能
在网页中创建链接
指向其他网页
指向网页内的锚点
指向电子邮件地址
指向文件下载
HTML语法结构
超链接的样式
内联样式
color属性
text-decoration属性
CSS类选择器
定义类样式
应用类样式
JavaScript动态修改
添加事件监听
修改属性或样式
超链接类型
外部链接
指向其他网站
识别并处理跨域问题
保持链接的有效性
内部链接
导航菜单链接
创建清晰的导航结构
使用面包屑导航
内容页链接
增强用户体验
提升页面权重
锚点链接
跳转到页面指定位置
定义锚点
创建链接
返回顶部按钮
固定位置按钮
平滑滚动效果
<img>图像标签
基础属性
src属性
指定图像文件的URL
相对路径与绝对路径
URL编码与特殊字符处理
alt属性
提供图像的替代文本
title属性
为图像添加额外信息
鼠标悬停时显示文本
增强用户体验
width与height属性
设置图像的显示尺寸
保持图像比例缩放
优化页面加载速度
CSS样式
基础选择器
元素选择器
HTML标签直接应用样式
如
标签设置字体大小
类选择器
通过class属性应用样式
如.button类设置按钮样式
ID选择器
通过id属性唯一应用样式
如#header设置头部样式
属性选择器
根据属性及值选择元素
如[type="text"]选择文本框
布局与定位
盒模型
margin 外边距
margin 的基本概念
定义与作用
控制元素周围的空间
增加页面布局的灵活性
确保元素不紧贴边界
单位与值
像素(px)
精确控制大小
百分比(%)
相对父元素大小调整
em 与 rem
基于字体大小调整
auto
自动分配空间
margin 的方向属性
上边距(margin-top)
设置元素顶部的外边距
与上方元素保持距离
影响垂直对齐
下边距(margin-bottom)
设置元素底部的外边距
与下方元素保持距离
避免元素重叠
左边距(margin-left)
设置元素左侧的外边距
与左侧元素保持距离
影响水平布局
右边距(margin-right)
设置元素右侧的外边距
与右侧元素保持距离
保持页面平衡
margin 的合并现象
垂直合并
相邻兄弟元素的 margin-top 和 margin-bottom
取最大值合并
父元素与第一个/最后一个子元素的 margin
父元素的外边距包含子元素的外边距
水平合并
浮动元素与相邻非浮动元素的 margin
不发生合并,保持独立
行内块元素间的 margin
水平方向合并,取最大值
margin 的应用技巧
负值 margin
实现元素重叠或拉近间距
创建吸附效果
调整布局细节
自动居中布局
使用 margin:0 auto; 实现块级元素水平居中
适用于固定宽度元素
依赖于父元素的宽度
响应式设计中的 margin
使用媒体查询调整 margin 值
适应不同屏幕尺寸
保持布局的一致性与可读性
padding 内边距
padding的基本概念
定义与作用
增加元素内部空间
提升用户体验
增强视觉效果
与margin的区别
位置关系
作用范围
padding的属性设置
单独设置
padding-top
上内边距
调整上方空间
padding-right
右内边距
调整右侧空间
padding-bottom
下内边距
调整下方空间
padding-left
左内边距
调整左侧空间
简写设置
统一设置
四个方向相同
简化代码
分别设置
按顺序设置四个方向
灵活调整
padding的应用场景
网页布局
容器内边距
内容居中
避免溢出
卡片设计
信息区块
提升层次感
按钮与表单
按钮内边距
点击区域
视觉效果
表单元素
输入框间距
标签与输入框对齐
响应式设计
自适应内边距
不同屏幕尺寸调整
保持布局美观
媒体查询
针对不同设备
精细控制
padding的常见问题与解决方案
内边距重叠
相邻元素重叠
解决方案:调整层级关系
父子元素重叠
解决方案:使用透明边框
内边距过大或过小
影响布局美观
解决方案:合理设置值
影响用户体验
解决方案:根据内容调整
内边距与边框的冲突
边框被内边距覆盖
解决方案:调整边框样式
内边距计算不准确
解决方案:检查盒模型设置
border边框
边框类型
基础边框
实线边框
设置方法
颜色与样式调整
虚线边框
应用场景
创建技巧
点线边框
样式特点
兼容性考虑
双线边框
双重效果
间距调整
特殊边框
圆角边框
圆角大小调整
CSS属性应用
阴影边框
阴影方向与距离
模糊与颜色设置
渐变边框
线性渐变
径向渐变
图片边框
图片路径设置
图片大小与重复
边框属性
宽度设置
像素为单位
精细调整
响应式设计
百分比为单位
相对宽度
布局适应性
em/rem为单位
相对字体大小
动态调整
颜色设置
预定义颜色
常见颜色
语义化命名
十六进制颜色
自定义颜色
颜色搭配原则
RGB/RGBA颜色
透明度控制
颜色混合
样式设置
solid(实线)
默认样式
视觉强化
dashed(虚线)
间隔效果
引导视线
dotted(点线)
装饰性效果
轻量级分隔
double(双线)
强调效果
视觉层次
边框应用
网页布局
容器边框
区域划分
样式统一
卡片边框
内容突出
交互提示
图片处理
图片框
装饰性边框
保护版权
相框效果
个性化设计
艺术风格
按钮与导航
按钮边框
点击反馈
样式区分
导航边框
高亮当前项
路径引导
定位属性
static、relative、absolute、fixed
static为默认值,不进行特殊定位
relative相对自身位置进行偏移
z-index控制元素堆叠顺序
样式规则与特性
选择器优先级
内联样式、ID选择器、类选择器优先级
内联样式优先级最高
!important声明覆盖其他规则
响应式设计
媒体查询
根据屏幕宽度应用不同样式
Flex布局
Flex容器属性
display属性
display: flex
将元素设为Flex容器,水平排列子元素
display: inline-flex
将元素设为内联Flex容器
flex-direction属性
row
row-reverse
column
column-reverse
flex-wrap属性
nowrap
单行排列子元素,不换行
wrap
多行排列子元素,换行
wrap-reverse
多行反向排列子元素,换行
flex-flow属性
flex-direction与flex-wrap简写
如:row wrap
如:column nowrap
如:row-reverse wrap-reverse
默认值:row nowrap
justify-content属性
flex-start
子元素靠容器起始边对齐
flex-end
子元素靠容器结束边对齐
center
子元素居中对齐
space-between
子元素两端对齐,间隔相等
space-around
子元素两端对齐,间隔两侧更大
space-evenly
子元素两端对齐,间隔均匀
start
根据writing-mode属性对齐
end
根据writing-mode属性对齐
align-items属性
stretch
子元素拉伸以适应容器高度
flex-start
子元素靠容器顶部对齐
flex-end
子元素靠容器底部对齐
center
子元素垂直居中对齐
baseline
子元素基线对齐
align-content属性
stretch
多行时,行拉伸以适应容器高度
flex-start
多行时,行靠容器顶部对齐
flex-end
多行时,行靠容器底部对齐
center
多行时,行居中对齐
space-between
多行时,行间隔相等
space-around
多行时,行间隔两侧更大
space-evenly
多行时,行间隔均匀
Flex项目属性
order属性
数值越小,排列越靠前,默认0
order: -1
order:0
order:1
order: auto
flex-grow属性
定义项目的放大比例,默认0
flex-grow:0
flex-grow:1
flex-grow:2
flex-grow:3
flex-shrink属性
定义了项目的缩小比例,默认1
flex-shrink:0
flex-shrink:1
flex-shrink:2
flex-shrink:3
flex-basis属性
定义了在分配多余空间之前,项目占据的主轴空间
flex-basis: auto
flex-basis: px/em/%等值
flex属性简写(grow, shrink, basis)
如:flex:11 auto;
align-self属性
允许单个项目有与其他项目不同的对齐方式
auto
flex-start
flex-end
center
baseline
stretch
Flex布局实例
导航栏布局
水平排列导航项
使用display: flex
justify-content: space-between
响应式导航栏
媒体查询调整布局
隐藏/显示菜单按钮
卡片布局
等宽卡片排列
使用flex:1
设置固定间距
响应式卡片布局
调整卡片大小
调整卡片间距
网格布局
创建简单网格
使用flex-direction: column和wrap
设置行和列间距
响应式网格布局
媒体查询调整网格列数
调整网格项大小
页脚布局
固定页脚位置
使用flex-grow和flex-shrink
设置页眉和主体内容
粘性页脚
使用position: sticky
设置页脚顶部间距
JavaScript初级
JavaScript基础概念
JavaScript简介
JavaScript的历史与发展
起源与标准化
浏览器中的JavaScript
JavaScript的应用场景
网页交互
动态内容更新
JavaScript的组成
ECMAScript
DOM
BOM
JavaScript环境搭建
本地环境配置
编辑器选择
浏览器开发者工具
JavaScript语法规则
变量与数据类型
变量声明与赋值
基本数据类型
表达式与运算符
算术运算符
比较运算符
流程控制语句
条件语句
循环语句
JavaScript核心功能
函数
函数定义与调用
普通函数定义
箭头函数
函数参数与返回值
参数传递方式
返回值的使用
高阶函数
回调函数
Promise与async/await
数组
数组创建与访问
数组字面量
数组方法访问
数组操作
添加/删除元素
遍历数组
数组高级功能
数组排序
数组查找
对象
对象创建与访问
对象字面量
通过构造函数创建对象
对象属性与方法
添加/删除属性
方法定义与调用
对象高级特性
原型链
继承
DOM操作
DOM基础
DOM文档结构
节点类型
节点关系
DOM选择器
getElementById
getElementsByClassName
DOM操作
元素内容操作
innerHTML与innerText
textContent
元素属性操作
getAttribute与setAttribute
removeAttribute
事件处理
事件监听器添加与移除
事件对象的使用
动态创建与删除元素
创建元素
createElement方法
appendChild与insertBefore
删除元素
removeChild
replaceChild
Vue2.js模块
组件系统
组件的创建与注册
全局注册与局部注册
组件间的通信
父组件向子组件传值
子组件向父组件传值
兄弟组件间的通信
组件的生命周期
beforeCreate与created
mounted与beforeMount
模板语法
插值表达式
文本插值
HTML插值
指令系统
v-bind绑定属性
v-model双向数据绑定
事件处理
事件绑定与监听
普通事件绑定
事件修饰符
事件参数传递
$event参数
自定义参数
事件委托
计算属性与侦听器
计算属性
定义与用法
计算属性的缓存特性
侦听器
定义与用法
深度侦听与立即执行
axios.js模块
axios是什么
基于Promise的HTTP客户端
用于浏览器和node.js
axios的基本用法
发送GET请求
axios.get(url[, config])
发送POST请求
axios.post(url[, data[, config]])
axios的配置项
请求基础配置
url, method, headers
响应配置
responseType, timeout
flask后端初级框架
1.Flask基础概念
轻量级Web框架
Python语言编写
易于扩展和定制
安装与配置
使用pip安装
配置文件管理
环境变量设置
第一个Flask应用
Hello World示例
路由与视图函数
启动服务器
2.Flask路由与视图
路由定义与管理
基本路由规则
静态路径与动态路径
正则表达式匹配
路由参数传递
路由装饰器高级用法
方法视图函数
请求前后处理函数
错误处理函数
视图函数与响应
视图函数返回值类型
字符串响应
JSON响应
重定向响应
文件响应
第三阶段Python网络爬虫高级开发
1.爬虫基本介绍
1.爬虫技术概述
爬虫定义与功能
数据收集工具
模拟用户行为访问网页
解析并提取页面数据
爬虫类型划分
通用爬虫
全网数据遍历
广泛数据收集
聚焦爬虫
特定领域数据抓取
深度数据挖掘
2.爬取准则
尊重网站权益
遵守robots.txt协议
避免对网站造成负担
保护用户隐私
不收集敏感信息
数据脱敏处理
合理数据使用
数据用途明确
数据共享与披露规范
3.开发者工具的使用
标签元素审查
Elements元素面板
Network网络抓包
请求url
请求方法
状态码
请求头
响应预览
4.Requests库
安装与基本使用
通过pip安装Requests
发送GET请求示例
发送POST请求示例
设置请求头参数
User-Agent
客户端信息参数
伪装U-A
Cookie
用户认证相关参数
具有时效性
模拟登录
响应对象
字符数据
text
二进制数据
content
json数据
json()
2.数据解析
1.正则表达式解析
定义与用途
文本搜索与匹配
信息提取与验证
正则表达式的组成
元字符
字符类与范围
[abc]与[a-z]
正则函数
量词与分组
精确量词与范围量词
{n}与{n,m}
分组匹配
贪婪与非贪婪模式
.*贪婪模式
.*?非贪婪模式
实战项目
某图片网站批量抓取
某游戏网站信息抓取
2.Xpath解析
安装与基本使用
通过pip安装lxml
Xpath定义与用途
用于数据抽取与转换
网页数据抓取与分析
路径表达式
绝对路径
相对路径
节点选择
元素节点
属性节点
文本节点
实战项目
某度标题
某购物网站书籍信息
3.json数据解析
定义与特点
轻量级数据交换格式
支持多种编程语言
基于键值对的数据结构
JSON解析技术
json()
获取响应json数据
键取值
实战项目
某二手车车辆信息
3.数据存储
1.open函数
read读取数据
写入CSV文件
2.pandas模块
安装与导入
使用pip安装pandas
通过import语句导入pandas
写入CSV文件
写入Excel文件
4.异步爬虫
1.异步爬虫基础概念
异步请求与同步请求的区别
效率对比
应用场景差异
事件循环机制
事件循环的启动与停止
任务调度与执行
异步爬虫的优势
提高爬虫效率
减少等待时间
并发处理能力
资源占用少
内存与CPU使用优化
2.asyncio库
协程(Coroutine)
协程的定义与创建
await关键字的作用
协程的嵌套与并行
异步IO操作
文件读写异步操作
网络请求异步操作
任务的创建与启动
create_task函数
异步生成器
异步生成器的定义
async def
异步生成器的迭代
异步for循环的使用
异步上下文管理器
异步上下文管理器的定义
async with语句
异步进入与退出方法
异步上下文管理器的应用
文件操作的异步上下文管理
3.aiohttp集成
aiohttp简介与安装
aiohttp库的作用
aiohttp的安装方法
aiohttp服务器与客户端
服务器的创建与启动
客户端的请求与响应
4.aiofiles异步存储
定义与用途
异步文件I/O操作库
提升文件读写效率
支持异步上下文管理
确保资源正确释放
安装与配置
使用pip安装aiofiles
指定版本号安装
配置异步环境
Python异步编程基础
异步写入文件内容
追加写入
覆盖写入
指定字符编码
UTF-8编码
GBK编码
5.selenium自动化爬虫
1.Selenium基础介绍
Selenium简介
Selenium是什么
Selenium的主要功能
自动化测试与爬虫
Selenium环境搭建
安装Selenium库
Python中的Selenium安装
配置WebDriver
ChromeDriver配置
Selenium工作原理
Selenium与浏览器的交互
WebDriver协议
浏览器自动化控制
Python脚本示例
2.Selenium常用功能
元素定位
XPath定位
XPath语法基础
XPath高级用法
元素操作
点击操作
单击按钮
输入操作
发送文本到输入框
清空输入框内容
获取元素属性与文本
获取元素的属性值
获取元素的显示文本
浏览器操作
打开与关闭浏览器
启动浏览器
关闭浏览器窗口
浏览器窗口控制
最大化窗口
最小化窗口与全屏
捕获异常
try-except语句
异常类型与处理
日志记录
3.Selenium爬虫实战
目标网站分析
网站结构分析
页面布局与元素定位
请求流程与参数分析
反爬虫机制识别
验证码验证
IP封锁与频率限制
爬虫策略设计
静态页面抓取
动态页面抓取
第四阶段Js逆向工程师高级逆向
1.JavaScript基础
1.JS入门
为什么要学JavaScript
JavaScript介绍
JS逆向需要学习哪些内容
WebStorm与Node.js的安装
第一个JS程序
编程语言共性
2.变量、数据类型、类型装换
变量
常量
注释、关键字、保留字、标识符
数据类型(number和bigint)
进制
字符串
其他原始类型
显式类型转换
3.运算符
算术运算符
算术运算符练习
自增和自减
自增和自减练习
赋值运算符
关系运算符
逻辑运算符
三元运算符
隐式类型转换
4.流程控制
if语句
if语句练习
switch语句
while循环
while循环练习
for循环
for循环注意事项
循环嵌套
常见的循环控制方法(break continue_return)
5.函数、作用域
函数介绍
函数定义的几种方式
函数的参数
函数的返回值
变量作用域
块级作用域
函数的作用域
程序调试
作用域链
作用域练习
匿名函数
6.对象
对象介绍
对象字面量
对象练习
对象属性的遍历
对象的方法
对象的解构
原始类型与对象类型的区别
对象作为函数参数
函数传参机制
对象作为函数返回值
window对象
vm2的安装和使用
如何构建纯净的V8环境
globalThis
this
重点练习
函数的方法(call和apply)
函数的方法(bind)
7.面向对象
面向对象介绍
类的属性与方法的声明和使用
构造函数
封装
继承
重写0bject的toString方法
重写构造函数
多态
原型对象
原型链
旧类
对象的属性描述对象
0bject.defineProperty
getter和setter
0bject.create
0bject.setPrototypeOf
0bject的其他方法
可选链操作符
8.数组
数组
数组的常用方法
练习(数组去重)
高阶函数
数组遍历
数组作为函数参数和返回值
arguments
可变参数和展开运算符
数组解构
数组练习
9.其他
浅拷贝与深拷贝
对象序列化
异常处理
内置对象(Math_Date)
正则表达式
字符串的常用方法
模块化编程
10.浏览器相关
HTML介绍
HTML表单
简易后台的搭建
CSS
图片切片混淆原理
图片切片混淆实现(css背景定位)
图片切片混淆实现(canvas)
JS代码在网页中的编写位置
DOM(文档节点)
DOM(元素节点的获取和创建)
DOM(元素节点的属性和方法)
DOM(文本节点和属性节点)
事件
BOM
setTimeout与setlnterval
jQuery的使用
原生ajax发送GET请求
原生ajax发送POST请求
Promise的作用
Promise的使用
Promise解决回调地狱
jQuery中的ajax
fetch
axios
jsonp跨域请求
2.密码学JS
1.密码学介绍
2.字符编码
3.位运算符
4.Hex编码
5.Base64编码
6.消息摘要算法
7.JS中的MD5
8.JS中的SHA
9.JS中的HMAC
10.JS中的SM3
11.CryptoJS(字符串解析)
12.对称加密算法
13.加密模式和填充方式
14.JS中的DES
15.JS中的DESede
16.JS中的AES
17.对称加密算法注意事项
18.CryptoJs自动生成key_iv_salt
19.CryptoJs(其他算法)
20.SM4
21.RSA介绍
22.RSA常见加密库的使用
23.RSA的填充
24.JS数字签名算法库的使用
25.SM2算法库的使用
3.JS逆向入门
1.抓包
抓包工具的分类
开发者工具抓包的缺陷
Charles的安装与配置
Charles抓包Python数据包
Proxifier抓取软件数据包
2.开发者工具
开发者工具的使用
Elements面板
Network面板
3.关键代码定位
关键代码快速定位(搜索+普通断点+callstack)
关键代码快速定位(xhr断点+callstack)
关键代码快速定位(initiator+callstack)
关键代码快速定位(事件断点)
关键代码快速定位(debugger和条件断点)
关键代码快速定位(jshook)
4.逆向实战
y龙贷
wxgz平台
某交易平台
dd快药
xl微博
d信_sm2
某89邮箱
某39邮箱
F天下
qd掌柜_eval
qd掌柜_sm34
qd掌柜_sm2 整体抠webpack
qd掌柜_sm2 分模块抠webpack
某游戏网站JS逆向
南海xx
4.JS混淆原理
1.JS混淆介绍
2.十六进制与unicode字符串
3.ASCII码混淆
4.字符串常量加密
5.数值常量加密
6.数组混淆
7.数组乱序
8.花指令
9.jsfuck
10.流程平坦化
11.逗号表达式混淆
5.JS逆向实战
1.eval与Function
2.常见debugger的几种形式
3.无限debugger的绕过
4.jh图床sign参数算法
5.技巧_快速定位关键代码
6.某娱乐场data参数算法
7.某娱乐场d参数算法
8.某混淆案例逆向
9.某webpack分析与处理
10.自动抠webpack演示
11.某证券websocket逆向
12.某某音乐下载
6.AST混淆与还原
1.AST入门
AST入门
代码的基本结构
parser与generator
traverse与visitor
types判断节点类型
types生成新的节点
valueToNode
Path对象
父级path
同级Path
scope对象
referencePaths与constantViolations
遍历作用域
标识符重命名 作业
2.使用AST实现自动混淆
混淆(改变对象属性访问方式)
混淆(JS标准内置对象的处理)
混淆(数值常量加密)
混淆(字符串常量加密)
混淆(数组混淆)
混淆(数组乱序)
混淆(十六进制文本)
混淆(标识符混淆)
混淆(标识符的随机生成)
混淆(二项式转函数花指令)
混淆(标识符混淆补充)
混淆(代码的逐行加密)
混淆(流程平坦化)
混淆(流程平坦化进阶)
混淆(逗号表达式混淆)
3.使用AST实现自动还原
还原实战(字符串解密)
还原实战(字符串递归解密)
还原实战(去除字符串花指令)
还原实战(去除函数花指令)
还原实战(去除虚假指令1)
还原实战(去除虚假指令2)
还原实战(去除未引用代码)
还原实战(去除switch混淆)
还原实战案例2
4.AST自动抠webpack
webpack逆向(分模块处理)
webpack逆向(整体处理)
AST自动抠webpack
7.JSHook
1.Hook基本原理和作用
2.Hook对象属性
3.Hook Cookie读写
4.toString检测和保护
5.函数Native化
6.函数重命名
7.函数Hook插件封装
8.集成保护代码
9.Hook原型对象属性方法1
10.Hook原型对象属性方法2
11.Hook原型对象所有属性方法
12.Hook全局window的函数和原型
13.Proxy代理对象属性和方法
14.Proxy代理封装get和set
15.Proxy代理拦截属性描述符
16.Proxy代理定义属性描述符
17.Proxy代理函数apply
18.Proxy代理构造函数
19.Proxy代理has方法
20.Proxy代理handler方法
21.补某webpack网站环境
8.JS补环境
1.补环境框架结构设计
2.补环境框架代码搭建
3.补环境框架测试
4.补window原型链
5.补报错函数
6.补base64编码解码函数
7.补WindowProperties环境
8.补Window原型对象属性
9.封装函数和原型保护函数
10.保护get和set方法
11.重写defineproperty方法
12.env环境分发
13.脱浏览器环境脚本编写
14.脱浏览器原型对象属性方法
15.脱浏览器实例对象
16.浏览器补document环境
17.浏览器补location环境
18.固定随机参数
19.日志输出到本地
20.解决重复代理
21.解决代理失效
22.node环境检测点去除
23.补localStorage属性方法
24.补createElement环境
25.获取原型对象上边的属性
26.补getElementsByTagName环境
27.初始化标签的方法
28.补document.write方法
29.补document.getElementByld
30.补cookie存取
31.创建Plugin对象
32.创建插件数组
33.创建mimeType
34.创建mimetypeArray
35.pycharm浏览器代码联调
36.浏览器插件补齐
37.浏览器插件属性方法补齐
38.addEventListener事件补齐
39.补setTimeout事件
40.补clearTimeout事件
41.获取浏览器鼠标轨迹
42.node获取轨迹加密结果
43.补环境流程总结
9.滑块处理
1.JS逆向滑块的基本思路
2.51滑块
51滑块图片请求
51滑块图片混淆还原思路
51滑块图片混淆还原
51滑块模拟发包
51滑块全流程
3.FK滑块
FK滑块算法分析
FK滑块图片请求
FK滑块轨迹vi生成
FK滑块轨迹发包
FK滑块轨迹伪造
4.YP滑块
YP滑块算法分析
YP滑块设备指纹算法
YP滑块加密算法还原
YP滑块图片请求
YP滑块轨迹伪造
YP滑块py数组传参js
YP滑块轨迹发包
10.JS逆向进阶
1.补环境框架实战ths_cookie
2.补环境实战某数扣代码
3.补环境实战补某数DOM
4.补环境实战某数环境缺失
5.补setlnterval异步环境
6.补某数Promise环境
7.补某数cookie生成环境
8.某数后缀生成定位
9.补某数后缀环境
10.某音乐signature
11.扣x平webpack代码
12.精简webpack函数
13.某验加密定位
14.某验参数
15.某验轨迹加密
16.某验加密参数
17.某验w值生成
Vue3基础到项目实战
1.Vue基础语法
1.Vue3简介
传统开发
模块化开发
2.响应式数据
reactive使用
ref使用
2.高级指令
1.v-html指令
定义与功能
动态渲染HTML内容
绑定表达式写法
直接绑定字符串
绑定数据对象中的HTML字符串
2.v-show与v-if指令
v-show指令介绍
基本用法
根据条件控制元素显示隐藏
绑定布尔值
使用表达式
性能特点
切换时保留元素状态
不销毁DOM
仅切换CSS display属性
v-if指令介绍
基本用法
根据条件渲染元素
条件为真时渲染
条件为假时不渲染
嵌套使用
在模板中嵌套v-if
多层条件判断
条件组合
与v-else-if和v-else配合
实现多条件分支
v-else-if用于中间条件
v-else作为默认分支
3.v-on指令
绑定事件
绑定方式
内联语句方式绑定事件
函数名方式绑定事件
@的简写
简单事件
鼠标单击事件
鼠标划入事件
事件参数传递
传递事件对象
传递自定义参数
v-on修饰符
.stop修饰符
.stop阻止事件冒泡
.once修饰符
.once事件只触发一次
在按钮上实现单次点击
防止重复提交表单
.prevent修饰符
.prevent阻止默认行为
4.v-bind指令
动态绑定HTML属性
绑定元素的src属性
绑定元素的href属性
缩写形式
v-bind:的简写
在模板中的实际应用
5.v-for指令
v-for基础概念
定义与用途
循环渲染列表数据
提高开发效率
动态生成DOM元素
适应数据变化
语法规则
在模板中使用
在元素上使用
key属性的重要性
唯一标识每个节点
提高渲染性能
避免状态混乱
确保数据一致性
v-for与数据绑定
绑定普通数组
遍历数组元素
显示列表项
动态添加/删除元素
响应式更新视图
绑定对象数组
访问对象属性
显示对象字段
对象属性变更处理
实时更新视图
5.v-model指令
v-model基础概念
定义与用途
实现数据双向绑定
在表单元素中的应用
在Vue组件中的使用
自定义v-model行为
绑定规则与限制
数据类型匹配
字符串与数字的自动转换
对象与数组的绑定注意事项
深度监听与性能考虑
事件修饰符的使用
.lazy、.number、.trim
v-model在表单元素中的应用
输入框(input)
文本输入
单行文本
多行文本(textarea)
密码框
隐藏输入内容
显示/隐藏密码功能
在复选框中的应用
单个复选框绑定
多个复选框绑定
在单选框中的应用
在文本输入框的应用
在下拉列表中的应用
单选下拉列表
多选下拉列表
6.函数使用
computed计算属性
实现响应式数据绑定
列表过滤
根据条件过滤列表项
列表排序
对列表项进行排序操作
组合多个数据
用户信息显示
组合用户的名字和年龄等信息
商品详情展示
组合商品的名称、价格和库存等信息
watch监听
监听属性类型
简单数据类型监听
数值、字符串等
复杂数据类型监听
对象、数组等
监听深度与立即执行
深度监听设置
浅监听与深监听
立即执行选项
初始化时是否触发回调
7.实战案例
极简记事本
页面渲染
删除与添加
统计与清空
成绩单管理
成绩单列表页面渲染
输入框添加科目与成绩
删除成绩
总分与平均分
商品购物车管理
界面渲染
修改购买数量
移除商品
计算价格
3.Vue进阶语法
1.Vue项目创建
环境要求与项目创建指令
node16+ 以上运行环境
npm init vue@latest
项目目录与关键文件介绍
vite.config.js
项目的配置文件基于vite的配置
package.json
项目包文件
main.js
入口文件createApp函数创建应用实例
app.vue
根组件
index.html
单页入口提供id为app的挂载点
组合式API与选项式API介绍
2.setup选项
执行时机
创建app之前
数据和函数需要return
3.生命周期函数
创建app阶段立即请求
模拟发送获取数据请求
4.父子通信
父组件向子组件通信
通过事件传递数据给父组件
子组件向父组件通信
绑定自定义事件传递数据
5.模板引用与defineExpose宏函数
模板引用的基本概念
模板引用的定义与作用
DOM操作与事件绑定
原生事件与自定义事件
操作DOM元素与ref属性
defineExpose宏函数详解
defineExpose的作用与意义
暴露组件内部方法与属性
提高组件封装性与复用性
与script setup语法糖的配合使用
简化组件定义与逻辑组织
defineExpose的使用方法
基本语法与参数说明
定义暴露的方法与属性
在父组件中调用子组件暴露的方法
注意事项与最佳实践
避免暴露不必要的内部状态
确保暴露方法与属性的命名唯一性
6.跨层级组件通信provide和inject
provide与inject的基本概念
provide的定义与作用
在父组件中定义provide
提供数据或方法
在子组件或深层子组件中访问
无需直接引用父组件实例
provide与inject的适用场景
多层嵌套组件间的数据传递
避免逐层传递props的繁琐
跨层级组件通信的实现方式
使用provide与inject
父组件提供数据
子组件注入数据
跨层级传递普通数据
provide与inject的高级应用
provide的响应式处理
使用Vue的响应式API
确保provide的数据是响应式的
动态更新provide的数据
在父组件中更新数据,子组件自动响应
inject的默认值与类型检查
为inject提供默认值
避免在子组件中处理undefined情况
使用TypeScript进行类型检查
确保注入的数据类型正确
跨层级传递函数(为后代组件修改数据提供接口)
7.defineOptions宏函数
defineOptions宏函数的基本概念
定义与用途
在编程中引入宏函数的目的
提高代码复用性
简化复杂操作
工作原理
参数解析与传递
宏参数的类型与限制
参数传递的方式
宏展开与代码生成
宏展开的时机
代码生成的细节
与其他宏函数的区别
功能上的差异
defineOptions的特有功能
使用场景的不同
defineOptions的适用场景
defineOptions宏函数的语法规则
基本语法结构
宏定义的关键字
define或#define
宏名称的命名规则
命名规范与约定
参数列表的声明
参数类型与数量
参数类型的多样性
参数数量的限制
宏体的定义
代码块的书写规则
代码块的开始与结束
代码块中的语句结构
8.defineModel宏函数
defineModel宏函数概述
定义与用途
简化模型定义流程
自动生成模型代码
减少重复代码编写
提高代码可读性与维护性
结构化模型定义
前端开发中的数据模型
页面状态管理
API数据解析
defineModel宏函数语法
基本语法结构
宏函数声明
参数定义
返回值类型
使用示例
简单模型定义
复杂嵌套模型
高级特性
条件定义
根据条件生成不同字段
条件判断逻辑
默认值设置
字段默认值
默认值计算逻辑
自定义函数支持
内置函数扩展
自定义逻辑函数
9.Pinia状态管理工具
Pinia基础概念
Pinia介绍
安装与配置Pinia
npm安装命令
在Vue项目中配置Pinia
创建Pinia实例
挂载Pinia实例到Vue应用
Pinia核心概念
Store的定义与管理
使用defineStore创建Store
Store的命名与标识
State状态管理
定义State
访问与修改State
Getters计算属性
定义Getters
使用Getters处理复杂逻辑
Pinia的插件机制
插件的安装与使用
编写自定义插件
应用现有插件
Pinia的Actions异步使用
定义Actions
同步Actions
异步Actions
调用Actions
在组件中调用Actions
在其他Store中调用Actions
Pinia的storeToRefs方法使用
方法定义与功能
将store状态转换为响应式引用
提升代码可读性与可维护性
安装与引入Pinia
npm安装Pinia
安装命令
在项目中引入Pinia
创建Pinia实例
挂载到Vue应用
定义Store
使用defineStore创建Store
定义状态
定义getters
定义actions
定义mutations(可选)
在组件中使用storeToRefs
导入store
从store文件中导入
使用storeToRefs转换状态
转换单个状态
转换多个状态
在模板中使用转换后的状态
数据绑定
事件处理
持久化状态管理
使用插件实现持久化
pinia-plugin-persistedstate
pinia-plugin-sync
手动实现持久化
在Actions中处理持久化逻辑
使用localStorage或sessionStorage
4.Vue项目新闻管理系统实战
1.项目介绍
技术栈
vue3 组合式API
VueRouter4 路由设计
Pinia 状态管理工具
ElementPlus 组件库
包管理工具pnpm
2.创建项目
目录结构调整
删除初始化默认文件
修改剩余代码内容
调整/新增目录
安装依赖库
安装sass预处理器
VueRouter路由语法解析
ElementPlus按需引入
Pinia构建用户仓库与持久化
数据交互与请求工具设计
路由的设计与配置
3.登录注册实现
登录注册静态结构渲染与切换
登录注册的表单校验
注册预校验与注册API实现
登录校验与登录API实现
4.首页页面结构分析
登录访问拦截
用户基本信息渲染与退出
新闻分类结构PageContainer封装
新闻分类渲染
loading效果
中文国际化处理
新闻管理-静态结构搭建
5.新闻分类
添加分类
封装弹层组件
添加实现
删除分类
下拉框组件封装
6.新闻列表
封装API与页面渲染
分页渲染
添加loading效果
搜索重置
7.新闻新增
抽屉组件的封装
完善抽屉表单结构
富文本编辑器
-添加新闻实现
数据重置
编辑新闻实现
删除新闻实现
8.个人中心
基本资料实现
密码重置实现
Tkinter | GUI桌面程序开发
1.tkinter库简介
1.tkinter的基本概念
Python的标准GUI库
提供创建窗口、按钮等GUI元素的功能
跨平台性
可在Windows、macOS、Linux等操作系统上运行
2.tkinter的安装与导入
Python默认安装tkinter
无需额外安装,直接导入即可
导入tkinter模块
使用`import tkinter`或`from tkinter import *`
2.窗口设置
1.主窗口的创建
创建主窗口对象
使用`Tk()`函数创建
`root = Tk()`
设置窗口标题
`root.title("窗口标题")`
窗口大小与位置
设置窗口大小
`root.geometry("宽度x高度")`
设置窗口位置
`root.geometry("+X偏移+Y偏移")`
2.子窗口的创建
子窗口基础概念
在主程序中嵌入子窗口
实现多窗口交互
子窗口的创建方法
创建Toplevel实例
指定父窗口
设置窗口标题与大小
配置Toplevel窗口属性
设置窗口位置
3.图标的替换
PhotoImage的使用
在tkinter中的作用
显示图像
图标管理
创建PhotoImage对象
从文件加载图像
指定文件路径
4.窗口的锁定
resizable的使用
第一个参数是限制x轴(长)
第二个参数就是限制y轴(高)
False不允许缩放
5.窗口背景颜色
configure的使用
颜色名字
RGB16进制颜色
6.重写窗口关闭事件
protocol 使用
协议名
自定义关闭函数
3.基础组件
1.标签(Label)
创建标签
设置文本内容
设置字体与颜色
设置位置与大小
绑定事件
2.按钮(Button)
创建按钮
设置按钮文本
设置按钮命令
设置按钮状态
按钮样式定制
3.文本框(Entry)
创建文本框
设置默认文本
设置文本长度
设置密码模式
文本框事件处理
4.布局管理
1.网格布局(Grid)
创建网格
设置行与列
设置组件跨度
网格调整与对齐
2.包布局(Pack)
组件打包
设置填充与扩展
设置边距与间隙
包布局的高级应用
3.位置布局(Place)
绝对定位组件
设置组件坐标
设置组件大小
5.高级组件
2.菜单(Menu)
创建菜单栏
设置菜单项
设置子菜单
菜单事件处理
4.frame组件
分页功能
滚动效果
3.画布(Canvas)
创建画布
设置画布大小
设置背景颜色
设置坐标系
画布绘图与操作
1.滚动条(Scrollbar)
创建滚动条
设置滚动方向
设置滚动区域
绑定滚动事件
滚动条与组件结合
6.项目实战
1.计算器
页面布局
计算功能实现
2.辞职信
页面布局
绑定Enter事件
3.学生管理系统
主页面
录入页面
查询页面
删除页面
修改页面
关于页面
登录注册页面
登录
注册
退出
模型层
读取数据
写入数据
检查账号密码
注册界面
视图层
功能实现

收藏
0 条评论
下一页

图形选择
思维导图
主题
补充说明
AI生成

提示
关闭后当前内容将不会保存,是否继续?
取消
确定