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

vue vxe-print 打印设置边距、页头页尾高度样式 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 设置边距 通过设置 page-style.margin 设置打印的页面边距，设置为0 就可以去掉边距 <template> <div> <vxe-print ref="printRef" :page-sty ...

<template> <div> <div ref="barChart" style="width: 800px; height: 600px;"></div> </div> </template> <script> import * as echarts from 'echarts'; import iconA from '@/assets/mhImg/iconTest.png'; // import iconB from '@/assets/icons/icon-b.png'; // import iconC from '@/assets/icons/icon-c.pn ...

在日常工作中，我们常常需要使用到白板工具，用于作图，生成思维导图、流程图等来辅助工作。 今天，给大家介绍一款开源的白板工具，支持多种类型图！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 drawnix —— 一款开源的、基于 React 实现的白板工具（SaaS ...

基于Windows11下Visual Studio Code中的Live Server插件使用过程中出现的问题与解决方法 本文字符约881个，阅读需10分钟 问题 Open a folder or workspace... (File -> Open Folder) 这个是没有打开文件夹 点击这个后没有启动浏览器 点击后为这个 并提示 live server Server is now offline. 和 Server is Started a ...

什么是路径动画？ 随手画一条不规则的线，让元素按照这条不规则的线运动起来，这就是所谓的路径动画。 前面说过的动画都只能针对某一个 CSS 属性，要想实现路径动画可没办法，路径动画必须借助 CSS3 的 offset 相关能力。 offset 相关属性 要实现路径动画，必须用到 offset 的相关属性： offset-anchor 指定元素的运动中心 ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 Formats ICU Message strings with number, date, plural, and select placeholders to create localized messages. ICU 信息语法 ICU 是 International Components ...

加 /** ** 加法函数，用来得到精确的加法结果 ** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 ** 调用：accAdd(arg1,arg2) ** 返回值：arg1加上arg2的精确结果 **/ function accAdd(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.t ...

Vue 3中的ref和template refs详解 在Vue 3中，ref和模板引用（template refs）是两个相关但不同的概念，它们在组合式API（Composition API）中扮演着重要角色。 ref - 响应式引用 ref是Vue 3中创建响应式数据的主要方式之一。 基本用法 import { ref } from 'vue' // 创建一个响应式引用 const count = ref(0) // 访问或 ...

Axios简介 Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。它提供了一个简单、方便的API来处理HTTP请求和响应，并具备多种强大的特性，使其成为现代Web开发中不可或缺的工具。 Axios的用法 1.安装Axios 在Node.js项目中，可以通过npm或yarn安装Axios。在浏览器中，可以直接通过script标签引入Axios的CDN ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 需求描述 在某些情况下，同一个域名下，要布置多个子项目 比如公司没钱，资源紧张，域名少，域名临时没有申请下来，不够用等 或者主项目下，要有其他子项目的时候 这个时候，我们需要把子项目给做相应的修改 同时，nginx做对应的修改，才能实现文章标题的需求功能 注意：主 ...

CSS 布局与视觉效果常用实践指南 在我一篇随笔中其实有说到十大布局，里面有提到 flex 布局、grid 布局、响应式布局，不过没有提到容器查询这个，现在说下这三个布局然后穿插下容器查询吧。 1️⃣ 核心布局方案 🧩 Flexbox 弹性布局 适用场景：线性布局、动态内容对齐，例如按钮组、导航栏、商品卡片列表 .navbar { disp ...

ChatGPT 前端开发 最近在学校把导师安排的项目结项了，然后课余时间花了差不多两个周左右的时间跟着这个项目做了一下，主要是想先熟悉一下前端开发的大致流程。 项目代码：https://github.com/CuriosityWang/chatgpt 项目演示：http://49.235.90.42:3000/ 收获 目前还没有详细的学习对应方法的实现，思路是先熟悉整个项目 ...

vxe-table 实现行与列反转，翻转表格行与列数据显示 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 反转表格，只需要将 columns 和 data 数据进行反转就可以实现 <template> <div> <vxe-grid class="reverse-table" v-bind="gridOp ...

觉得图片右边那个翻译的插件很有趣，自己手痒了，打算做一个试试类似划词翻译的插件 登录Edge插件官网查看扩展 浏览器搜索edge扩展怎么写 参考知乎|如何从零开始写一个Edge扩展？ 和 稀土掘金|Edge浏览器插件开发从入门到上架 自己写了一遍manifest.json，又通过Manifest file format for extensions大致了解一下都有哪些 ...

       2014年曾经做过一版简单的Dicom Web Viewer，之前的Web版本由于技术和功能的极限性，仅能简单的运用于临床阅片和患者的电子胶片使用，无法普及到放射和超声等影像科室。影像科室用的是基于Swing开发的桌面运用程序。两套程序对于开发和部署无法统一。      2021年4月偶然的机会 ...

               一、目标 　　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 属性。 我尝试成功的一个解 ...