前端#JavaScript 第24页

JS 深度优先遍历与广度优先遍历实现查找

在日常的开发工作中，牵扯到层级结构比较复杂的节点，如树形节点，级联选择器，这些都是牵扯到前端算法的遍历的；本文将介绍常用到的两种遍历方式：深度优先遍历和广度优先遍历深度优先遍历：depthfirstsearch

感谢上Di_123·2024-08-26 04:43

打卡50天------图论

正式开启图论了，作为一个前端工程师，这个代码随想录真的刷新了我对于算法的认知，每天都在学习新东西。别着急、放轻松、慢慢来。

感谢上Di_123·2024-08-26 04:12

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

提示：前端查漏补缺，仅代表个人观点，不接受任何批评文章目录一、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

javascript常见笔试题：首字母大写

代码（对，就这么简单）：varstr='youcanyouup,nocannoBB';varstr1=str.replace(/\b[a-z]/g,function(keyword){returnkeyword.toUpperCase();})console.log("首字母大写："+str1);效果：效果如上代码解析：主要考察正则表达式和字符串函数，实现思路如下：1、使用正则表达式匹配首字母；2

之幸甘木·2024-08-26 02:20

打印样式的艺术：用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设置

跨源请求，也称为CORS（Cross-OriginResourceSharing）请求，是Web开发中常见的一种需求，允许一个网页的JavaScript代码向与该网页不同源的服务器发出HTTP请求。

cdcdhj·2024-08-25 22:05

用生成器函数生成表单各字段

生成器函数生成表单字段是非常合适的用法,避免你要用纯javascript做后台时频繁的制作表单，而不能重复利用//这里是javascript部分，formfiled.js//生成器函数对字段的处理，让各字段

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

Web Worker 应用场景和实现

应用场景众所周知JavaScript是单线程的语言，所有任务只能在一个线程上完成，一次只能做一件事，即前面的任务还没有完成，后面的任务只能排队等待。

zhou周大哥·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

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

背景最近看到了很有意思的东西，原型和原型链我们首先看看MDN怎么讲：继承与原型链-JavaScript|MDN不过文档里面也没有给出原型的定义？？？

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

iOS Native与JS通信：JSBridge

文章目录一、简介二、JS调用Native1.使用URLSchemea.UIWebViewb.WKWebView2.使用JavaScriptCore(iOS7+)3.使用WKWebView和WKScriptMessageHandler

ilycyq·2024-08-25 16:00

yarn的安装与配置(秒懂yarn用法）

Yarn是一个快速、可靠且安全的JavaScript包管理工具，由Facebook、Google、Exponent和Tilde等公司的开发者共同维护。

shiming8879·2024-08-25 16:25

Python爬虫教程第二篇：进阶技巧与实战案例

一、进阶技巧处理JavaScript渲染的页面在Web开发中，JavaScript被广泛应用于动态加载和渲染页面内容。传统的HTTP请求方法（如requests库）可

shiming8879·2024-08-25 16:55

音频采集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

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

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

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

HTML1:html基础

客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器)网页架构软件无需安装,无需更新,可跨平台浏览器浏览器内核:处理浏览器得到的各种资源网页:结构HTML(超文本标记语言)表现CSS行为JavaScript

0cfjg0·2024-08-25 12:32

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

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

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

Javascript Ajax总结——XMLHttpRequest对象

Ajax技术能向服务器异步请求额外的数据，会带来更好的用户体验。Ajax技术核心：XMLHttpRequest对象（简称XHR）。XHR为向服务器发送请求和解析服务器响应提供了流畅的接口。1、创建XMLHttpRequest对象创建XMLHttpRequest对象：1varxhr=newXMLHttpRequest();注：IE7+、Firefox、Opera、Chrome和Safari支持原生X

aoju2573·2024-08-25 11:28

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

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

JavaScript 循环遍历方法总结

引言JavaScript提供了多种循环遍历数组、对象等数据结构的方法。掌握这些方法不仅能够帮助你写出更加高效、简洁的代码，还能让你更好地理解JavaScript的核心概念。

不知名靓仔·2024-08-25 10:49

使用正则表达式过滤输入框输入的小数

使用正则表达式过滤掉非整数部分input.value=input.value.replace(/[^0-9]/g,'');//更新模型中的值this.number=Number(input.value);}replace是JavaScript

2301_78916954·2024-08-25 10:49

【前端面试】从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

ECMAScript性能优化技巧与陷阱

ECMAScript性能优化技巧与陷阱在现代Web开发中，JavaScript（即ECMAScript）的性能优化至关重要。它直接影响用户体验和应用的响应速度。

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

NPM 使用教程：从入门到精通

NPM(NodePackageManager)是JavaScript的包管理工具，也是世界上最大的开源库生态系统。它帮助开发者轻松地管理项目的依赖、安装和分享包。