- 2024-11-21WEB攻防-XSS跨站&反射型&存储型&DOM型&标签闭合&输入输出&JS代码解析
XSS跨站-输入输出-原理&分类&闭合漏洞原理：接受输入数据(如前端JS代码进行执行)，输出显示数据后解析执行（先分析，在输入，有闭合绕闭合，有过滤绕过滤）反射(非持续型攻击)有一些浏览器会阻止不确定用户会不会点击利用:可以制造一个钓鱼网站基础类型：反射(非持续)，存储(持续)，DOM
- 2024-11-21在浏览器中输入url到页面显示出来的过程发生了什么？
在浏览器中输入URL到页面显示出来，这中间经历了一系列复杂的过程，可以概括为以下几个主要步骤：URL解析:浏览器首先会解析你输入的URL，检查其语法是否正确，并提取出协议（如HTTP或HTTPS）、域名、端口、路径、查询参数和片段标识符等信息。DNS查询:浏览器会向DNS服务器查
- 2024-11-21说说你对影子(Shadow)DOM的了解
ShadowDOM（影子DOM）是Web组件的关键特性之一，它允许在网页上创建封装的DOM树，从而实现样式和行为的隔离。这就像在页面中创建了一个“独立的世界”，外部样式不会影响内部，内部样式也不会泄漏到外部。以下是ShadowDOM的一些关键特性和优势：封装样式:ShadowDOM中的样式是独立的
- 2024-11-21"attribute"和"property"有什么不同？
在前端开发中，“attribute”和“property”经常被混淆，但它们是不同的概念。Attribute(特性)定义:HTML元素起始标签内的键值对，属于HTML文档的一部分。你可以直接在HTML代码中看到它们。数据类型:始终是字符串。即使你设置了一个数字类型的attribute，它也会被转换为字符
- 2024-11-19你可能不知道的JavaScript-1
目录1.防御式CSS2.js的应用领域JavaScript中让人迷惑的知识点3.一个网页URL从输入到浏览器中到显示经历过怎么样的解析过程呢4.浏览器内核1.是什么2.浏览器的渲染过程HTML解析CSS解析构建RenderTree3.回流与重绘1.回流(重排）2.重绘3.页面性能优化1.减少DOM操
- 2024-11-192024年前端最新场景题⾯试攻略（五）
41.JS放在head⾥和放在body⾥有什么区别？【热度:420】将JavaScript代码放在<head>标签内部和放在<body>标签内部有⼀些区别：1.加载顺序：放在<head>⾥会在⻚⾯加载之前执⾏JavaScript代码，⽽放在<body>⾥会在⻚⾯加载后执⾏。2.⻚
- 2024-11-18MutationObserver 防止用户篡改水印
MutationObserver应用于水印制作时，之所以能够有效防止用户篡改数据，主要归因于其对DOM（文档对象模型）元素变化的强大监视能力。以下是对此现象的详细解释：一、MutationObserver的工作原理MutationObserver是一个监视DOM变动的接口，它能够监听DOM树的变化，并在检测到变动时执行回调函数
- 2024-11-18【C语言】前端虚拟DOM
你对前端框架中的虚拟DOM有何理解？它与真实DOM有何区别和联系？虚拟DOM（VirtualDOM）是一种由前端框架如React、Vue等创建的概念，用于优化网页渲染过程。它是实际DOM的一个轻量级副本，存储在内存中，由JavaScript动态构建。每当组件的状态改变时，虚拟DOM会计算出新的状态与之前的差异，而
- 2024-11-16【网络安全 | 漏洞挖掘】Google SSO用户的帐户接管
未经许可，不得转载。文章目录DOMXSS获取CSRFToken解除Google账户绑定在这篇博文中，我将详细介绍找到针对GoogleSSO用户的账号接管（ATO）漏洞的过程。DOMXSS我遇到DOMXSS漏洞的位置非常微妙，因为我遇到了非常严格的WAF。获取CSRFToken在找到XSS漏
- 2024-11-16什么是虚拟DOM？它在React中是如何工作的？
虚拟DOM（VirtualDOM）是React中用于优化UI渲染性能的一种核心概念。它是一种轻量级的JavaScript对象，用来模拟真实DOM节点的结构和属性。虚拟DOM的主要作用是在内存中构建一个UI的抽象表示，然后通过与真实DOM进行比较和更新，减少直接操作真实DOM的次数，从而提高性能。在React中，虚拟D
- 2024-11-14Vue: Day_3
Vue基础Chapter3Transition是一个Vue自带的动画过渡组件，属性有name、duration、mode、key、appearname是可以给该类定义name，不指定会是v<template> <Transitionname="hello"><div></div></Transition></template><stylescoped>.hello-
- 2024-11-14利用 React 构建现代化 Web 应用的核心实践
- 2024-11-13【React Router】基于 react-router-dom 的路由配置与导航详解
文章目录一、ReactRouter组件概述1.ReactRouter的作用2.主要组件介绍二、ReactRouter的基本使用1.安装与配置2.配置基础路由3.路由重定向三、嵌套路由与布局1.嵌套路由2.带参路由四、路由守卫与重定向1.路由守卫2.路由重定向五、总结React是现
- 2024-11-13Vue: Day_2
Vue基础Chapter2当想获取父组件传递的属性或者值时但是不通过define方法$attrs获取父组件传递的属性如:<Childclass="child"/>，可以通过$attrs.class获取如果控制输入类或者点击类的DOM，但是又是父组件传递处理函数这是就需要$emit(handleFn,$event)来访问到父组件传
- 2024-11-12一、虚拟DOM本质，模板本质，组件树和DOM树，数据拦截的本质
一、虚拟DOM本质1.真实DOM原理：是由JS引擎创建DOM后，识别为API，发送到浏览器内核中，由渲染主线程进行渲染，最终将结果返回给JS引擎。2.什么是虚拟DOM:就是JS对象，是创建DOM对象是在JS引擎终进行的。二、模板的本质1、流程：进行了模板编译器最终生成了模板（解析器-模板AST-转换器-JSAS
- 2024-11-12Vue: Day_1
Vue基础Chapter1通过响应式定义的变量reactive(obj)和ref一样拥有深层响应式，所以当改变reactive(obj).obj里面的对象也会发生改变。但是reactive只能包装引用类型的变量，而ref可以包装任何类型但是在没自动解包的情况下需要.value来访问ref值reactive的变量如果解构的话，变
- 2024-11-112024年前端面试高频题（一）
1.什么是事件冒泡和事件捕获事件流有三个阶段：事件捕获、事件目标、事件冒泡。在事件捕获阶段，事件从文档的根节点向下传播到目标元素；在事件冒泡阶段，事件从目标元素向上传播到文档的根节点。事件冒泡与事件捕获的区别事件捕获：事件从document→parent→child（从外到内）事
- 2024-11-11深入解析：虚拟 DOM
一、虚拟DOM是什么？虚拟DOM（VirtualDOM）是一种通过JavaScript对象模拟真实DOM树结构的技术。它的主要目标是提高页面渲染的效率，减少浏览器DOM操作的频繁性。虚拟DOM并不是一种新的DOM技术，而是一种通过抽象层的设计，使得对UI更新的操作变得更加高效的技术。前
- 2024-11-09前端八股（2）
第二部分，也是简单版，记录下目录第一部分四、vue1.v-if和v-show的区别?2.如何理解MVVM的?3.v-for中的key值的作用是什么?4.说一下你对vue生命周期的理解5.在created和mounted去请求数据，有什么区别?6.vue中的修饰符有哪些?7.elementui是怎么做表单验证的?8.vue如何进行
- 2024-11-08JS DOM获取
一、DOM初相识DOM简介文档对象模型（DocumentObjectModel，简称DOM），它就是一些系列编程接口，有了这些接口，就可以改变页面内容，结构和样式DOM树： 文档：一个页面就是一个文档，DOM中使用document表示元素：页面中所有的标签都是元素，DOM中使用element表示节点：网页中所有内容都是节
- 2024-11-08利用dem和DOM生成路线算法的实现
要在C++中实现一个基于DEM（数字高程模型）和DOM（数字正射影像）的路线生成算法，满足以下要求：规避DEM中的地物：利用DEM的高度数据识别障碍物，如山体、水域等不可通行区域，并设计路径绕过它们。判断DOM中的地物：结合DOM数据对地物进行分类和识别，如道路、建筑、植被等。生成连续的线路
- 2024-11-08vue，for循环为什么不提倡放主键id
在Vue.js中，v-for循环用于渲染列表时，推荐为每个列表项提供一个key属性，以帮助Vue更高效地更新和复用DOM元素。但是，使用主键id作为key有时并不推荐，原因如下：1.id不一定稳定主键id通常是在数据库中生成的唯一标识符，虽然在数据库中它是唯一的，但在前端应用中，尤其是在
- 2024-11-08js复制黏贴功能
一、首先实现一个把canvas转换为图片，简单点就是把dom转换为图片1、优先想到的就是html2canvas，具体使用参考官网但是它有一个bug，你复制的容器不能使用css3的box-shadow要不然会导致你转换的图片变成白色和灰色相间的背景色，并且无解，如果有跨域问题，那就继续使用html2canvas2、dom-t
- 2024-11-08使用 ref 引用值
当你希望组件“记住”某些信息，但又不想让这些信息触发新的渲染时，你可以使用ref。constref=useRef(0);useRef返回一个这样的对象:{current:0//你向useRef传入的值}与state一样，ref在重新渲染之间由React保留。但是，设置state会重新渲染组件，而更改ref
- 2024-11-07三、DOM获取
3.1、DOM初相识3.1.1、DOM简介文档对象模型（DocumentObjectModel，简称DOM），它就是一些系列编程接口，有了这些接口，就可以改变页面内容，结构和样式DOM树：文档：一个页面就是一个文档，DOM中使用document表示元素：页面中所有的标签都是元素，DOM中使用element表示节点：网页中所有内容