msmxsd-CSDN博客

原创【JavaScript】内置对象

什么是内置对象JavaScript中的对象分为3种：自定义对象、内置对象、浏览器对象，其中前两种是JS基础内容，属于ECMAScript，浏览器对象是JS独有的。内置对象就是JS语言自带的供开发者使用的对象，提供了一些常用的或是最基本而必要的功能。Math对象Math对象不是一个构造函数，不需要用new来调用，而是直接使用里面的属性和方法。Math属性可参见MDNMath.PI 表示一个圆的周长与直径的比例，Math.PI=π≈3.14159Math.max() 函数返回一组数中的最大值，如

2022-04-16 11:27:31 4340

原创【JavaScript】客户端 Web API

根据MDN网站学习记录笔记客户端 Web API一、Web API简介二、操作文档 Document2.1 DOM 基本介绍2.2 DOM基本操作2.3 动态购物单三、从服务器获取数据四、第三方API五、绘制图形六、视频和音频API七、客户端存储一、Web API简介应用程序接口（API）是基于编程语言构建的结构，它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。Web API是主要针对浏览器的API，在JavaScript语言中被封装成了对象，通过调用对象的属性和方法就可以使用Web A

2022-04-10 11:19:40 1019

原创【JavaScript】对象

Object 对象一、对象二、创建对象的三种方式2.1 利用字面量创建对象变量 vs 属性、函数 vs 方法2.2 利用new Object创建对象2.3 利用构造函数创建对象三、new 关键字四、遍历对象属性一、对象在JavaScript中，对象是一组无序的相关属性和方法的集合，所有事物都是对象，例如字符串、数组、数值、函数等。二、创建对象的三种方式2.1 利用字面量创建对象对象字面量：就是{}，包含了表达对象的属性和方法。var obj = { uname:'elsie',

2022-04-09 15:44:43 767

原创【JavaScript】标准库方法列举

正则表达式*（regular expression）*是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用来按照“给定模式”匹配文本。是 JavaScript 的原生对象，同时也是一个构造函数，可以用它生成新的数组。对象是 JavaScript 原生提供的三个包装对象之一，用来生成字符串对象。组匹配：正则表达式的括号表示分组匹配，括号中的模式可以用来匹配分组的内容。，用来描述对象的属性，控制它的行为，比如该属性是否可写、可遍历等等。对象还可以当作工具方法使用，将任意类型的值转为字符串。...

2022-08-10 15:44:00 454 1

原创【JavaScript】数据类型&语法整理（错误处理机制等）

就是第二个参数，以此类推。这个对象只有在函数体内部，才可以使用。对象：在函数体内部读取所有参数。包含了函数运行时的所有参数，

2022-08-10 15:36:26 357

转载 Ajax介绍和简单用法

Ajax是AsynchronousJavavascriptXML的缩写，被译为异步JavaScript和XML。链接https//juejin.cn/post/6894971793745182727。商业转载请联系作者获得授权，非商业转载请注明出处。

2022-07-15 17:25:00 165

原创【安全防护技术】入侵检测技术

入侵检测技术一、概念介绍二、IDS通用模型:CIDF三、IDS分类按检测分析技术按检测范围基于主机的入侵检测系统网络入侵检测系统四、IDS指标一、概念介绍入侵检测：对入侵行为的发觉。通过计算机网络或计算机系统的关键点采集信息并进行分析，从中发现网络或系统中是否有违反安全策略的行为和被攻击的迹象。入侵检测系统(Instrusion Detection System, IDS)：实现入侵检测功能的软件和硬件的集合。二、IDS通用模型:CIDFCIDF 由四部分组成：事件生成器、事件分析器、事件响

2022-05-28 19:42:05 2031

原创【安全防护技术】防火墙技术

防火墙技术防火墙基本介绍概念与作用发展历程工作原理部署方式防火墙基本介绍概念与作用防火墙是在网络间【内部/外部网络、不同信息级别】提供安全连接的设备，用于实现和执行网络之间通信的安全策略。防火墙定义：一种高级访问控制设备，用于不同安全域之间通过相关的安全策略来控制（允许、拒绝、监视、记录）进出网络的访问行为。防止内部网络信息资源的非法访问。发展历程从技术发展阶段，分为包过滤、应用代理、状态检测等几大类型工作原理处理数据流：快速转发——>接收处理——>规则匹配——&

2022-05-26 16:27:43 499

原创【计算机网络】ch1 计算机网络概述

ch1 计算机网络概述1.1 计算机网络基本概念1.1.1 什么是计算机网络1.1.2 什么是网络协议1.2 计算机网络结构网络边缘：接入网络、物理介质网络核心：Internet结构1.3 网络核心数据交换1.**电路交换**2.报文**交换**3.分组**交换**存储转发1.1 计算机网络基本概念1.1.1 什么是计算机网络计算机网络：互连的、自治的计算机集合【自治：无主从关系、互连：互联互通】通过交换网络互连主机Internet：全球最大的互联网络：数以百万计的互连的计算设备集合、通信链

2022-05-06 20:12:14 283

原创 Vue——创建待办事件列表

根据MDN网站学习记录笔记Vue 实现待办事项列表一、主要vue文件梳理App.vueToDoForm.vueToDoItem.vueToDoItemEditForm.vue二、要点总结创建一个待办事件列表实现待办事件的增删改以及选中功能，项目源码查看一、主要vue文件梳理App.vue<to-do-form>监听：todo-added事件当表单被提交时通过ToDoForm组件中的onSubmit()方法被回调到父组件app.vue<to-do-item>监听：

2022-04-16 17:45:48 1136

原创 Vue框架安装入门

一、Vue.js入门Vue.js是一款渐进式JavaScript框架。具有体积小、更高的运行效率（基于虚拟dom）、实现双向数据绑定、生态丰富、学习成本低等特点。1.安装与部署Vue.js的使用方法：一、直接用<script>标签引入下载vue.js将其放在项目内，用<script>标签将vue.js引入html的<head>标签内或者是通过CDN的方式引入Vue.js。二、使用命令行工具CLI搭建脚手架...

2022-04-14 13:09:55 2365

原创【JavaScript】JS中的预解析

JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行（按顺序从上到下）。预解析：js引擎会把js里面所有的var和function提升到当前作用域的最前面。预解析分为变量预解析和函数预解析变量预解析（变量提升）：把所有变量声明提升到当前作用域的最前面，不提升赋值操作。函数预解析（函数提升）：把所有函数声明提升到当前作用域的最前面，不调用函数。//函数提升，成功调用fun();function fun(){ console.log(num);

2022-04-08 21:55:42 622

原创【JavaScript】序列动画

根据MDN网站学习记录笔记异步JavaScript一、项目目标二、项目流程三、效果展示四、章节小结4.1 通用异步编程概念4.2 异步JavaScript简介4.2 如何使用Promises4.3 实现基于Promises的API4.4 介绍worker一、项目目标二、项目流程三、效果展示四、章节小结4.1 通用异步编程概念一条线程指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务。JavaScript一般来说是单线程的即使有多个内核，也只能在单

2022-04-08 20:56:40 1235

原创【JavaScript】JavaScript对象（为弹球示例增加新功能）

根据MDN网站学习记录笔记JavaScript对象

2022-04-06 17:24:36 857

原创【JavaScript】照片库

根据MDN网站学习记录笔记—— JavaScript的基础要件照片库一、项目简介二、项目流程三、效果展示四、章节小结while 和 do...whileJavaScript arrow functionJavaScript Array filter() 方法一、项目简介HTML中body部分如下：<h1>照片库</h1><div class="full-img"> <img class="displayed-img" src="images/pic

2022-03-28 18:22:26 882

原创【JavaScript】笑话生成器

根据MDN网站学习记录笔记笑话生成器项目简介项目步骤效果展示总结项目简介点击“随机生成笑话”按钮时生成一则笑话。若“生成”按钮按下之前，你在“输入自定义的名字”文字框中输入了一个自定义名字，那么生成的笑话中原有的名字（李雷 / Bob）将被取代。通过选择国家名称的单选按钮来确定界面语言以及笑话中温度和重量的制式。点一次按钮，生成一个新故事。点一次生成一个……项目步骤初始化变量和函数放置事件处理器并补全补全result()函数效果展示总结......

2022-03-26 17:20:45 2094

原创【CSS】定位、多列布局及响应式布局

根据MDN网站学习记录笔记网格和浮动定位定位

2022-03-23 23:44:05 1051

原创【CSS】网格和浮动

根据MDN网站学习记录笔记网格和浮动网格网格网格是由一系列水平及垂直的线构成的一种布局模式，用于web的二维布局系统。利用网格，你可以把内容按照行与列的格式进行排版。一个网格通常具有许多的列与行，以及行与行、列与列之间的间隙，这个间隙一般被称为沟槽。......

2022-03-22 16:01:25 395

原创【CSS】布局介绍及弹性模型

根据MDN网站学习记录笔记CSS排版介绍CSS布局正常布局流(Normal flow)display属性弹性盒子(Flexbox)Grid布局浮动定位表格布局多列布局弹性盒子flex模型说明设置主轴方向换行flex项的动态尺寸flex的缩写与全写水平和垂直对齐介绍CSS布局正常布局流(Normal flow)正常布局流(normal flow)是指在不对页面进行任何布局控制时，浏览器默认的HTML布局方式。每个元素被看作一个盒模型，元素大致分为以下两种类型：块级元素：内容宽度是父元素的100%，

2022-03-21 22:16:55 534

原创【CSS】练习一：排版社区大学首页

根据MDN网站学习记录笔记排版社区大学首页项目简介字体文本样式化基础链接列表导航栏菜单代码展示效果展示小结项目简介字体下载一些免费的字体。字体应该严肃，正式，给人信任的感觉 —— 主体使用serif字体，对标题结合使用sans-serif 或者 slab serif会是不错的选择。使用合适的服务对着两种字体生成无死角的@font-face代码。将你的body字体应用到body，heading字体应用到heading。文本样式化基础设置全站网页 font-size 为 10px。使用相

2022-03-20 22:34:49 1549

原创【CSS】样式化文字

根据MDN网站学习记录笔记样式化文字基本文本和字体样式基本文本和字体样式

2022-03-20 15:28:35 495

原创【CSS】构建基础Ⅱ

根据MDN网站学习记录笔记CSS构建基础二处理不同方向的文本溢出CSS的值与单位长度处理不同方向的文本CSS中的书写模式是指文本的排列方向是横向还是纵向的。writing-mode 属性使我们从一种模式切换到另一种模式。writing-mode的三个值分别是：horizontal-tb ：块流向从上至下。对应的文本方向是横向的。vertical-rl: 块流向从右向左。对应的文本方向是纵向的。vertical-lr: 块流向从左向右。对应的文本方向是纵向的。逻辑属性和逻辑值CSS最近

2022-03-19 13:08:02 655

原创【CSS】构建基础Ⅰ

根据MDN网站学习记录笔记CSS构建基础理解层叠资源顺序优先级理解层叠层叠如何在定义不止一个元素的时候应用css规则。注意一个规则覆盖另一个规则时只覆盖相同属性。考虑以下三因素（存在优先级）：重要程度优先级资源顺序资源顺序有超过一条规则，而且都是相同的权重，那么最后面的规则会应用。理解为后面的覆盖前面的。优先级有些规则在最后出现，但是却应用了前面的规则。这是因为前面的有更高的优先级 — 它范围更小，因此浏览器就把它选择为元素的样式。不同类型的选择器有不同的分数值，把这些分数相加就

2022-03-17 19:04:42 258

原创【CSS】基本知识

根据MDN网站学习记录笔记CSS构建基础CSS基本语法使用类名多种选择符根据状态确定样式函数@规则速记属性应用CSS的方法通过link将css导入html内部样式表内联样式常见选择器级联规则专用规则CSS如何运行浏览加载网页DOMCSS无法解析时CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等。CSS基本语法h1 { color: red; font-size: 5em;}由一个选择器selector开头，选择将要用来添加样式的HTML元素，然后输入{

2022-03-15 15:59:52 546

原创【HTML】表格

HTML表格表格表格标签允许单元格跨越多行和列为表格中的列提供共同的样式高级特性HTML练习三：构建行星数据项目概述项目要求表格是由行和列组成的结构化数据集(表格数据)，能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值。表格标签所有表格内容都包含在<table></table>标签中，<tr>代表一行，<td>一般表示一行中的单元格，一行中有几个<td>就有几列，<th>与<td>相似，th用于添加标题

2022-03-15 11:09:40 861

原创【HTML】练习三：Mozilla醒目页面

根据MDN网站学习记录笔记图片视频嵌入项目准备项目要求代码片段展示示例演示项目准备下载HTML和图片保存在本地设备，准备图片（将其中三张变为400px宽和120px宽重命名）和 mdn.svg 一起作为further-info区内资源链接的图标和网站页眉的火狐图标。创建1200px宽的red-panda.jpg和600px宽的版本项目要求为 header 添加一个图标为主 article 添加一个视频为 further info 的链接添加响应式图片一张小熊猫的艺术照代码片段展示

2022-03-13 18:00:08 555

原创【HTML】多媒体与嵌入

多媒体与嵌入一、概述二、HTML中的图片img元素alt属性宽度和高度图片标题通过为图片搭配说明文字的方式来解说图片CSS背景图片三、视频和音频内容video元素使用多个播放源以提高兼容性四、从object到iframe——其他嵌入技术五、为Web新增向量图六、自适应图片一、概述本模块要探索怎样用HTML来让你的网页包含多媒体，包括可以包含图像的不同方式，以及怎样嵌入视频，甚至是整个其他的网页。二、HTML中的图片img元素可以用<img> 元素来把图片放到网页上。它是一个空元素（不需

2022-03-13 16:53:02 1101

原创【HTML】练习二：构建内容丰富的网页

构建内容丰富的网页一、项目准备二、项目简介三、代码展示四、效果展示五、总结一、项目准备下载assets.zip，其中包含：HTML、CSS以及页面中使用的图片。利用VScode来完成测验。二、项目简介本项目的任务是为“观鸟网”的主页添加结构化的元素，使其可以进行布局设计。需要添加的有：- 页眉（<header>），应充满页面宽度，并包含网站主标题、网站 logo 和导航栏菜单。样式生效后标题和 logo 应显示在在两边，导航栏在它们下方。- 主内容区域（<main>），应

2022-03-10 09:25:16 652 1

原创【Web前端开发】——HTML练习一：标记信件

本次测验要求你为你一封写好的信做出标记，以测验你基础和高级的 HTML 文本格式化技能，包括超链接等等。此外将测验你对一些 HTML <head> 内容的熟悉程度。准备工作开始测验之前，请先下载信件的起始文本和CSS代码。然后用文本编辑器（我选择使用vs code）创建一个新的 .html 文件来进行测验。项目概要本项目中，你的任务为一封大学内网信件进行标记，这封信是研究人员对一名学生有关申请博士学位问题的回复。块/结构语义：你应该使用适当的结构来构造整体文档，包括doctype、

2022-03-09 19:44:46 767

原创【Web前端开发】——（一）HTML：基本介绍

文章目录前言HTML介绍块级元素和内联元素属性多媒体与嵌入HTML表格总结前言HTML (HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。HTML 可复杂、可简单，一切取决于开发者。它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。HTML介绍块级元素和内联元素<em>和</em>使内容斜体强调块级元素：在页面中以块的形式展现 —— 相对于其前

2022-03-08 16:38:49 978

原创【廖雪峰python教程学习】——（五）面向对象编程

面向对象编程前言一、类和实例二、访问限制三、继承和多态四、获取对象信息五、实例属性和类属性总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、类和实例示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、访问限制代码如下（示例）：三、继承和多态四、获取对象信息五、实例属性和类属性总结...

2022-03-07 21:04:55 365

原创【国信安实训】——XSS漏洞

文章目录(一) 漏洞概念(二) 漏洞原理(三) 漏洞危害(四) 修复思路(五) 漏洞利用过程任务一：通过btslab练习cookie窃取和盗用任务二：完成XSS-labs第1-10关(六) 漏洞绕过方式总结(一) 漏洞概念跨站脚本攻击（Cross Site Scripting），一种前端漏洞，能够利用前端脚本（js、vbs）的能力，对受害者浏览器的信息进行读写。(二) 漏洞原理HTML是一种超文本标记语言，通过将一些字符特殊地对待来区别文本和标记，例如，小于符号（<）被看作是HTML标签的

2022-03-06 16:02:00 3702

原创【国信安实训】——文件上传漏洞

文章目录(一) 漏洞概念(二) 漏洞原理(三) 漏洞利用条件(四) 漏洞危害(五) 修复思路(六) 漏洞利用过程任务一：部署Upload-Labs任务二：一句话木马编写和中国菜刀利用**任务三：upload-labs靶场1-12关(七) 漏洞绕过方式总结(一) 漏洞概念文件上传漏洞，直面意思可以利用WEB上传一些特定的文件。一般情况下文件上传漏洞是指用户上传了一个可执行的脚本文件，并通过此脚本文件获得了执行服务器端命令的能力。文件上传本身是web中最为常见的一种功能需求，关键是文件上传之后服务器端的处

2022-03-06 15:55:02 3180

排版社区大学首页.rar

vue实现待办事件列表

空空如也