前端开发综合论坛 今日: 0|主題: 906|排名: 70 

               一、目标 　　1. 生成道路：通过提供的一些随机的点信息，自动扩展成一定宽度的道路，道路具有路沿点、道路中心点分上下行车道，点的方向根据实际车道运行的方向生成。 　　2. 生成路口：如果多天道路之间有相交，则可以自动在交叉位置计算出道路路口， ...

前端开发工程师核心学习架构（精简版） 一、基础核心层（必须精通） 基础三件套 • HTML5：语义化标签、无障碍（ARIA）、SEO 优化。 • CSS3：Flex/Grid 布局、动画、响应式设计（媒体查询、Viewport 适配）。 • JavaScript (ES6+)：模块化、异步编程（Promise/Async）、原型链、闭包、内存管理。 现代框架与类型安全 • ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 大家都知道，保证网站的安全是十分重要的，一旦网站被攻陷，就有可能造成用户的经济损失，隐私泄露，网站功能被破坏，或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的前端攻击。 1. 跨站脚本 (XSS) 跨站脚本攻击 (XSS) 是一种注入攻击，攻击者通过将恶意脚 ...

Leafletjs的标准图层的marker是可以通过组件 leaflet-rotatedmarker进行图标旋转的，在marker上添加两个属性： rotationAngle：旋转角度，以度为单位，顺时针旋转。 rotationOrigin：旋转中心，默认值为 'bottom center'，对应于标记图标的“尖端”。 但是leaflet-canvasmarker组件的图层使用leaflet-rotatedmarker的旋转 ...

Arco Design Pro 使用常见报错及解决方法 在执行 arco init <项目名称> 命令时遇到错误： 1. TypeError: Cannot read properties of undefined (reading 'question') 这是 arco-cli 工具在初始化项目时的一个已知问题。该错误通常是由于未正确加载 CLI 的基础配置，导致无法读取相关的 question 属性。 我尝试成功的一个解 ...

Script 1-引入js和函数调用 function函数：必然存在一个返回值，绝对不会书写 void，要么返回 undefine，要么返回 return 的数据 function etoak(val1, val2, val3) { try { alert('五一节去哪里玩?') /* 添加断点 */ /* debugger */ ...

✨前言：不只是重置，而是重塑 在前端开发中，我们每天都会接触大量的原生 HTML 标签，例如 <button>、<input>、<a>、<table>、<hr> 等。这些标签自带样式，用于在浏览器中快速渲染交互元素。 然而，这些“默认样式”往往带有浓重的系统色彩，不仅在视觉上缺乏统一感，在不同浏览器之间也表现不一，甚至会破坏用户体验。 因 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 随着移动设备的普及，扫码登录成为一种便捷且安全的用户身份验证方式。它不仅免去了用户输入账号密码的繁琐步骤，还能减少密码泄露的风险。在当今的前端开发中，扫码登录已经成为许多应用的标配功能。那么，作为一名前端开发者，该如何实现这一功能呢？本文将从技术原 ...

问题：用Nestjs开发一个后端项目，发现Prettier插件不能自动格式化后保存，并且没有eslint格式报错提醒，每次都需要手动格式化。 但是另一个vue2项目就可以自动保存，这就奇怪了，明明设置了Prettier为默认格式化插件也开启了保存自动格式化，看Prettier的控制台也启动了格式化。 在网上搜索的方法都不行，ai提供的方法也不 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 开篇小剧场：为什么标签页要"聊天"？ 想象你在网上商城： 标签1：浏览商品页标签2：开着购物车 当你在标签1点击"加入购物车"，标签2的购物车数字应该立即+1！这就是标签页通信的魔力啦！✨ 🎨 方案1：BroadCast Channel（对讲机频道） 🛠️ 方案2：Service Worker（隐形邮差） ...

下是4种纯Less实现的响应式方案，均封装成可复用方法。 方案1：基础设备混合封装 // 定义设备断点变量 @mobile-max: 767px; @tablet-min: 768px; @tablet-max: 1024px; @desktop-min: 1025px; // 设备混合 .mobile(@rules) { @media (max-width: @mobile-max) { @rules(); } } .tablet(@rules) { @media (min-wi ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

大家好，我是 Java陈序员。 之前，给大家介绍过一款基于实体连接图的数据库设计工具。 可视化！一款基于实体连接图的数据库设计工具！ 今天，给大家介绍一个同款的在线数据库实体关系绘图工具。 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 drawDB —— 一个 ...

vxe-table 实现行分组增加对子集的数据统计 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 显示分组统计 通过 rowGroupConfig.showTotal 来开启分组统计，显示子集数量 <template> <div> <vxe-table show-overflow heig ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：奇铭 什么是大模型（LLM） 大模型（LLM）即大型语言模型（Large Language Model），它是一种具有大规模参数和复杂计算结构的人工智能语言模型。它们在大量的文本数据上进 ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。 图片中的海报包含6种字体，其中最大的字体文件超过20M，而最长的网络加载时长已接近 ...

vxe-table 使用行分组，对数据进行分组，指定多字段分组的使用 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 安装 npm install vxe-pc-ui@3.5.26 vxe-table@3.15.6 // ... import VxeUIAll from 'vxe-pc-ui' import 'vxe-pc-ui/lib/style ...

video-clip-images 采集视频中的人脸并截取 本Demo是通过face-api实现的。具体内容可前往Github：face-api 注： 返回大部分使用的都是base64 Demo地址放在了码云上：video-clip-images 目录结构 video-clip-images/ ├── face-api.js-master/ │ ├── weights/ 模型 │ │ └── ... ├── js/ 脚本 │ └ ...

🧾 微信小程序/H5 调起确认收款界面详解（附代码+平台兼容处理） 场景：用户点击「收款」按钮后，系统调起微信收款组件，用户确认后完成转账或收款流程。该能力广泛用于现金营销、二手交易、佣金报酬、企业赔付等业务场景中。 具体见官方文档 💡 背景 微信官方在前俩月更新了 requestMerchantTransfer 接口，允许微信小程 ...