diy前端第16页

前端安全之XSS攻击（跨域脚本攻击）

彭式程序猿·2024-08-26 03:36

前端安全XSS，CSRF

XSS（Cross-sitescripting）跨站脚本攻击：用户在页面渲染数据时注入可运行的恶意脚本目的是盗用cookie，获取敏感信息，得到更高权限防御方法是对输入和输出进行严格过滤CSRF（Cross-siterequestforgery）跨站请求伪造：冒充受信认用户、向服务器发送非本意/非预期的请求认防御措施有cookit设置SameSite属性、验证请求请求头中Referer来源、表单请

前端-JC·2024-08-26 03:36

HTML01

前端人员必备的浏览器：谷歌。原因：a.使用范围广。b.更新快。2.浏览器内核：读取网页内容并且显示网页内容。国内主流浏览器内核：Webkit&Blink（谷歌）。

ae7e2869e671·2024-08-26 02:02

打印样式的艺术：用CSS @media 规则优化页面输出

标题：打印样式的艺术：用CSS@media规则优化页面输出摘要随着Web技术的发展，CSS已经成为前端设计中不可或缺的一部分。

2401_85761003·2024-08-26 02:54

后端使用Spring Boot框架 + 前端VUE 实现滑动模块验证码

现在我就讲解一下滑动块验证码的实现方式：这个是前端代码，我使用的是vue，在使用的时候注意：注意几个关键点：使用Vue的data函数来存储组件的状态，如isDragging、sliderPosition

八百码·2024-08-26 00:45

＜电子幽灵＞前端第二件：CSS进阶笔记上

CSS进阶笔记上介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。CSS进阶笔记上CSS进阶笔记上介绍简介约定规范CSS选择器高级用法选择器:组合选择符

靈镌sama·2024-08-26 00:14

fetch跨域请求数据的前端设置和后端php的header设置

以下是使用JavaScript中的fetch函数进行跨源请求的一个基本示例：这里做测试的是前端http://127.0.0.1:5500/fetchcors.html后端：http://xuejx.xy

cdcdhj·2024-08-25 22:05

好省app一个月赚几万是真的吗？好省靠谱吗？

好省app一个月赚几万是真的吗好省一个月赚几万是真的吗好省一个月赚几万事情可以做到的，努力一点做到最前端的，也就是高级运营商，后面一大堆下线，这样别人发展合伙人，通过你的邀请码，买的

高省APP·2024-08-25 20:34

org.apache.catalina.connector.ClientAbortException: java.io.IOException: Connection reset by peer

现象：前端请求接口时候，后端接口无法正常响应结果，只有某个接口会出现这种情况，其他接口全部正常，该接口的响应提比较大，服务端报错如下：Causedby:org.apache.catalina.connector.ClientAbortException

码农爱java·2024-08-25 19:15

实现前端框架 SPA 路由功能：Hash 模式与 History 模式的手动实现

前言在前端框架（如Vue.js、React等）中，路由管理通常会配置一个router对象来定义URL路径与组件的映射关系。路径（path）:这是浏览器URL的一部分，比如/home或/about。

ZhaiMou·2024-08-25 17:36

前端面试总结——原型和原型链

1.classclassPeople{constructor(name){this.name=name;}eat(){console.log(this.name+'iseatingsomething')}}constzhangsan=newPeople(张三);console.log(zhangsan.name);zhangsan.eat();classStudentextendsPeople{c

旺sir·2024-08-25 17:05

前端面试每日一题——什么是原型链？

什么是原型？在JS中，每个函数在被创建的时候就会有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象就是这个函数的原型对象（也就是原型），它是用来共享所有实例的属性和方法的地方，所以原型其实就是函数的伴生体（与生俱来的）vara=[1,2,3,4,5];a.__proto__===Array.prototype;//true什么是原型链？原型链，简单理解就是原型组成的链。当访

前端技术迷·2024-08-25 17:35

前端html+js实现懒加载的两种常见方法

忘记啥原因了，对图片懒加载有点好奇，于是乎查了一下有哪些方法，在这里记录下来使用H5标准内置标签loading参考：vue实现懒加载_vue懒加载-CSDN博客注意事项：需要设置图片的宽高，尽量设置高度大一点，这样效果明显一点。不设置浏览器将不知道实际占位大小，会直接把图像加载过来。代码示例：图片加载.ttt{width:100px;height:500px;display:block;}使用JS

JSU_曾是此间年少·2024-08-25 17:04

前端面试——什么是原型和原型链

不过里面提到原型链，是指对象层层向上寻找原型形成的路径就叫做原型链后面我参考了一些文章，在这里做一下总结：参考（超赞）：前端面试必考——原型及原型链（涵实例+话术）我自己的定义：原型：每个函数创建好之后

JSU_曾是此间年少·2024-08-25 17:32

音频采集spring_ws_webrtc (html采集麦克风转gb711并发送广播播放)完整案例

下载地址：http://www.gxcode.top/code项目说明springboot+webscoekt+webrtc项目通过前端webrtc采集麦克风声音，通过websocket发送后台，然后处理成

java之书·2024-08-25 16:23

mac和windows上安装nvm管理node版本

NVM是nodeversionmanager的缩写，它是一个用来管理电脑上node版本的命令行工具，在日常前端开发中是一个跟node一样会经常用到的工具，可以很方便的让我们快速切换不同的node版本。

cafehaus·2024-08-25 15:22

数据结构Python用队列实现杨辉三角形

数据结构Python用队列实现杨辉三角形简介队列是一种特殊的线性表，特殊之处在于它只允许在表的前端（front）进行删除操作，而在表的后端（rear）进行插入操作，和栈一样，队列是一种操作受限制的线性表

Switch616·2024-08-25 15:21

mysql 遍历二叉树_二叉树的三种遍历方式（前序、中序、后序）

从前端编程当中UI界面层级结构，到java中的HashMap，到MySQL中的数据存储，到操作系统底层文件系统等等，这些都涉及到树形结构。

nnllc·2024-08-25 15:51

Vue2前端实现数据可视化大屏全局自适应 Vue实现所有页面自适应 Vue实现自适应所有屏幕

Vue自适应所有屏幕大小，目前页面自适应，尤其是数据可视化大屏的自适应更是案例很多今天就记录一下使用Vue全局自适应各种屏幕大小的功能在Vue.js中创建一个数据大屏，并使其能够自适应不同屏幕大小，通常涉及到布局的响应式设计、CSS媒体查询、以及利用Vue的事件系统来处理窗口大小变化。下面我将展示一个使用Vue2、Vuetify（一个基于MaterialDesign的VueUI框架）和Vuex（V

HuiRonmantic·2024-08-25 14:15

前端重点之：Vue+websocket通信详细用法和websocket心跳机制的使用，websocket断开实时监测，websocket实时通信

今年年初找工作，好多gou面试官总喜欢问关于websocket通信的使用方式，此次又用到了，在此做个总结：主要包含websocket的具体使用方法，和重点：（心跳机制的使用），就是主要是前端实时监测websocket

HuiRonmantic·2024-08-25 14:14

Vue.js 中的 vue-property-decorator 使用详解

引言Vue.js是一个流行的前端框架，它的核心理念是让开发者以声明式的方式构建用户界面。

小于负无穷·2024-08-25 14:44

Ant-Design-Vue快速上手指南+排坑，操作详细步骤

Ant-Design-Vue是一款基于Vue.js的UI组件库，它不仅提供了丰富的高质量组件，还支持灵活的配置选项，使得开发者能够快速构建出既美观又功能强大的前端应用。

liyy614·2024-08-25 14:42

vue项目一次性下载多个文件

这是我的前端文件放的位置，我的需求是点击按钮可以下载多个模板varurlList=[]urlList.push('/template/xxx.xlsx')urlList.push('/template/

正在呼吸·2024-08-25 14:42

爬取美拍视频网址

看看美拍的请求，发现解密方法藏在js中，也就是说解密是靠前端解密的vard=a("jquery"),e=a("support"),f=a("constants"),g=a("b

十年之后_b94a·2024-08-25 14:55

＃爱思沐正向养育90天父母成长营day18#

上完这次的父母课程之后，刚好买了宜家的一款可以DIY的时钟。我就把这个时钟和妹妹一起上了颜色，又在时钟表面上面分区画上了，晚上要做的几件主要的事情，吃饭洗澡绘本游戏睡觉这几块。

ZY的简书·2024-08-25 12:43

搭配使用 ESLint 和 Prettier 优化代码风格和质量

在前端开发中，保持一致的代码风格和高质量的代码至关重要。ESLint和Prettier是两个流行的工具，分别用于代码质量检测和代码格式化。

小于负无穷·2024-08-25 12:32

前端宝典十六：深入浅出8大设计模式

本文主要探讨前端开发中的各种设计模式，主要分类有：单例模式建造者模式代理模式装饰器模式适配器模式策略模式观察者模式发布订阅模式通过对他们实际开发中的使用场景的解析，深入浅出的一起更全面直观的进行学习：一

桃子叔叔·2024-08-25 11:29

HTTP 414错误问题

问题描述：在一次前端编辑报表完成，打开审核人选择弹出框的时候，layer直接报414错误。

niceLiuSir·2024-08-25 11:57

html语言三要素是,Web前端开发的三要素是什么？

Web前端开发是由网页制作演变而来的，现在很多网站开发会用到web前端开发。

KNSTY·2024-08-25 10:52

前台解析html标签,前端知识HTML常用标签

什么是结构表现行为html用于描述页面的结构css用于控制页面中元素的样式javascript用于响应用户操作html超文本标记语言负责三个要素中的结构一个最基本的HTML页面：Documenthtml标签HTML中的标记指的就是标签。HTML使用标记标签来描述网页。标签内容标签名>一级标题我是一个段落p也是一个元素，em是p的子元素，p是em的父元素。内容html5声明怪异模式为了兼容一些旧的模

Hank君·2024-08-25 10:52

Java开发的企业级Spring Cloud ERP管理系统源码

我们开发了一套基于Java技术的鸿鹄ERP管理系统，该系统整合了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等前沿技术，并采用了VUE3和ElementUI作为前端框架

m0_67544708·2024-08-25 10:52

【前端面试】从npm 升级到 pnpm的总结

pnpm优势pnpm和npm在性能上存在一些明显的差异，这也是一些开发者选择从npm切换到pnpm的原因。以下是一些关键的差异和原因：1.速度：pnpm比npm快了近2倍，它通过优化的依赖管理，显著提高了安装速度。2.磁盘空间效率：pnpm使用基于内容寻址的文件系统存储依赖，避免了重复安装同一包，节省了磁盘空间。npm/yarn可能会在每个项目中重复安装相同的包。3.依赖管理：pnpm通过硬链接确

贾明恣·2024-08-25 09:47

11.购物车页面下订单

购物车页面下订单一、前端处理1.引入订单模态框2.创建模态框对象、添加事件响应函数、定义下订单函数二、后端处理2.1加注解路径，加case子块2.1实现cartChkList函数一、前端处理1.引入订单模态框引入模态框组件

骤跌·2024-08-25 09:14

python markdown vuejs前端：如何正确处理多行字符串的缩进问题

有时候，我们需要使用多行字符串配合format格式化函数来生成Markdown文本。例如，我现在开发了一个AI对话机器人，我发送一个txt文件过去，他首先帮我总结整个文件的内容，然后以问答的形式列出10个要点。你的代码可能是这样写的：defbot(text):summary=summary_text_by_gpt(text)qa=get_qa_by_gpt(text)output='''##文本总

南七小僧·2024-08-25 09:42

Visual Studio 和 VSCode 哪个好？

扩展性2.2VSCode扩展性3.使用场景和用户群体3.1VisualStudio3.2VSCode4.性能和资源占用4.1VisualStudio4.2VSCode5.案例5.1大型企业级项目5.2前端开发项目

concisedistinct·2024-08-25 09:10

如何解决 npm install 中常见的报错问题

引言：在前端开发中，npm（NodePackageManager）是最常用的包管理工具。通过npminstall命令，开发者可以轻松地安装项目所需的依赖包。

一个代码猎人·2024-08-25 08:37

基于Python的图书管理系统的设计与实现毕业设计开题报告_基于python的图书销量分析系统的设计与实现开题报告

使用Python自带的tkinter模块，实现前端页面和后端逻辑的交互，提高系统的易用性和用户体验。本文的创新点主要有以下几个方面：采用Py

2401_84139728·2024-08-25 08:35

登录逻辑前后端全流程(vue3 pinia nodejs)

简述输入用户名密码，post请求发给后端；如果登陆成功，后端用JWT创建并返回token，前端保存token（pinia&localstorage）。

aPurpleBerry·2024-08-25 08:34

前端实现截图（Vue）

可以通过使用html2canvas库来实现截图功能。这个库可以将HTML页面或某个元素转换为图片。以下是一个基本的实现步骤：1.安装html2canvas首先，你需要在项目中安装html2canvas：npminstallhtml2canvas2.创建截图功能在你的Vue组件中，你可以通过方法来实现截图功能。例如：截图示例这个区域将会被截图。截图importhtml2canvasfrom'html

码农键盘上的梦·2024-08-25 06:57

一文搞懂React18原理

文章目录前言React初始化过程节点类型首次渲染阶段React更新过程更新场景对比更新过程（diff）key作用ReactFiber架构单线程CPU调度策略分片设计前端如何解决React是如何优化的时间分片

小童不学前端·2024-08-25 03:37

前端精髓-React

目录React的几大原理：diff原理React的工作流程大致如下：React为什么要使用reduxRedux基本原理：Redux的核心概念包括：Redux的工作流程大致如下：整个redux工作流程：Reducer为什么要返回一个新的state为什么要用State?reducer如何管理数据？React异常获取-错误边界（ErrorBoundary）：React严格模式开启与关闭？严格模式有什么好

hulovelove·2024-08-25 03:07

linux使用nginx部署springboot + vue分离项目

Miki_souls·2024-08-25 01:25

Puppeteer前端插件

一、概述Puppeteer是一个Node库，它提供了一个高级API来通过DevTools协议控制Chromium或Chrome。Puppeteer默认以headless模式运行，但是可以通过修改配置文件运行“有头”模式。你可以在浏览器中手动执行的绝大多数操作都可以使用Puppeteer来完成！下面是一些示例：生成页面PDF。抓取SPA（单页应用）并生成预渲染内容（即“SSR”（服务器端渲染））。自

Hello.Reader·2024-08-25 00:49

CSS3【待总结学习】

CSS3是CascadingStyleSheets（层叠样式表）的第三个版本，它是前端开发中用于控制网页布局和样式的重要技术。

GISer_Jinger·2024-08-24 23:11

mybatis和hiberate使用对比说明

回复Java全套视频教程或前端全套视频教程即可获取300G+教程资料，以及大量毕设项目源码。专注干货知识分享、项目实战案例开发分享传送门：Github毕设源码仓库文章目录前言1.配置2.CRUD操

Mr.Aholic·2024-08-24 22:38

从零开始搭建 LVS 高性能集群 (DR模式)

LVS将作为前端节点，接收所有进入的请求，并将它们分发到后端服务器。流程配置三台服务器，安装必要的操作系统和软件。关闭防火墙:systemctldisablef

cloud_ether·2024-08-24 21:03

基于SpringBoot的银行OA系统设计与实现

开发语言：Java数据库：MySQL技术：SpringBoot架构，前端使用H5、CSS3、JS和DIV技术工具：MyEclipse、NavicatforMySQL系统展示首页员工管理界面工作任务管理界面申请管理界面摘要在互联网信息技术时代

码农小野·2024-08-24 21:32

使用 Tailwind CSS 实现水平和垂直居中对齐的方法

在前端开发中，可以使用TailwindCSS轻松实现水平和垂直居中对齐。方法1：使用flex布局这种方法最常用且灵活，可以适应各种情况。

B.-·2024-08-24 21:31

angular 6 HttpClient 请求数据方式总结

前端应用都需要通过HTTP协议与后端进行服务通，目前浏览器主要支持两种API通讯：XMLHttpRequest接口和fetch()API。

小话001·2024-08-24 19:07

推荐频道

diy前端