前端开发
-
简介 Claude Artifact 是由 Anthropic 公司推出的一个强大功能，它可以让用户通过直观的界面来理解和操作由 Claude 生成的内容，例如代码片段、文本文件和网站设计。 对于前端开发人员来说，Claude Artifact 可以成为一个非常有用的工具，因为它可以帮助他们快速生成代码、原型设计以及学习新技术。 如何使用 Claude Artifact 生成前端代码 访问 Claude Artifact 页面：App unavailable \ Anthropic并打开开关
2024-10-28 -
知攻善防Web1应急靶机笔记 概述 这是一台知攻善防实验室的应急响应靶机，方便大家练习一下应急响应的流程和操作。 靶机的前景概述： 提取码：1gs2 0、前期配置 1）VM版本问题 我们需要去Window Server 2022.vmx右键，记事本打开 我们打开虚拟机 2）防火墙问题 不关闭防火墙的话，看到web网站的后门脚本会自动被windos的防火墙删除掉 我们关闭掉病毒和威胁防护 1、第一题题解 1.攻击者的shell密码 看到有一个shell.php,右键打开
2024-10-28 -
大家好，我是前端宝哥。 微软 Edge 最新版本 基于 Chromium 浏览器内核，并且进行了重大更新，其中一个重要的改变是减少对 React 的依赖，转而使用以 HTML 为先的 Web Components 技术。 结果如何？ 速度飞升！ 微软表示，新版 Edge 的浏览器基本功能界面响应速度更快，对于 Edge 用户来说，速度提升了 42%，而对于那些没有 SSD 或者内存小于 8GB 的设备用户来说，速度提升更是高达 76%！ 微软产品经理 Alex Russell 在社交媒体上透露
2024-10-28 -
Rust Web开发框架对比：Warp与Actix-web 引言 Rust作为一门以安全性和高性能著称的系统级编程语言，近年来在Web开发领域也逐渐受到关注。其中，Warp和Actix-web是Rust生态中最受欢迎的两个Web框架。本文将深入比较这两个框架的设计理念、性能表现、生态支持等方面，帮助开发者选择最适合自己项目的工具。 框架概述 Warp框架简介 Warp是一个基于异步编程的轻量级Web框架，构建在高性能的异步运行时Tokio之上。Warp的核心理念是Filter（过滤器），通过组合
2024-10-28 -
vue中使用Marked实现预览md文件（base64编码图片） marked 介绍 Marked 是一个高性能的 Markdown 解析器和编译器，专为速度优化而设计；它是一个底层的 Markdown 编译器，能够在不依赖缓存或长时间阻塞的情况下解析 Markdown 文档；Marked仍然保持轻量级，使其既适用于浏览器环境，也适用于服务器端或通过命令行界面（CLI）运行；广泛兼容性：实现了来自支持的Markdown风格和规范的所有特性，包括原始Markdown、CommonMark和Git
2024-10-28 -
移动适配 屏幕分辨率: 纵横向上的像素点数，单位是px PC 分辨率 1920 * 1080 1366 * 768 …… 缩放 150% 1920 / 150% 1080 / 150% 总结 硬件分辨率 → 物理分辨率（出厂设置） 缩放调节的分辨率 → 逻辑分辨率（软件/驱动设置） 制作网页参考 逻辑分辨率 记住一些常用的分辨率 视口：显示HTML网页的区域，用来约束HTML尺寸 <!– 视口标签 --
2024-10-28 -
项目场景： 实现30000+设备的全国布局图，并且设备数量仍在持续增长，如何将海量点渲染至高德地图。通过zoom等级分两个图层（地级市图层和设备图层）请求懒加载设备点，尝试减少http请求，探索开辟webworker对地级市点大小进行计算等性能优化手段。记录一下自己的实现和思考。 1.地级市图层 2.设备图层（单个地级市，如苏州市） 需求描述 1.进入全国布局页面，只渲染地级市点图层，通过deviceSize渲染点的大小。 2.点击级联组件进行搜索城市，定位到所在城市并且请求设备点数据，并
2024-10-28 -
在Python的世界里，Web框架层出不穷，而FastUI是其中的新星。它结合了现代Web开发的便捷性和Python的简洁性，让开发者能够以前所未有的速度构建出美观且功能强大的Web应用。 本文将带你深入了解FastUI的概念、原理，并通过丰富的案例代码，教你如何使用FastUI快速搭建Web应用。 基础概念 FastUI简介 FastUI是一个基于Python的Web框架，它旨在提供一种快速、简单且高效的方式来创建Web应用。FastUI的设计理念是“快速开发，优雅呈现”，它通过简化开发流程
2024-10-28 -
1. 基本图片插入 2. 图片尺寸控制 3. 响应式图片 使用srcset和sizes 4. 图片懒加载 5. 图片SEO优化 6. 可访问性 在网页设计中，图片是不可或缺的元素之一，它们能够极大地丰富页面内容，提升用户体验。HTML作为网页开发的基石，提供了简单而强大的方式来嵌入和展示图片。然而，仅仅将图片插入到网页中并不足以满足现代网页设计的需求，我们还需要考虑图片的加载速度、响应式设计、可访问性以及SEO优化等方面。本文将详细介绍在HTML中优雅地展示图片的一些技巧与实践
2024-10-28 -
NuGet添加： Microsoft.AspNetCore.Authentication.JwtBearer JWT JWT把登录信息(也称为令牌)保存在客户端； JWT由三部分组成：Header，PayLoad，Signature； 为了防止客户端造假，保存在客户端的令牌经过了签名处理，签名的密钥只有客户端知道，每次服务器端收到客户端提交过来的令牌时检查签名(Signature)； 使用 注意：前端发送请求时要在请求头中加上字段 Authorization :"Bearer{Bearer后要
2024-10-28