wi...-CSDN博客

原创 Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的官网地址： https://nodejs.org/zh-cn/进入 Node.js 的官网下载： https://nodejs.org/zh-cn/（1）tab 键：快速补全路径（2）esc 键：快速清空当前已输入的命令（3）cls 指令：清空终端fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。fs.readFi...

2022-06-07 02:00:14 199 1

原创 HTTP 协议学习

本文仅为个人学习笔记，资料来自黑马前端1、HTTP协议简介2、HTTP 请求消息3、HTTP 响应消息4、HTTP 请求方法5、HTTP 响应状态码黑马前端官网1、HTTP协议简介通信三要素：通信的主体、通信的内容、通信的方式互联网中的通信协议客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议（HyperText Transfer Protocol），简称 HTTP 协议。HTTP协议HT

2022-05-24 22:53:31 166

原创 Ajax 学习笔记

1、在网页中请求服务器上的数据资源，需要用到XMLHttpRequest 对象，XMLHttpRequest（简称xhr）是浏览器提供的 js 成员。用法：var xhrObj = new XMLHttpRequest()2、资源请求方式get请求：获取服务器端资源post请求：向服务器提交数据3、Ajax3.1 在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式。Ajax 可以实现网页与服务器之间的数据交互3.2 jQuery 中的 Ajax ：浏览器中提供的

2022-05-24 22:26:21 280

原创 Web前端开发学习笔记14--ECharts

ECharts1、简介2、相关配置1、简介ECharts 是一个使用JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器，底层依赖矢量图形库 ZRender ，提供直观，交互丰富，可高度个性化定制的数据可视化图表ECharts 官网2、相关配置使用步骤：下载并引入 echarts.js 文件准备一个具备大小的 DOM 容器初始化 echarts 实例对象指定配置项和数据将配置项设置给 echarts 实例对象相关配置：名称

2022-05-06 16:43:38 183

原创 Web前端开发学习笔记13-- 本地存储

本地存储1、本地存储1.1 window.sessionStorage1.2 window.localStorage1、本地存储本地存储特性1、数据存储在用户浏览器中2、设置、读取方便，甚至页面刷新不丢失数据3、容量较大，sessionStorage 约为 5M，localStorage 约 20M4、只能存储字符串，可以将对象 JSON.stringify() 编码后存储1.1 window.sessionStorage特性1、生命周期为关闭浏览器窗口2、在同一个窗口（页面）下

2022-04-27 00:58:38 281

原创 Web前端开发学习笔记12-- jQuery 基础

1、jQuery 基本使用2、jQuery 常用 API2.1 jQuery 选择器2.1.1 jQuery 基础选择器2.1.2 jQuery 筛选选择器2.1.3 jQuery 筛选方法2.2 jQuery 样式选择2.3 jQuery 效果2.4 jQuery 属性操作2.5 jQuery 内容文本值2.6 jQuery 元素操作2.7 jQuery 尺寸、位置操作3、jQuery 事件3.1 jQuery 事件注册、事件处理3.2 jQuery 事件对象4、jQuery

2022-04-27 00:57:28 205

原创 Web前端开发学习笔记11--移动端插件以及框架

移动端插件以及框架1、触屏事件1、触屏事件触屏对象：touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者控板的操作触屏事件触屏 touch 事件说明touchstart手指在触摸到一个 DOM 元素时触发touchmove手指在一个 DOM 上滑动时触发touchend手指从一个 DOM 元素上移开时触发触屏事件对象TouchEvent 是一类描述手指在触摸平面的状态变化的事件，这

2022-04-23 01:01:03 468

原创 Web前端开发学习笔记11-- offset、client、scroll系列

Web APIs1、元素偏移量 offset 系列2、元素可视区 client 系列3、元素滚动 scroll 系列4、offset、client、scroll 系列对比1、元素偏移量 offset 系列offset 概述offset 是元素偏移量，使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等获得元素距离带有定位度元素的位置获得元素自身的大小（宽度高度）返回的数值不带单位offset 系列常用属性offset 系列属性作用elem

2022-04-21 19:24:58 1145

原创 Web前端开发学习笔记10--Web API：BOM

1、BOM 概述2、window 对象的常见事件3、定时器4、JS 执行队列5、location 对象5.1 location 对象定义5.2 location 对象的属性和方法6、navigator 对象7、history 对象

2022-04-20 22:38:57 466

原创 Web前端开发学习笔记09--Web API：DOM

1、DOM 基础1.1 获取元素1.2 事件1.3 操作元素1.4 节点操作2、DOM 重点核心2.1 注册事件（绑定事件）2.2 删除事件（解绑事件）2.3 DOM 事件流2.4 事件对象2.5 阻止事件冒泡2.6 事件委托2.7 常用的鼠标事件

2022-04-20 16:21:40 97

原创 Web前端开发学习笔记08--JS基础语法

JS基础基础语法1、数据类型1.1 简单数据类型1.2 复杂数据类型2、流程分支基础语法JS位置JS书写位置示例行内式<input type="button" value="行内式" onclick="alert('hello')"/>内嵌式<script> alert('hello'); </script>外部JS文件<script src="xxx.js"></script>输入输出语句

2022-03-30 18:05:13 1302

原创逆向工程实验

逆向工程实验1、PE头及导入表应用2、PE导出表分析及应用3、应用软件破解4、壳应用1、PE头及导入表应用1、PE可执行文件分析1.1开发一个源程序 HelloWorld .asm，显示hello world。 .386 .model flat,stdcall option casemap:noneinclude windows.incinclude user32.incincludelib user32.libinclude kernel32.in

2022-01-18 01:10:20 2379

原创 Web前端开发学习笔记07--HTML和CSS

HTML和CSS的提升1、CSS的高级技巧1.1 精灵图1.2 字体图标1.3 CSS的三角形1.4 用户界面样式1.5 行内块和文字居中对齐1.6 溢出文字的省略号显示1.7 常见的布局技巧1.8 CSS的初始化2、CSS的新特性3、常用的HTML5的新特性3.1 标签1、CSS的高级技巧1.1 精灵图精灵技术主要是针对于背景图片使用，就是把多个小背景图片整合到一张大图片中移动背景图片时，可以只用background-position移动的距离就是这个目标图片的x 和y 坐标数值为负值使用

2021-11-20 19:57:27 243

原创 Web前端开发学习笔记06--CSS

CSS1、浮动1.1 网页布局的方式1.2 浮动1.3 浮动的特性2、清除浮动3、CSS书写顺序1、浮动1.1 网页布局的方式（1）标准流标准流：标签按照规定好的默认方式排列①块级元素独占一行，从上向下顺序排列②行内元素按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行（2）浮动（3）定位为了约束浮动元素的位置，网页布局采取的策略：先用标准流的父元素排列上下位置，之后内部子元素采取浮动排列左右位置，符合网页布局的第一准则1.2 浮动float 属性用于创建浮动框，将其移动到一边

2021-11-15 11:13:02 83

原创 Web前端开发学习笔记05--CSS

CSS1、盒子模型组成1.1边框（border）1.2 内边距（padding）1.3 外边距（margin）1.4 清除内外边距1.5 去掉 li 前面的项目符号2、PS基本操作3、圆角边框4、盒子阴影5、文字阴影css-盒子模型1、盒子模型组成所谓的盒子模型，就是把HTML页面中的布局元素看做是一个矩形的盒子，也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距和实际内容（content）。1.1边框（border）1.1.1 bor

2021-10-25 19:29:24 122

原创 Web前端开发学习笔记04--CSS

CSS1、Emmet语法1.1 生成HTML结构语法2、CSS的复合选择器3、CSS的元素显示模式4、CSS的背景5、CSS的三大特性6、CSS的注释1、Emmet语法1.1 生成HTML结构语法直接输入标签名按Tab键生成2、CSS的复合选择器3、CSS的元素显示模式4、CSS的背景5、CSS的三大特性6、CSS的注释...

2021-10-23 00:48:55 164

原创 Web前端开发学习笔记03--调试工具

Chrome调试工具1、Chrome调试工具2、Microsoft Edge 调试工具1、Chrome调试工具1、打开Chrome浏览器，按下 F12 或者右击空白页面处点击检查图中画圈的图标用于选定页面元素2、调试工具的使用：（1）Ctrl+滚轮可以放大缩小代码（2）上边是HTML元素结构，下边是CSS样式（3）CSS样式可以改动数值和查看颜色（4）Ctrl+0 复原浏览器大小（5）如果点击元素，发现下边没有样式引入，极有可能是类名或样式引入错误（6）如果有样式，但样式前有黄色感叹

2021-10-19 20:40:33 255

原创 Web前端开发学习笔记02--CSS

CSSCSS1、什么是CSS2、CSS基础选择器2.1 标签选择器2.2 类选择器2.3 id选择器2.4 通配符选择器CSS1、什么是CSSCSS是层叠样式表的简称，是一种标记语言，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。简单来说，就是CSS用于美化网页、布局网页CSS构成规则：选择器（用于指定HTML标签）以及一条或多条声明h1 { /*h1为选择器*/

2021-10-17 21:21:39 141

原创 Web前端开发学习笔记01--HTML

HTML1、什么是HTMLHTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等2、HTML基本结构标签HTML的基本结构标签（骨架标签）：标签名定义<html></html>HTML标签<head></head>HTML

2021-10-14 21:48:52 166

原创 kali网络渗透实验三：XSS和SQL注入

XSS和SQL注入实验目的：了解什么是XSS；了解XSS攻击实施，理解防御XSS攻击的方法；了解SQL注入的基本原理；掌握PHP脚本访问MySQL数据库的基本方法；掌握程序设计中避免出现SQL注入漏洞的基本方法；掌握网站配置。系统环境：Kali Linux 2、Windows Server网络环境：交换网络结构实验工具：Beef；AWVS(Acunetix Web Vulnarability Scanner);SqlMAP；DVWAXSS部分：利用Beef劫持被攻击者客户端浏览器实验环境

2021-01-01 22:41:50 929

原创 kali网络渗透实验四：CTF实践

实验四 CTF实践实验目的系统环境实验工具实验内容实验步骤：1、发现目标 (netdiscover)，找到WebDeveloper的IP地址2、利用NMAP扫描目标主机，发现目标主机端口开放、服务情况，说明目标提供的服务有哪些？3、若目标主机提供了HTTP服务，尝试利用浏览器访问目标网站4、利用whatweb探测目标网站使用的CMS模板5、网络搜索wpscan，简要说明其功能6、使用 Dirb 爆破网站目录，6、找到一个似乎和网络流量有关的目录（路径）7、利用Wireshark分析该数据包，分析TCP数据流

2020-12-25 20:59:06 1790

FFFde博客