首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏全栈开发那些事

    printThis前端打印插件

    文章目录 一、前言: 1、特征 2、插件下载地址: 二、用法: 1、所有配置: 三、示例代码: 1、jsp代码: 2、 js部分: 3、前端页面: 四、bug 1、设置的pageTitle属性无效 一、前言: 一款打印jQuery插件 1、特征 打印特定的和多个DOM元素 保留页面CSS /样式**或添加新CSS;世界是你的牡蛎! printDelay:333, //布局完打印页面之后与真正执行打印功能中间的间隔 header:"

    打印时间:"+newdate+"

    ", , //如果打印的目标源码中又表单内容就选择true,这里是为新的打印文本中的表单赋值 doctypeString: '<! DOCTYPE html>' // 添加文档声明,使得渲染和打印保持一致 }); } 3、前端页面: 打印前: 点击打印按钮之后: 四、bug 1、设置的pageTitle

    2.8K20编辑于 2023-02-25
  • 来自专栏全栈程序员必看

    控制台打印图形_前端控制台打印

    问题描述 一、在控制台输出以星号打印的三角形 思路:在外部使用循环语句执行5次每次打印1行,每行的内容分别为空格和星号,每行空格缩进的数量为5减去所在行数,星号的数量是所在行数的2倍减1。 在内部使用循环语句首先打印空格,然后打印星号”*”,对应的打印次数用循环次数控制,打印星号之后就可以换行。 public static void main(String[] args) { //打印图形, int n=5;//表示要打印几行 for(int i=1;i<=n;i++) { //i表示每行 //先打印空格:n-i个 for(int j=0;j<n-i;j++) { System.out.print(" "); } //再打印星号,i*2-1个 for(int j=0;j<i*2-1; 思路:将菱形看成上下两个三角形,用打印三角形的方法打印 public static void main(String[] args) { Scanner sc=new Scanner(System.in

    3.2K10编辑于 2022-11-01
  • 来自专栏编程微刊

    前端js实现打印excel表格

    "button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js代码 //打印表格 13661725475 </body> <script> //打印表格

    2.1K00编辑于 2025-05-18
  • 来自专栏cnblogs

    前端导出Excel和打印介绍

    开发后台管理系统时,都需要实现打印、导出Excel这两项功能,在前后台分离的开发模式,你是否想找一个前端解决方案。 核心问题-导出Excel是个麻烦 打印不用多说,前端很容易搞定,因为浏览器自带;主要是导出Excel,因为浏览器没有默认支持,而以前大多数据项目都是后台提供接口生成excel文件后下载。 解决问题-引入两个开源库 printa-js 支持丰富内容的打印组件,原名print-js,printa-js是本人fork后加以改动增加了对页底部内容自定义的功能。 git地址:https://github.com/cqhaibin/Print.js xlsx 前端导出excel解决方案 git地址:https://github.com/SheetJS/sheetjs JSON的通用代码 打印 /** * 普通的打印方法 * data: 数据 * columns:列集合 * title: 标题 * subTitle: 副标题 * 数据格式 * properties

    1.2K10发布于 2020-12-01
  • 来自专栏编程微刊

    前端js实现打印(导出)excel表格

    "button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js代码 //打印表格 13661725475 </body> <script> //打印表格 })() </script> </html> 原文作者:祈澈姑娘 原文链接:https://www.jianshu.com/u/05f416aefbe1 创作不易,转载请告知 90后前端妹子

    1.5K10编辑于 2025-05-18
  • 来自专栏编程微刊

    前端js实现打印(导出)excel表格

    "button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js代码 //打印表格 13661725475 </body> <script> //打印表格 })() </script> </html> 原文作者:祈澈姑娘 原文链接:https://www.jianshu.com/u/05f416aefbe1 创作不易,转载请告知 90后前端妹子

    11.4K20发布于 2018-06-01
  • 来自专栏编程微刊

    前端js实现打印(导出)excel表格

    "button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js代码 //打印表格 13661725475 </body> <script> //打印表格

    11.6K21发布于 2018-06-04
  • 来自专栏葡萄城控件技术团队

    前端报表如何实现无预览打印解决方案或静默打印

    前端开发中,除了将数据呈现后,我们往往需要为用户提供,打印,导出等能力,导出是为了存档或是二次分析,而打印则因为很多单据需要打印出来作为主要的单据来进行下一环节的票据支撑, 而前端打印可以说是非常令人头疼的一件事 因为前端打印,要强依赖与浏览器的打印预览页面,会天然存在以下弊端: 每一次打印都要弹出来打印预览对话框,如果前端需要批量打印,那么意味着客户要点击无数个关闭按钮,才能实现批量打印,如果一次性打印几百张上千张的报表 因此如何在前端实现无预览打印,也就是用户点击打印之后直接就使用默认打印打印出来。针对这个需求,我们验证了一个解决该问题的方案,本贴就来介绍该方案如何实现。 注意:如果exe只给服务器上部署,那么前端打印时调用服务器地址接口打印,最终都会从服务器上连接的打印机打出来。 如果exe给客户端部署了,那么前端打印就可以代码调用localhost地址去打印,最终就会从客户端所连接的默认打印打印出来; 切换打印机的话,就调整windows的默认打印机就可以。

    3.4K50编辑于 2023-02-10
  • 使用React如何静默打印页面:完整的前端打印解决方案

    关键词:React静默打印, web-print-pdf npm包, 前端打印, 无预览打印, 自动化打印, React组件, 企业级打印, 打印解决方案摘要:本文深入介绍如何在React应用中实现静默打印功能 文章涵盖了React组件设计、打印API集成、错误处理、性能优化等关键技术点,为React开发者提供了实用的静默打印实现指南。 引言在现代React应用开发中,静默打印是一个重要的技术需求,特别是在企业级应用中需要自动化打印的场景。 核心功能特性根据实际项目经验,React静默打印需要满足以下核心需求:️ 打印预览与直接打印:支持打印预览功能,用户可以在打印前预览内容,也支持直接打印无需预览 强大的报表功能:支持各种复杂报表,包括交叉表 :支持批量打印、队列管理、并发控制错误处理:完善的错误提示和重试机制企业级:支持打印机管理、打印参数控制技术要点Hook设计:使用自定义Hook封装打印逻辑组件化:可复用的打印组件设计性能优化:队列管理

    42010编辑于 2025-10-24
  • 【vue3】前端实现 生成条形码并调用打印打印

    参考文章:前端实现 生成条形码并调用打印打印 开发技术栈vue3+vite+setup 实现功能,批量选择数据–>生成条形码—>调用打印机–>打印输出 一、生成条形码: 1.安装所需要插件 npm i lineColor: 'black' } JsBarcode(barcodeRef.value, text , options) 具体相关条形码配置options,请参考jsbarcode - npm 二,调用打印打印条形码 (vue) { console.log('关闭了打印工具') } }) 具体相关条形码配置printObj,请参考vue-print-nb - npm 在打印预览的时候发现,条形码并不是一码一页 // 1.实现一码一页打印

    这里就是你所要打印的内用 <! ') }, closeCallback(vue) { console.log('关闭了打印工具') } }) // 批量要打印的数据 const data = ref(['123456789

    52110编辑于 2025-12-15
  • 来自专栏全栈程序员必看

    js如何在前端控制台打印

    在js中右中全局方法可以在控制台console中打印信息: 1、console.log(123); 2、console.info(456); 3、console.warn(666); 4、console.error

    5.5K20编辑于 2022-07-22
  • 来自专栏项目文章

    前端】使用window.print() 前端实现网页打印详细教程(含代码示例)

    本文目录 前言 一、打印基础知识 二、打印控制 2.1 使用打印样式表 2.2 使用媒介查询 2.3 内联样式使用media属性 2.4 css中使用@import引入打印样式表 2.5 打印指定区域 2.6 插入分页 2.7 设置打印布局 2.8 去除页眉页脚 三、示例代码打印方法 总结 前言 在前端开发中,有时我们需要提供打印网页内容的功能,让最终用户能够将网页上的特定部分打印成纸质文档。 虽然浏览器提供了自己的打印预览和打印功能,但使用 JavaScript 的 window.print() 方法可以更灵活地控制打印内容和样式。 3、浏览器显示打印预览窗口,用户可以设置打印选项并打印。 print() 方法用于打印当前窗口的内容。 调用 print() 方法会产生一个打印预览弹框,让用户可以设置打印请求。 二、打印控制 2.1 使用打印样式表 配置一份打印样式表print.css,引入到HTML文档,在 上加上一个 media=“print” 来标识这是打印机才会应用的样式表,这样打印就会默认将该样式表应用到文档中

    9.5K31编辑于 2024-06-12
  • 来自专栏Hank’s Blog

    习题 9: 打印打印打印

    Here are the days: Mon Tue Wed Thu Fri Sat Sun Here are the months: Jan Feb Mar Apr May Jun Jul Aug

    2.1K30发布于 2020-09-16
  • 来自专栏python3

    习题9:打印打印打印

    字符串以\n开始就可以了 为什么使用%r时,\n就不行了 %r 就是这个样子,它打印出的是你写出来的方式,它是用来debug的原始方式 为什么在三引号之间加入空格就会报错? 必须写成""" 而不是" " ",引号之间不能有空格 为什么打印时用了+而不是逗号? 两个字符串连接用+,组成一个新的字符串

    2.1K10发布于 2018-08-02
  • 前端无预览静默打印实现:web-print-pdf npm包与打印专家的完美协作

    文章涵盖了Web打印的技术原理、实现方案、应用场景和最佳实践,为前端开发者提供了完整的Web打印解决方案。引言在现代Web应用开发中,Web打印和无预览静默打印是一个重要的技术需求。 本文将介绍如何通过 web-print-pdf npm包与打印专家(Electron客户端)的协作,实现真正的前端无预览打印和静默打印功能。 ,实现无缝的Web打印协作:// 前端引入 web-print-pdf npm包import webPrintPdf from 'web-print-pdf';// 与打印专家协作的静默打印示例const }}总结通过 web-print-pdf npm包与打印专家(Electron客户端)的完美协作,我们可以实现真正的前端无预览打印和静默打印功能。 无预览打印和静默打印的实现,标志着Web打印技术进入了新的发展阶段。前端无预览打印和静默打印的实现,体现了现代Web技术与桌面应用的完美融合!

    1.1K10编辑于 2025-08-11
  • 来自专栏Hank’s Blog

    习题 8: 打印打印

    1 2 3 4 'one' 'two' 'three' 'four' True False False True '%r %r %r %r' '%r %r %r %r' '%r %r %r %r' '%r %r %r %r' 'I had this thing.' 'That you could type up right.' "But it didn't sing." 'So I said goodnight.'

    1.3K20发布于 2020-09-16
  • 来自专栏前端Q

    都应该会的前端代码规范 - 日志打印规范

    前端开发中,随着项目迭代升级,日志打印逐渐风格不一,合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题,提高开发效率。 本文将介绍如何在前端项目中制定日志输出规范。 1. 日志等级 首先,我们需要定义不同的日志等级,以便根据消息的重要性进行分类。 日志输出 在前端项目中,我们通常使用console对象进行日志输出。不同的日志等级可以使用不同的console方法: console.debug用于DEBUG级别。 `\n${this.formatStack(error.stack)}`; } // ...输出逻辑 } // ...其他方法 } 最后 通过以上步骤,我们可以建立一个前端项目的日志输出规范 日志是帮助我们更好地理解和维护应用的工具,合理的使用和管理日志对于任何规模的前端项目都是非常重要的。

    61310编辑于 2024-07-11
  • 来自专栏TSINGSEE青犀视频

    EasyCVR前端控制台打印报错“:Invalid”的解决办法

    有用户反馈,EasyCVR在播放时,控制台出现了错误打印,提示“[Vue warn]:Invalid”,如图:技术人员对该反馈进行了排查。打开控制台发现,出现错误打印时,并不会影响正常的播放。 在项目中获取通道列表时,将设备和通道ID使用praseInt取整,如图:按上述修改后,控制台打印报错问题已经解决了。

    42510编辑于 2022-07-27
  • 来自专栏python3

    习题8:打印打印

    1 2 3 4 one two three four True False False True {} {} {} {} {} {} {} {} {} {} {} {} {} {} {} {} I had this thing. That you could type up right. But it didn't sing. So I said goodnight.

    1.1K20发布于 2018-08-02
  • 来自专栏全栈程序员必看

    web调用打印机自动打印_网页打印如何设置默认打印

    (当然,用户有各种各样的需求和打印格式要求,愿意使用打印控件的,开发的打印功能当然很好。) 所以直接使用浏览器自带的打印功能,就成为一个选择。 2. 打印功能介绍 2.1 普通打印 如果要将当前网页的内容直接打印到白纸上,很简单,使用如下js代码即可实现。 window.print(); 2.2 打印指定区域 2.2.1 简单打印某一区域 如果只需要简单打印当前网页的某一块内容,不难实现。 2.4 iframe打印 如果你的打印格式比较复杂,在现有页面通过上边介绍的方式实现起来比较麻烦,那就干脆使用iframe打印吧。 WEB打印如何设置默认为”仅选定打印框架”?

    8.6K20编辑于 2022-11-18
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券