断点 前端tips web

企业级 Web 应用里使用 CSS 调整应用外观的一些例子

笔者在日常工作中曾经负责过一些企业级 Web 应用的负责和开发,也曾经指导过一些客户的二次开发人员,通过各种方式对我们发布的企业级 Web 应用进行一些定制开发。 所谓企业级前端应用,是指为大型企业或组织开发的前端应用,这些应用具有超过一般 2C 软件的技术复杂度,高度定制化和可扩展性,因为企业级前 ......
例子 外观 企业 Web CSS

前端学习-JavaScript学习-js基础-API02-轮播图案例

自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
前端 JavaScript 案例 基础 API

探索 Web API:SpeechSynthesis 与文本语言转换技术

一、引言 随着科技的不断发展,人机交互的方式也在不断演变。语音识别和合成技术在人工智能领域中具有重要地位,它们为残障人士和日常生活中的各种场景提供了便利。Web API 是 Web 应用程序接口的一种,允许开发者构建与浏览器和操作系统集成的应用程序。本文将探讨 Web API 中的 SpeechSy ......
SpeechSynthesis 文本 语言 技术 Web

Web 应用显示 Icon 的几种技术盘点

在Web前端应用开发中,渲染图标是一个常见的需求,可以通过多种技术来实现。图标在用户界面中扮演着重要的角色,提供直观的视觉反馈和更好的用户体验。以下是一些常见的前端图标渲染技术,以及它们的一些优缺点。 **1. 字体图标 (Icon Fonts) 字体图标是将图标作为字体文件(通常是.ttf或.ot ......
技术 Icon Web

雷池 WAF(SafeLine)异常处理:Web需要绑定动态口令,系统异常崩溃

说明 问题发生在2023年12月1日,突然发现安装的 雷池 WAF Web 需要重新绑定动态口令,但扫描二维码无法绑定。 当即检查防护站点服务正常,PVE Shell 访问正常。 查看 Issues · chaitin/SafeLine · GitHub ,发现已经有人提交了 Bug 。 [Bug] ......
雷池 口令 SafeLine 动态 系统

什么是前端开发中的 SVG Sprites 技术

SVG Sprites 在前端 Web UI 渲染中的应用 在前端Web应用开发中,图标的使用是非常常见的需求,而SVG(可缩放矢量图形)是一种灵活而强大的图形格式,常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度,但当页面上包含大量图标时,每个图标都作为单独的HTTP请求加载 ......
前端 Sprites 技术 SVG

Web 应用中显示页面字体使用的 font-based icons 技术讲解

在前端Web应用开发中,采用字体图标(font-based icons)的方法是一种常见的技术,它允许开发者使用字体文件来呈现图标,而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标,同时减少了HTTP请求和提高性能。 Font-based icon ......
font-based 字体 页面 based icons

关于 Web 开发中的 CSS before 伪元素

我用 Chrome 打开一个网页后,F12 打开 Chrome 开发者工具,在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义? 在Web前端开发中,::before 是CSS伪元素之一,它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......
元素 before Web CSS

嵌入式版东方通Web容器中台后端项目静态资源访问

首先直接说结论,内置化东方通Web容器的基准版本较低。对静态资源访问配置必须使用一下语法 # 静态资源访问配置 spring: resources: static-locations: classpath:/resources/,classpath:/static/,file:/opt/app/Fi ......
静态 嵌入式 容器 项目 资源

记录--原来前端部署这么简单

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 有个朋友说前端技能大家大部分都会,就是部署项目这一块经验都比较稀缺,一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程,感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。 环境搭建 首先我们需要进行环境搭建主要就 ......
前端

web安全检测工具

Netsparker:全面的Web应用程序漏洞扫描工具,包括SQL注入检测功能。 Acunetix:另一个强大的Web应用程序漏洞扫描工具,可检测SQL注入漏洞。 Burp Suite:流行的渗透测试工具,具有SQL注入检测插件。 SQLMap:专门用于检测和利用SQL注入漏洞的工具,具有强大的功能 ......
安全检测 工具 web

.NET Core|--调用C++库|--docker环境下让web api应用程序调用C++类库

前言 # 前提 安装docker环境~ 启动docker~ # 多说一句, 为什么我要搞这个一个镜像, 既包含gcc开发环境, 又包含.NET开发环境 我的api应用程序是基于.NET写的, 但是我的这个api程序, 又要调用c++的一些东西,特别是涉及一些画图之类的, 所以就需要gcc的开发环境, ......
应用程序 环境 程序 docker Core

春秋云镜靶场 CVE-2022-32991 Web Based Quiz System SQL注入

# 春秋云镜靶场 CVE-2022-32991 Web Based Quiz System SQL注入 介绍 该CMS的welcome.php中存在SQL注入攻击。 利用sqlmap爆破 pyload 发现在以下界面存在sql注入: sql注入: python sqlmap.py -u "http: ......
靶场 System 32991 Based 2022

一些网页文件管理器Web File Manager

1.File Browser(亲测) https://filebrowser.org/installation 用Docker比较简单 docker run \ -v /mnt/sdb:/srv \ -v /home/bkfrp/filebrowser.db:/database/filebrowse ......
Manager 网页 文件 File Web

.net core(web api) 后台 +uniapp移动端自动更新

移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......
后台 uniapp core net api

前端学习-JavaScript学习-js基础-API01

学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树:将HTML文档标签以树状形式表现出来 DOM对象:每个标签都是DOM对象 DOM核心思想:将网页内容当作对象处理 DOM中最大的对象:document,其次是<html> <!DOCTYPE html> <html lang="en"> ......
前端 JavaScript 基础 API 01

Web_XCTF_WriteUp | ics-06

题目 提示: 云平台报表中心收集了设备管理基础服务的数据,但是数据被删除了,只有一处留下了入侵者的痕迹。 题目: 分析 到处点了点,结果都是跳转回原页面。 打开 F12,发现 html 文档里的按钮大多没有链接到其他目标,除了报表中心: 点进报表中心,发现这个送分题的确认按钮也不会跳转: 查看数据包 ......
Web_XCTF_WriteUp WriteUp XCTF Web ics

如何在Spring Boot中不启动Web Server

XYHS:用方法4,spring.main.web-application-type=none,实测可行 如何在Spring Boot中不启动Web Server1.介绍Spring Boot是一个用于为各种应用快速创建新的Java应用程序的优秀框架。最流行的用途之一是作为web服务器。但是,Spr ......
Spring Server Boot Web

SpringBoot Resolved [org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'file' is not present]

Resolved [org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'file' is not present] ......

前端优化之路:构建、打包速度提升

【前言】 《闻香识女人》中有句经典台词,“有些人一分钟过尽一生”,多少人在等待中浪费了生命的美好。同样,如果一个项目构建、热更新、打包速度过慢,中途需大把时间去等待,那么不免让人抓狂。 【效果展示】 优化前,构建速度 整整126秒,两分多钟过去后,项目才启动成功 优化后,构建速度 21秒运行完毕,仅 ......
前端 速度

py01-前端了解

前端了解: 一、CSS框架 (1)Bootstrap(http://getbootstrap.com/) 二、JavaScript框架: (1)jQuery(https://jquery.com/) (2)Vue (3)React 三、AJAX: (1)AJAX=异步JavaScript和XML ( ......
前端 py 01

前端H5微信支付宝支付实现

前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面,在选择支付宝支付后,跳转到一个空白页,用于支付宝支付的中转页面。 在点击立即支付之后,直接跳转至自行设置好的空白页就好,并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: ......
前端

Web3.0 是00后最舒适的选择

00后一代是社会变革的见证者和推动者,他们与前几代的差异显而易见。这一代年轻人在技术和信息方面长期接受教育,对新兴科技和互联网有着天然的亲近感。他们注重个性表达,崇尚自由,对数字化生活有着更为敏锐的嗅觉。这种独特的文化氛围为他们接纳Web3.0带来的变革提供了土壤。 Web3.0不仅仅是一种技术变革 ......
Web3 Web

CentOS安装node环境,并编译前端项目

https://www.jianshu.com/p/a0e0311d6259 1.centos安装node环境 1.下载nodejs最新的tar包 可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令 $ wget https://nodejs.o ......
前端 环境 项目 CentOS node

MASA MAUI APP前端监控指南

MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor),需要做运营数据采集埋点,经过综合考虑后,决定采用接入OpenTelemetry SDK的方式,由于目前OpenTelemetry的可测性大部分都是基于后端api的,所以我们也对MA ......
前端 指南 MASA MAUI APP

Web_XCTF_WriteUp | PHP2

题目 分析 尝试 url 接弱密码和找 php 源码,坐牢 1h。 看了大佬的 WP 才知道 php 源码文件扩展名是 phps,于是将 url 接上 /index.phps 找到源码: 整理一下代码,大致意思是: if("admin" $_GET[id]) { // 如果传入的id值为字符串adm ......
Web_XCTF_WriteUp WriteUp PHP2 XCTF Web

前端自动复制功能

一、步骤 1、input,value是你想复制的内容 2、聚焦input的文字,input.select() 3、执行copy命令 document.execCommand("Copy") 4、判断是否成功——不准确,但是有比没有好。 二、代码实现 let inputs=document.creat ......
前端 功能

Spring源码学习之Web数据绑定器WebDataBinder

WebDataBinder 1.描述 特殊的数据绑定器用于从web请求参数到JavaBean对象的数据绑定。专为web环境,但不依赖于Servlet API;作为更具体的DataBinder变体的基类,例如ServletRequestDataBinder。 2.注意:数据绑定会暴露对象图中不打算被外 ......
WebDataBinder 源码 数据 Spring Web

对某登录站点的JS前端逆向思路

js逆向一直没有相关了解,虽然目前渗透遇见的不是很多,大多数遇见的要么不加密,要么无法实现其加密流程,不过最近看到了一个较为简单的站点正好能够逆向出来,就做了简单记录。本文旨在介绍js逆向的一些基础思路,希望能对初学js前端逆向的师傅有所帮助。 ......
前端 思路 站点

前端学习笔记1

前端 笔记 2023.3 1. <meta>标记 链接 常用meta整理 | 菜鸟教程 (runoob.com) 主要用于提供HTML文档的元数据,用于不同移动设备页面调整(全屏、识别邮箱电话号码、添加广告)、SEO优化(搜索引擎优化)、页面相关(编码、站点适配)…… 2. url href src ......
前端 笔记